Advanced Typography - Final Compilation and Reflection

⭐ 22/4/2024 - 22/7/2024 (Week 1 - Week 14)

🎀 Yan Zhi Xuan | 0369425 

💜 Advanced Typography  | Bachelor of Design (Hons) in Creative Media | Taylor's University

📚 Final Compilation and Reflection

---

TABLE OF CONTENTS

1. Links to the Tasks

2. Instructions

3. Submissions

    3.1 Task 1: Exercises 1 & 2 - Typographic Systems and Type & Play

    3.2 Task 2: (A) Key Artwork and (B) Collateral 

    3.3 Task 3: Type Exploration and Application

4. Final Reflection  

---

1. LINKS TO THE TASKS

Advanced Typography - Task 1: Exercises 1 & 2 - Typographic Systems and Type & Play

Advanced Typography - Task 2: (A) Key Artwork and (B) Collateral

Advanced Typography - Task 3: Type Exploration and Application

---

2. INSTRUCTIONS

Doc. 2.1 Module Information Booklet of Advanced Typography.

---

3. SUBMISSION

3.1 Task 1: Exercises 1 & 2 - Typographic Systems and Type & Play 

Final Outcome (Exercise 1)

Fig. 3.1.1 Axial System - Final Outcome (JPEG), Week 2 (29/4/2024).

Fig. 3.1.2 Radial System - Final Outcome (JPEG), Week 2 (22/4/2024).

Fig. 3.1.3 Dilatational System - Final Outcome (JPEG), Week 2 (29/4/2024).

Fig. 3.1.4 Random System - Final Outcome (JPEG), Week 2 (29/4/2024).

Fig. 3.1.5 Grid System - Final Outcome (JPEG), Week 2 (29/4/2024).

Fig. 3.1.6  Modular System - Final Outcome (JPEG), Week 2 (29/4/2024).

Fig. 3.1.7  Transitional System- Final Outcome (JPEG), Week 2 (29/4/2024).

Fig. 3.1.8  Bilateral System - Final Outcome (JPEG), Week 2 (29/4/2024).

Doc 3.1.1 Final Task 1 - Exercise 1: Typographic Systems (PDF), Week 2 (29/4/2024).

Doc 3.1.2 Final Task 1 - Exercise 1: Typographic Systems Grids and Guides (PDF), Week 2 (29/4/2024).

Final Outcome (Exercise 2 - Part 1: Finding Type)

Fig. 3.1.9 Final Type Design (JPEG), Week 2 (29/4/2024).

Doc. 3.1.3 Final Finding Type (PDF), Week 2 (29/4/2024).

Final Outcome (Exercise 2 - Part 2: Type & Image)

Fig. 3.1.10  Final Poster Design (JPEG), Week 3 (6/5/2024).

Fig. 3.1.11 Final Type & Image - Movie Poster Design  (JPEG), Week 3 (6/5/2024). 

Doc. 3.1.4 Final Type & Image - Movie Poster Design (PDF), Week 3 (6/5/2024). 

3.2 Task 2: (A) Key Artwork and (B) Collateral 

Final Outcome (Task2A)

Black wordmark on white background 

Fig. 3.2.1 Black wordmark on white background, Week 6 (27/5/2023).

White wordmark on black background 

Fig. 3.2.2 White wordmark on black background, Week 6 (27/5/2023).

Colour palette 

Fig. 3.2.3 Colour palette, Week 6 (27/5/2023).

Wordmark in actual colours on lightest shade of colour palette 

Fig. 3.2.4 Wordmark in actual colours on lightest shade of colour palette, Week 6 (27/5/2023).

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

Fig. 3.2.5 Wordmark in lightest shade of colour palette on darkest shade of colour palette, Week 6 (27/5/2023).

Wordmark animation

Fig. 3.2.6 Gif #1, Week 6 (27/5/2023).

Fig. 3.2.7 Gif #2, Week 6 (27/5/2023).

Final Outcome (Task2B)

Collaterals

Fig. 3.2.8 Final Outcome - Collateral #1: Game Card, Week 6 (27/5/2023).

Fig. 3.2.9 Final Outcome - Collateral #1: Branded Items, Week 6 (27/5/2023).

Collateral #3: Branded Hoodies

Fig. 3.2.10 Final Outcome - Collateral #3: Branded Hoodies, Week 6 (27/5/2023).

Collateral #4: Information Booklet

Fig. 3.2.11 Final Outcome - Collateral #4: Information Booklet, Week 6 (27/5/2023).

Fig. 3.2.12 Compiled Work in AI, Week 7 (3/6/2023).

Instagram link: xuandesign2024

IG Screen Grab

Fig. 3.2.13 Final Outcome - IG Screen Grab, Week 6 (27/5/2023).

Submission - PDF version

Doc. 3.2 Final Outcome - Compiled Work of Task 2A & 2B (PDF), Week 6 (27/5/2023).

3.3 Task 3: Type Exploration and Application

Final Outcome (Font Presentation)

