Advanced Typography/ Final Compilation & Reflection

22nd Apr 2024 - 23rd July 2024 (Week 1 - Week 14)
Natalie Chu Jing Xuan/ 0354589

Advanced Typography/ Bachelor of Design (Honours) in Creative Media

Final Compilation & Reflection

---

Table of Content

1. Task 1: Exercises
2. Task 2: Key Artwork & Collateral
3. Task 3: Type Exploration & Application
4. Reflections

---

Submissions

Task 1/Exercise 1: Typographic System
22nd Apr 2024 - 26th May 2024 (Week 1 - Week 5)

Fig.1.1 Final Axial System (jpeg)

Fig.1.2 Final Radial System (jpeg)

Fig.1.3 Final Dilatational System (jpeg)

Fig.1.4 Final Random System (jpeg)

Fig.1.5 Final Grid System (jpeg)

Fig.1.6 Final Transitional System (jpeg)

Fig.1.7 Final Modular System (jpeg)

Fig.1.8 Final Bilateral System (jpeg)

Fig.1.9 Final Typographic Systems (pdf)

Fig.1.10 Final Typographic Systems with grids (pdf)

Task 1/Exercise 2: Type and Play
22nd Apr 2024 - 26th May 2024 (Week 1 - Week 5)

Fig.2.1 Image

Fig.2.2 Image and Extraction (jpeg)

Fig.2.3 Final letterforms

Fig.2.4 Reference font: Futura Std

Fig.2.5 Extracted letterforms (top) and Final letterforms (bottom)

Fig.2.6 Final poster (jpeg)

Fig.2.7 Final Poster (pdf)

[Table of Content]

---

Task 2: Key Artwork & Collateral
22nd May 2024 - 21st June 2024 (Week 5 - Week 9)

Fig.3.1 Black wordmark on white background

Fig.3.2 White wordmark on black background

Fig.3.3 Colour palette 

Fig.3.4  Wordmark in main colour 

Fig.3.5 Wordmark in main colour (reversed)

Fig.3.6 Animation

Fig.3.7 Collateral#1

Fig.3.8 Collateral#2

Fig.3.9 Collateral#3

Instagram link: https://www.instagram.com/nata1y.04/

Instagram Screen grab: 

Fig.3.10 IG screen grab

[Table of Content]

---

Task 3: Type Exploration & Application
12th June 2024 - 23rd July 2024 (Week 8 - Week 14)

Fig.4.1 Goofy font

Link to download font: 

https://drive.google.com/drive/u/0/folders/10GtSmNN3MWEKinqiFeP2SjnKzgyrzuJ9

Font Presentations

Fig.4.2 Font Presentation #1, jpg

Fig.4.3 Font Presentation #2, jpg

Fig.4.4 Font Presentation #3, jpg

Fig.4.5 Font Presentation #4, jpg

Fig.4.6 Font Presentation #5, jpg

 

Fig.4.7 Font Presentations, pdf

Font Applications

Fig.4.8 Font Application #1, Signboard, jpg

Fig.4.9 Font Application #2, Donut Box,  jpg

Fig.4.10 Font Application #3, Loyalty Card, jpg

Fig.4.11 Font Application #4, Coffee Cup,  jpg

Fig.4.12 Font Application #5, Poster, jpg

Fig.4.13 Font Applications, pdf

[Table of Content]

---

Reflections

Experiences

Learning the typographic system has been a challenging and rewarding experience. Exploring the fundamentals of typographic hierarchy, spacing, and alignment gave me a solid foundation to build on. The process of extracting letterforms from images to create a new typeface was especially interesting. It enabled me to recognise the potential in existing designs and transform them into distinct typefaces. Using Illustrator and Fontlab, I was able to create a complete typeface with all uppercase and lowercase characters. Moreover, I learnt that maintaining consistency across characters is very important while creating a typeface. Creating mockups to demonstrate my typeface in real-world scenarios was a significant phase. It helped me visualise how the typeface would appear in different contexts and gave me a tangible way to present my work.

Observations

I observed that typography requires a high level of accuracy. Small adjustments to spacing, weight, and alignment can have a significant impact on a typeface's overall appearance and readability. The interplay between art and technology was evident, as designing a typeface requires both artistic creativity and technical skills. Tools such as Illustrator and Fontlab are essential, but they must be used with a thorough understanding of typographic principles. It is critical to ensure that all characters in a typeface are harmonious, as inconsistent design elements can detract from the overall appearance and feel. Creating mockups emphasised the importance of user experience; demonstrating how a typeface works in various contexts is critical for determining its functionality and appeal.

Findings

One significant finding is that creating a typeface is an iterative process. Initial designs frequently require multiple rounds of refinement to achieve the desired result, with feedback and testing taking critical roles. Both Illustrator and Fontlab provide powerful features for typeface creation, with Illustrator excelling at designing individual characters and Fontlab at compiling and fine-tuning the entire typeface.