Advanced Typography / Task 3 Type Expression and Application
12 / 06 / 2025 — 23 / 07 / 2025 (Week 08 — Week 14)
WangJiheng / 0378904
GCD 61004 / Advanced Typography / Bachelor of Design (Hons) in Creative Media / Taylor's University
Task 3 / Type Expression and Application
TABLE OF CONTENTS
LECTURES
Click here to return to Task 2's lecture
Click here to return to Task 1's lecture
INSTRUCTION
Task 3 — Type Expression and Application (30%)
Timeframe: Week 08 - Week 12 (Deadline Week 13)
Required Submissions:
A-Z; Numerals; Punctuation
Link to your .ttf font.
5 font presentations (1024 x 1024 px, 300ppi)
5 font applications (1024 x 1024 px, 300ppi)
TASK 3
Fig 1.1 Proposal Slides, Week 9
Fig 1.2 Wordmark design from Task 2, Week 6 (29/05/2025)
Research/ collecting references
The trademark I designed in the previous Task2 is rectangular. Therefore,
I've found some similar fonts as references in my proposal. Here are the
font references. I can refer to these fonts for my font design. I will
design the 26 capital letters centering around the four letters "HENG"
that I designed previously.
Fig 1.3 References Week 10
According to the design requirements of the previous version, I started
the design from a, b, c, d, and for the letter 'e', I adopted the style of
the previous trademark.
I traced these letters using the Pen Tool. Additionally, some rectangles
can be created anew, with the same length and width maintained to form
this letter.
Next, I created a full set of 26 capital letters and punctuation marks, in line with my previous design concept. These letters are strictly aligned to the baseline.
Fig 1.5 Full set of 26 capital letters and punctuation marks Week 10
The feedback this week was good. Next week I will work on the lowercase letters. At first I didn't have any inspiration. I felt that the lowercase letters of the uppercase letters I designed were a bit difficult to design, but I used the design style of the uppercase letters to design the lowercase fonts, using a cutting style.
Fig 1.6 The design process of lowercase fontsWeek 11
Next I continued with the cutting style for the numbers. The design of
the numbers is different from the letters, but it is basically the
same.
This is the number 1, 2 and 3 I designed. I will continue to use this
style to design all the Arabic numerals.
Fig 1.9 All Arabic numerals design Week 11
The design of the numbers is the same as the letters. The three-line grid ensures alignment, which makes the whole thing very neat and ensures the same design style as the letters.
The feedback from week 11 pointed out that my uppercase and lowercase
designs are not consistent. The lowercase design is too thin and the
uppercase is too thick. This does not look like a finished font family. So
I will improve this design. In the next week, I will improve my lowercase
fonts to match the uppercase fonts.
Thinking and improving fonts
After I got home, I was thinking that I didn’t have a good idea to design
this lowercase font. I was thinking about redesigning a version of the font.
I thought that since I was designing a font with cut shapes, I could think
of a new font design scheme. So I thought of honeycombs. I could use this
design concept to design a new version of the font. This is just an attempt,
but it also represents my font iteration.
Fig 2.1 Honeycomb concept fontWeek 12
Based on this design style, I continued to design 26 new uppercase and lowercase letters. They look like this:
After designing these, I felt that they were still not as sharp as the
previous fonts, so I abandoned this font and went back to thinking about how
to design lowercase letters.
Fig 2.3 Redesigned lowercase letters Week 12
I'm continuing to use the cut and paste effect on my lowercase letters, but this time I'm going to make them a little sharper and more in line with the uppercase letters.
Fig 2.6 Font design in fontlab Week 12
After importing the fonts, I redesigned the font spacing because I found
that just importing the fonts did not solve the font width and spacing
issues.
Font Presentation
Next, I will design a poster to showcase my fonts. I watched a lot of
font posters, so I designed a font display in many styles so that my fonts
can be viewed in various styles.
Fig 3.1 Draft of the second poster Week 13
Finalized Font Presentation artworks
Fig 4.2 Font Presentation 2 Week 13
Fig 4.3 Font Presentation 3 Week 13
Fig 4.4 Font Presentation 4 Week 13
Fig 4.5 Font Presentation 5 Week 13
Font Application
Regarding the application of fonts, I plan to apply them to some
peripherals, such as skateboards, buttons, masks, pillows and mouse pads. I
use PS to make them. The following is my poem writing process.
Fig 5.1 The production process of skateboard peripherals Week 13
Fig 5.2 The production process of button peripherals Week 13
Fig 5.3 The design process of the mask periphery Week 13
Fig 5.4 The design process of the mouse pad peripheral Week 13
Fig 5.5 pillow design process Week 13
Finalized Font Applications
Fig 6.1 Font Application 1 Week 13
Fig 6.2 Font Application 2 Week 13
Fig 6.3 Font Application 3 Week 13
Fig 6.4 Font Application 4 Week 13
Fig6.5 Font Application 5 Week 13
Task 3 Final Outcome
⬇️ Click here to download SYNERGIZE.ttf
Fig 7.1 Finalized letterforms (PDF) Week 13
Fig 7.4 Font Presentation 3 Week 13
Fig 7.5 Font Presentation 4 Week 13
Fig 7.6 Font Presentation 5 Week 13
Fig7.7 Font Application 1 Week 13
Fig 7.8 Font Application 2 Week 13
Fig 7.9 Font Application 3 Week 13
Fig 8.1 Font Application 4 Week 13
Fig 8.2 Font Application 5 Week 13
Fig 8.3 Final Outcome (PDF)Week 13
FEEDBACK
Week 09This week, Mr. reviewed the proposal PPT we made. Each of us made three proposals to complete this task. Mr. reviewed my proposal and I said I would choose the third idea to continue the font of my task 2. Mr. said that my idea was OK and we should continue to do it.
Week 10
In the tenth week, I made the capital letters according to the proposal I wrote. During the class, the teacher gave me feedback that I should continue to make the lowercase letters. This week's feedback was good.
Week 11
In the eleventh week, I made the lowercase font, but the feedback was to redo the lowercase font because the lowercase font I made did not look very compatible with the uppercase font, so I needed to redo it.
Week 12
In the twelfth week, I made a new lowercase font and imported it into fontlab to make the font. Next week I will complete task 3.
Week13
REFLECTION
FURTHER READINGS
I decided to read Basics of Computer Typography in an effort to have a better understanding of how type design and layout mechanics work in digital.
1) Software workflow & rendering variances
The book contrasts how various design software render type. For example, InDesign will also dumb block uninstalled fonts to protect typographic quality, and older software can accept “faked bolds” with the potential for disfigurement. That was one of the insights that made me more cautious when working in Photoshop; double-checking font weights and effects when I was playing with Helvetica Neue in particular.
2) Baseline grid & “order” in layout It may look finicky but it’s very easy to setup and saves a lot of time once you get used to it.
While working with the InDesign baseline grid to align multicolumn text, I had the opportunity to experience the efficiency and harmony grid-based design can bring first hand—precisely what this book discusses as “achieving a balance between design efficiency and aesthetics.”
3) Readability over novelty
The idea that seemed most like a game changer was ‘readability’. Quoting from Jan White, the writer also warns against novelty over clarity for designers. This made me think about my own work, much of which has utilized typefaces with over-the-top ligatures and details for body copy, in turn, impacting legibility.
4) Micro-typography: kerning & leading
It made me more alert to the little details of microtypography, like kerning and leading. I learned to do manual adjustments for kerning pairs like VA and WA to create better rhythm, and found how some faces like Futura require higher leading at small point sizes (i.e. 9/10) to prevent type from clumping.
5) A shift in attitude
Not only did this reading make me comprehend these tools better but it also changed my mentality towards typography: from being decorative to functional.
Comments
Post a Comment