Fig. 3.3.1 Final Outcome - Font Presentation #1, Week 12 (8/7/2024).

Fig. 3.3.2  Final Outcome - Font Presentation #2, Week 12 (8/7/2024).

Fig. 3.3.3  Final Outcome - Font Presentation #3, Week 12 (8/7/2024).

Fig. 3.3.4  Final Outcome -Font Presentation #4, Week 12 (8/7/2024).

Fig. 3.3.5  Final Outcome - Font Presentation #5, Week 12 (8/7/2024).

Fig. 3.3.6  Final Outcome - Compiled Font Presentation, Week 12 (8/7/2024).

Final Outcome (Final Typeface Design)

A-Z; Numerals; Punctuation 

Fig. 3.3.7 Final Outcome- A to Z; Numerals; Punctuation, Week 12 (8/7/2024).

Designed font link to my .ttf font. : New Media Font

Font preview  

Fig. 3.3.8Final Typeface Preview in FontLab, Week 12 (8/7/2024).

Final Outcome (Applications)

Fig. 3.3.9 Final Outcome - Mini Album Cover, Week 13 (15/7/2024).

Fig. 3.3.10 Final Outcome - Concert Tickets, Week 13 (15/7/2024).

Fig. 3.3.11 Final Outcome - Billboard Advertisement, Week 13 (15/7/2024).

Fig. 3.3.12Final Outcome - Promotional Flyer, Week 13 (15/7/2024).

Fig. 3.3.13 Final Outcome - Digital Badges, Week 13 (15/7/2024).

Compiled font applications

Fig. 3.3.14 Final Outcome - Compiled Applications, Week 13 (15/7/2024).

Submission - PDF version

Doc. 3.3.1 Compiled Work of Typeface Design: New Media Font (PDF), Week 13 (15/7/2024).

Doc. 3.3.2 Compiled Work of Font Presentation: New Media Font (PDF), Week 13 (15/7/2024).

Doc. 3.3.3 Compiled Work of Font Applications: New Media Font (PDF), Week 13 (15/7/2024).

---

4. FINAL REFLECTIONS

EXPERIENCE

Engaging in these advanced typography tasks provided a comprehensive exploration of various facets of typography and design. In Task 1, practical experimentation in InDesign and visual analysis of photographs deepened my understanding of typographic systems and the relationship between visual forms and letterforms. Exercise 1 involved mastering the eight typographic systems to create interesting compositions, leveraging InDesign to explore different typographic principles like axial, radial, dilatational, random, grid, modular, transitional, and bilateral systems. Exercise 2 focused on identifying and examining potential letterforms in photographs, emphasizing the connection between visual forms and typographic letterforms.

Designing the key artwork and its collateral in Task 2 was a multifaceted process that blended creativity with strategic thinking. Creating an artwork that effectively represented the brand while maintaining simplicity and elegance involved brainstorming, sketching, refining, and testing to ensure scalability and visual communication across different formats. This process highlighted the importance of versatility in design, ensuring the artwork remained impactful regardless of the medium.

In Task 3, designing a typeface from scratch to address a specific issue was both challenging and rewarding. The process began with extensive research to understand common problems and requirements within the chosen field. This phase included reviewing existing typefaces, analyzing user feedback, and identifying gaps. The design process involved sketching, conceptualizing, digitizing, testing, refining, and applying the final typeface across various mediums, emphasizing the iterative nature of design.

OBSERVATION

Throughout these tasks, I observed the critical importance of designing with distinct typographic principles in mind, as each system offers unique options for text organization and presentation. Exercise 2 underscored the value of creative inquiry by recognizing and extracting letterforms from unexpected sources, such as objects in photos, highlighting how inspiration from surroundings can inform typographic design ideas.

In Task 2, the design process revealed the significance of simplicity, ensuring scalability and versatility across various collaterals. Testing designs at various sizes and making necessary adjustments refined the visual impact, reinforcing the importance of a methodical approach to typography.

In Task 3, key observations included the necessity of user-centric design, the technical challenges of digitization, and the importance of versatility and adaptability during the typeface design process. Understanding the target audience and context was crucial for identifying issues and areas for improvement, and technical expertise was essential for maintaining integrity across different sizes and resolutions.

FINDINGS

From Task 1, I learned that a methodical approach to typography, grounded in the guidelines of various typographic systems, enables the creation of unified and aesthetically pleasing arrangements. Exercise 2 demonstrated how unconventional letterform development techniques can lead to innovative typographic design by embracing creativity and rejecting conventional sources.

Task 2 illustrated that key artwork, when effectively designed, communicates a brand's identity, demonstrates adaptability across various collateral, and enhances brand recognition through cohesive use. This exercise underscored the importance of simplicity in branding.

Task 3 emphasized that the design process should prioritize readability, consistency, and user experience. A well-designed typeface enhances usability, improves content comprehension, and creates a positive impression. Iteration, through continuous testing, feedback, and refinement, is crucial for addressing issues and improving the design.