Typography | Task 3 : Type Design & Communication
17.11.24 - 17.12.24/ week 9 - week 13
Subhana Salim / 0375936
Typography / Bachelor's of Design (Honours) in Creative Media / Taylor's University
Task 3 : Type Design & Communication
Subhana Salim / 0375936
Typography / Bachelor's of Design (Honours) in Creative Media / Taylor's University
Task 3 : Type Design & Communication
TABLE OF CONTENTS
1. Lectures
2. Instructions
3. Task 3 : Type Design & Communication
4. Feedback
5. Reflection
6. Further Reading
LECTURES
Refer to
for lecture 1-5
for lecture 6 and 7
INSTRUCTIONS
Task 3 Type Design & Communication
This task requires us design a selection of letters from the English alphabet in either Upper or Lower case. The font is to first be digitized in Illustrator then converted into a font in Font Lab 7.
TASK 3 : TYPE DESIGN & COMMUNICATION
In this task we are required to design the following letters and
characters in the English alphabet (o l e d s n c h t i g , . ! #). To
help with this we can choose a font similar to what we want and break it
down. After making several rough sketches we can began digitize it first
in illustrator then make the font in front lab. After generating the font
using font lab 7, we are required to bring it into a illustrator and make
a black and white poster using the font and write a inspirational design
quote on it.
Research
For sketching I decided to look at different fonts online to get
inspiration for which direction I want to head in. I tried to look for
sans serif italicized fonts.
.png)
Figure 1.1 References of fonts
Sketches
After that I decided to do some sketches with the 3 markers I had. One was
a bullet nib, one was chisel nib and the other was a brush nib
marker.
.png)
Figure 1.2 Sketches of fonts
Deconstruction
From the sketches I decided to go with this sketch for the digitization
process.
Figure 1.3 Sketch using for digitization
I found that ITC Baskerville Bold Italic is the font most similar to my
sketch. I decided to deconstruct both capital and small letters of the
letters ghbo/GHBO
Figure 1.4 Deconstruction of letters
Digitization
Then I begin digitizing the font on Adobe illustrator
Figure 1.5 Screen grab of digitization process in Adobe illustrator
Figure 1.6 Digitization process of the font
After digitization this is the final font I design. The x height is 500pt,
the cap height is 715 pts, ascender height is 815 pts and descender height
is -315 pts
Font Lab
Figure 1.7 Final Digitized font
Then I began making and adjusting the font in Fontlab Studio 8.
Figure 1.8 Making the font in Fontlab Studio 8
I also kerned and adjusted the space between the letters to make the space
between the letters more even. I then exported the font and named it
styleisto. The font type is italic as it has a slight tilt to it.
FINAL TYPE DESIGN TASK 3
Download the font here
https://drive.google.com/file/d/12SoBcJY-zovabh6XkMLtPEExb4hagZgC/view?usp=sharing
Figure 1.9 Fontlab Screengrab
Figure 1.10 Final Task 3A : Type Design and Communication :
Styleisto (PNG)
Figure 1.11 Final Task 3A Type Design and Communication : Styleisto
(PDF)
Figure 1.12 Final Poster Styleisto (PNG)
Figure 1.13 Final Poster Styleisto (PDF)
FEEDBACK
Week 8 :
General Feedback : Independent Learning Week
Specific Feedback : Independent Learning Week
Week 9:
General Feedback : This week Ms. Vitiyaa said to work on our
task 3. She told that she would look at our fonts we drew on the graph
paper this week and will give us feedback. She also told us to update
our e-portfolio and feedback sheet. She also gave advice on how to
format our E-portfolio.
Specific Feedback : She approved my digitized font and told me
to proceed with making it on font lab.
Week 10:
General Feedback : This week Miss Vitiyaa told us to keep
working on our fonts and digitize it on illustrator. We were also
asked to update our e-portfolio and our feedback sheet for week 10. We
were asked to watch the font lab videos before downloading font lab 7.
We were requested especially to not download font lab this week due to
the 7 day free trial. She also went through everyone's E-portfolio of
task 1 and gave feedback on it.
Specific Feedback : She looked through my E-portfolio and
asked me to fix minor errors.
Week 11:
General Feedback: This week we were asked to download font
lab 7. We had to finalize our digitized font and import into font
lab 7. We were also required to update our E-portfolio and
feedback sheet.
Specific Feedback: No specific feedback was given on this day
Week 12 :
General Feedback : This week we were required to generate our
fonts and bring it into adobe illustrator and make a black and white
poster with a quote in it. We were also instructed to update our e-
portfolio blog and feedback sheet.
Specific Feedback : Ms. Vitiyaa looked at my quote and adviced
that i change it to something more appealing. She also requested that
I made more letters for my font, to increase options for design
quotes.
Week 13 :
General Feedback : For week 13, Ms. Vitiyaa asked all of us
to finish off with our final task. We were required to update
e-portfolio and feedback sheet. We were also start and finish off
with our final post, which is a compilation of all our assignments
for this module. She even went around the class to give us feedback
on our poster
Specific Feedback : Ms. Vitiyaa reviewed my poster. She said
that the alignment and the layout of the poster requires work.
REFLECTIONS
Experience
Typography class is mostly focused on giving weekly instructions and
we spend the rest of the class working on the assignment. My peers
and my lecturers often help me with constructive criticism. Even I
provide others with the same. Typography class is mostly casual and
quiet. Students are focused on their work which gives me the
motivation to work on my assignments.
Observation
I observed that font making is actually more difficult than what it
looks like. I noticed that my work is at beginner level and requires
improvement. I observed I became more familiar with font lab
program.
I observed that the criticism that my teachers and peers give me are
more eye opening and helps with improving my work.
Findings
I found that the semester helped me improve my typography skills. I
learned how to use adobe illustrator and font lab in order to make
my font. In the future I would like to spend more time on the
planning process so that my work looks more creative and
aesthetically pleasing.
FURTHER READING
For my first further reading I decided to read 'Typographic Systems'
by Kimberly Adam.
Figure 2.1 Typographic Systems by Kimberly Elam
This book talks about the 8 typographic systems and goes into detail
of each type. The 8 variations include :- Axial, Radial, Dilatational,
Random, grid, Modular, transitional, bilateral.
Axial System :- All elements are organized either to the left or the
right of a single axis.
Radial System :- All elements extend from a point of focus
Dilatational System :- All elements expand from a central point in a
circular fashion
Random System :- All elements appear to have no specific pattern or
relationship
Grid System :- A system of vertical and horizontal divisions
Transitional System :- An informal system of layered banding
Modular System :- A series of non-objective elements that are
constructed as standard and units
Bilateral System :- All text is arranged symmetrically on a single
axis
Figure 2.2 Projects and elements
Under the axial layout typographic systems, there are various elements
to take note of. One of them is column widths. Narrow columns with
short line lengths provide most variability in position of the axis.
You can play with the axis position by making it asymmetrical in the
page by moving it to the right or the left.
Figure 2.3 Narrow column width
Wide column widths are less flexible but still provide potential for
compositional interest.
Figure 2.4 Wide column width
Another element is horizontal movement. Many axial layouts have a very
strong vertical eye movement due to alignment across a single axis
Figure 2.5 Horizontal movement
Another element is implied shaped axis. The most common form of axis is
the one that is perpendicular to the baseline of the format. However
designers may use a shaped axis is one or multiple bends to create a zig
zag effect.
Figure 2.6 Implied Shaped Axis
For my second further reading, I decided to read 'Typographic Design;
Form and Communication'
Figure 2.7 Typographic Design; Form and Communication
Figure 2.8 Legibility of typefaces
Figure 2.9 The Typographic Grid
This section covers the syntax in typography. Syntax is the connecting
of typographic signs to form words and sentences on the page.
Figure 2.10 Typographic Syntax
Comments
Post a Comment