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

In Task 3, I need to design a font based on the three given directions:Design a font intended to solve a major problem in a field I'm interested in, or serve as part of a solution;1.Explore existing letterforms in a field I'm interested in;2.Engage in experimental design.


                                                                                       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.




Fig 1.4 Design new lettersWeek 10


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


Similarly, I also used the pen tool to trace the lowercase font, retaining the font cutting style to design the lowercase letters. This is the case for each letter.



Fig 1.7 The design process of lowercase fonts Week 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.



Fig 1.8 
digital design style Week 11


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.


   Fig 1.10 Problem letter combination pointed out Week 11


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:



  Fig 2.2 Honeycomb concept fontWeek 12



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.4 New lowercase letter designWeek 12


Import the designed font into fontlab


Fig 2.5 Font design in fontlab Week 12



Fig 2.6 Font design in fontlab Week 12




Fig 2.7 
Import lowercase fonts Week 12






Fig 2.8 
Import lowercase fonts 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.



Fig 2.9 Import lowercase fonts Week 12


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.1  Font Presentation 1  Week 13


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.2  Font Presentation 1  Week 13


Fig 7.3 Font Presentation 2  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


HONOR Talents Global Design Awards

Overall effect design drawing




Theme design





wallpaper design







FEEDBACK

Week 09

This 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

When making fonts, you must pay attention to the length, width and height of the font. You must keep it consistent. Because of this problem, I have modified my fonts many times. No matter what software you use, you must ensure this. When designing the corresponding lowercase letters of the uppercase, you must also keep the two fonts consistent. In future studies, I will improve these. I have also learned a lot about font design.


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

Popular posts from this blog

Typography / Task 1: Typographic Exploration & Communication

Design Principles GCD60804 Task 1

Interactive Design - Task 1: Exercises