Advanced Typography - Task 4: Final Compilation & Reflection


23/6/2026 - 14/7/2026 (Week 10-Week 13)

Zhao Jie,0387076

Advanced Typography Task 3: Type Exploration and Application

1. Instructions

1.1 Module Information


1.2 Module Assignment Briefs


1.3 Rules and Advice

2. Link to Each Task Blog

Task 1:


Task 2:


Task 3:



3. Task 1:Exercises



Task 1: Exercise 2 Compilation (PDF)




Movie Poster (Final design) (PNG)



Movie Poster (Final design) (PDF)

4. Task 2:Key Artwork & Collateral


Task 2(A) Key Artwork


Figure 4.1 Black wordmark on white background


Figure 4.2 White wordmark on black background


Figure 4.3 Colour palette


Figure 4.4 Wordmark in actual colours on lightest shade of colour palette


Figure 4.5 Wordmark in lightest shade of colour palette on darkest shade of colour palette


Figure 4.6 Final Wordmark Animation


Task 2(A) Key Artwork PDF:



Task 2(B) Key Artwork & Collateral


Figure 4.7 Final Collateral Color Palette


Figure 4.8 Final Collateral Pattern #1

Figure 4.9 Final Collateral Pattern #2


Figure 4.10 Final Collateral Pattern #3


Figure 4.11 Final Collateral Pattern #4


Figure 4.12 Final Collateral Logo



Figure 4.13 wordmark on self portrait


Figure 4.14 Final Collateral #1


Figure 4.15 Final Collateral #2



Figure 4.16 Final IG Posts Screenshot


Task 2(B) Key Artwork & Collateral PDF:



5. Task 3:Type Exploration & Application

WaterRippleTypeface

Download font link:

Problem:
Many water sports and aquatic product brands use generic fonts that do not reflect the feeling of movement and water.

Solution:
Create a typeface inspired by water ripples and flowing waves. The letterforms will express
motion, fluidity, and energy while maintaining readability.

Application:
Swimwear brands/Swimming equipment/Surfing products/Water sports events/Beachwear packaging

WaterRipple JPG


WaterRipple PDF


FontLab  screen grab


Font presentation 1


Font presentation 2


Font presentation 3


Font presentation 4


Font presentation 5


5 Font presentations PDF


Font application 1


Font application 2


Font application 3


Font application 4


Font application 5

5 Font applications PDF

Type here to test the font:

 

6. Overall Reflection

Experience

Through these three tasks, I experienced the full typography design process, from layout experiments and letterform extraction to visual identity development and final typeface production. In Task 1, I explored the eight Typographic Systems and repeatedly revised my layouts based on classroom feedback. I paid more attention to margins, white space, hierarchy, and the balance between visual expression and system clarity. In Task 2, I developed a Wordmark through mood boards, sketches, colour exploration, animation, posters, product mock-ups, and social media content. The project gradually developed from a single logo into a complete brand identity. Task 3 covered the full process of sketching, digitisation, FontLab production, kerning adjustment, Font Presentation, and Font Application. During this process, the FontLab trial version could not export my typeface, so I eventually purchased the full version. Although this experience was very frustrating, it allowed me to complete the final font and preserve all of my work.

Observations

Mr. Vinod’s weekly classroom feedback had a clear influence on the development of my work. He gave me many useful suggestions about hierarchy, margins, colour contrast, letterform consistency, lowercase proportions, symbol spacing, kerning, and presentation methods. These comments helped me notice many problems that were difficult to identify by myself. As the projects developed, the importance of early research also became clearer. Mood boards, case studies, and references to strong design work helped me establish a more focused direction. In Task 1, I observed that each Typographic System has its own visual rules. As long as the system remains clear, it can still be recognised through different layout styles. During the letterform extraction process in Task 2, too much dependence on a standard reference typeface weakened the original characteristics of my design. Preserving more of the source form gave the letters a stronger visual identity. In Task 3, the stroke library, grid system, and repeated kerning tests in FontLab helped make the whole typeface more consistent and complete.

Findings

These three projects showed me that typography design requires continuous testing, comparison, and revision. Small adjustments to spacing, proportions, and colour relationships can have a clear effect on the final quality. I also developed a better understanding of how typography can work across different media. A typeface or Wordmark can gradually expand into posters, animation, packaging, product displays, social media content, and a complete brand identity while maintaining a consistent visual language. Throughout the semester, I became more familiar with InDesign, Illustrator, Photoshop, After Effects, Procreate, and FontLab. I also gained a clearer understanding of the role of Typography in visual communication. I now feel more confident in researching, designing, and applying typefaces, and I can approach future design projects in a more organised way.

Comments

Post a Comment

Popular posts from this blog