Advanced Typography: Final Compilation & Reflection

on

21/4/2025 - 20/7/2025 / (Week 1- Week 13)

Aricia Man Yi Xuan / 0375026

Advanced Typography / GCD61004

Bachelor of Design (Hons) in Creative Media

Final Compilation & Reflection

Google Drive Link

TABLE OF CONTENT

1. Task 1 - Exercise

2. Task 2 - Key Artwork & Collateral

3. Task 3 - Type Exploration & Application


Quick links to:

TASK 1

- Typographic System - 

Fig.1.1.1 Final Axial System - JPEG / (Week 2, 30/4/2025)

Fig.1.1.2 Final Radial System - JPEG / (Week 2, 30/4/2025)

Fig.1.1.3 Final Dilatational System - JPEG / (Week 2, 30/4/2025)

Fig.1.1.4 Final Random System - JPEG / (Week 2, 30/4/2025)

Fig.1.1.5 Final Grid System - JPEG / (Week 2, 30/4/2025)

Fig.1.1.6 Final Modular System - JPEG / (Week 2, 30/4/2025)

Fig.1.1.7 Final Transitional System - JPEG / (Week 2, 30/4/2025)

Fig.1.1.8 Final Bilateral System - JPEG / (Week 2, 30/4/2025)

Fig.1.1.9 Final Task 1: Typographic Systems - PDF with grid / (Week 2, 30/4/2025)

Fig.1.1.10 Final Task 1: Typographic Systems - PDF without grid / (Week 2, 30/4/2025)


- Type & Play - 

Fig.1.1.11 Final Outcome - JPG / (Week 4, 14/5/2025)

Fig.1.1.12 Final Outcome - PDF / (Week 4, 14/5/2025)

TASK 2

- Key Artwork - 
Fig.2.1.1 Black wordmark on white background / (Week 6, 30/5/2025)

Fig.2.1.2 White wordmark on black background / (Week 6, 30/5/2025)

Fig.2.1.3 Colour Palette / (Week 6, 30/5/2025)

Fig.2.1.4 Wordmark in actual colour on lightest shade of colour palette / (Week 6, 30/5/2025)

Fig.2.1.5 Wordmark in lightest shade of colour palette on darkest shade of colour palette / (Week 6, 30/5/2025)

Fig.2.1.6 Final Animation - GIF / (Week 8, 11/6/2025)

Fig.2.1.7 Task 2A - PDF Compilation/ (Week 6, 30/5/2025)


- Collateral - 

Fig.2.1.8 Collateral #1 - Tote Bag / (Week 7, 5/6/2025)

Fig.2.1.9 Collateral #2 - Bottle / (Week 7, 5/6/2025)

Fig.2.1.10 Collateral #3 - iPad Cover / (Week 8, 11/6/2025)

Fig.2.1.11 Instagram Feed Layout Design / (Week 8, 11/6/2025)


Fig.2.1.12 Screenshot of Instagram Page / (Week 8, 11/6/2025)

Fig.2.1.13 Task 2B Compilation - PDF / (Week 8, 11/6/2025)

TASK 3

1. Download Font Link: Bloblock.ttf

Fig.3.1.1 Font Info / (Week 13, 14/7/2025)

2. PDF of typeface

Fig.3.1.2 Compilation of uppercase, lowercase, punctuation - PDF / (Week 13, 14/7/2025)

3. FontLab Screen Grab

Fig.3.1.3 FontLab Screen Grab / (Week 13, 14/7/2025)

4. FIVE font presentations

Fig.3.1.4 Font Presentation #1 / (Week 13, 14/7/2025)

Fig.3.1.5 Font Presentation #2 / (Week 13, 14/7/2025)

Fig.3.1.6 Font Presentation #3 / (Week 13, 14/7/2025)

Fig.3.1.7 Font Presentation #4 / (Week 13, 14/7/2025)

Fig.3.1.8 Font Presentation #5 / (Week 13, 14/7/2025)

5. FIVE font applications

Fig.3.8.9 Font Application #1 / (Week 13, 14/7/2025)

1. Standby (HONOR Competition)
  • Application Use: This standby clock was designed for the HONOR competition.
  • Pattern Style: The interface features a soft 3D effect with inflated, bubbly, bold numeric display for time, a subtle analog clock graphic, and a battery indicator and weekday info.

Fig.3.8.10 Font Application #2 / (Week 13, 14/7/2025)

2. Subway Display Screen
  • Application Use: Public promotional poster/ communication mood in a subway station.
  • Pattern Style: Repetition and movement of the words that communicate moods.

Fig.3.8.11 Font Application #3 / (Week 13, 14/7/2025)

3. Vending Cart Signage
  • Application Use: Signboard for a pop-up or retail, F&B stalls, street-style branding.
  • Pattern Style: I created an emoji face made by turning the letter "o" into eyes and using the cut-out hole of the temple block as a mouth.

Fig.3.8.12 Font Application #4 / (Week 13, 14/7/2025)

4. Arcade Gaming Screen
  • Application Use: UI display in a retro arcade screen.
  • Pattern Style: The background filled with punctuation marks like a pattern.

Fig.3.8.13 Font Application #5 / (Week 13, 14/7/2025)

5. Vinyl Record Packaging
  • Application Use: Album cover, record label, sleeve designs.
  • Pattern Style: Using temple block visual elements and letters combined together.

Fig.3.8.14 Font Application #6 / (Week 13, 14/7/2025)

6. Game Flashcards
  • Application Use: Flashcards for education and playful interaction.
  • Pattern Style: The font itself used consistently across cards.

6. Font presentation & application PDF embedded

Fig.3.8.15 Font Presentations & Applications - PDF / (Week 13, 14/7/2025)

REFLECTION

Experiences:
This semester has been a long journey of exploration, experimentation, and learning. It was exhausting but rewarding during these tasks. In Task 1A, we studied the typographic systems. We created our own layout design based on the 8 typographic systems — axial, radial, dilatational, random, grid, modular, transitional, and bilateral. Later in Task 1B, I learned to observe letterforms in our daily lives. We extracted letters from an image and refined the letterforms. Then, we used those refined letterforms to create a poster, blending images and types into one cohesive visual.

In Task 2, I think it was the most mentally and physically tiring for me. Because I made a lot of trial and error, especially during the process of making GIFs (Task 2A) and collateral (Task 2B) designs. In Task 2A, I had to create a wordmark using my own name, and it was really difficult to find a version that felt "just right". I keep redesigning the wordmark again and again. I don't want it to be overly decorative, but also not too plain, and in keeping with my personality. I adjusted the letter shapes, stroke weight, composition, and spacing every week after receiving feedback. In Task 2B, I expanded the wordmark into three pieces of collateral, which gave me a more real-world branding experience. However, I also struggled with creating different patterns or extended ideas from the wordmark. Overall, although it was tiring, I learned a lot of things and also felt a sense of achievement.

Finally comes Task 3, I actually enjoyed this part, as we did something similar in the previous tasks so the process was quite smooth for me. This task needs to create a full set of .ttf and apply them to application use. This gave me a full-circle experience of ideating, designing, and applying typography in real-world contexts. I was satisfied with my final project. 

Observation:
Throughout this process, I noticed the most important thing was "consistency". Everything, whether in letterforms, layout, alignment, and so on, "consistency" always needs to be considered in a design. Moreover, before creating letters, always create a grid for the base structure. It helped me to maintain proportion across letters and improve the overall balance of the font. Apart from that, kerning and letterspacing are also crucial, as they determining readability and the overall feel of a word or sentence.
Findings:
Overall, I'm so happy that we finally ended this semester, finally can rest. I really appreciate what Mr. Vinod has taught us; I've learned a lot from him. Each task taught me different things that I can apply in the future. I've become more attentive to detail, more creative, and more patient. I hope to explore more experimental and expressive type in the future and maybe even expand my font "Bloblock" into motion or interactive formats. This semester challenged me, frustrated me at times, but ultimately shaped me.


Thanks for reading me~



Comments

Post a Comment