ADVANCED TYPOGRAPHY - FINAL COMPILATION


21/4/2024-21/7/2024 (Week 01-14)

Chan Suet Yee 0358427

Bachelor of Design (Honours) in Creative Media

Advanced Typography | GCD61004 | Sec 03

Final Compilation & Reflection


 LIST 

TABLE OF CONTENTS:

1.1 TASK 01 - EXERCISE 01

1.2 TASK 01 - EXERCISE 02

1.3 TASK 2A

1.4 TASK 2B

1.5 TASK 3 FONT PRESENTATION

1.6 TASK 3 FONT APPLICATIONS

1.7 REFLECTIONS


 SUBMISSIONS 

TASK 01 - EXERCISE 01


Fig 1.0 Axial System (Final)



Fig 1.1 Radial (Final)




Fig 1.2 Dilatational (Final)



Fig 1.3 Random (Final)



Fig 1.4 Grid (Final)



Fig 1.5 Modular (Final)



Fig 1.6 Transitional (Final)



Fig 1.7 Bilateral (Final)



Fig 1.8 Final outcome of Typographic Systems exercise with grids in PDF, Week 2



Fig 1.9 Final Outcome of Typographic Systems exercise without grids in PDF, Week 2



TASK 01 - EXERCISE 02


Fig 2.0 Final Exercise 2



Fig 2.1 Movie Poster JPG (Final)



Fig 2.2 Movie Poster PDF (Final)


TASK 2A 


Fig 3.0 Black Wordmark on White Background



Fig 3.1 White Wordmark on Black Background 



Fig 3.2 Final Colour Palette



Fig 3.3 Light Purple Wordmark on Orange Background 



Fig 3.4 Orange Wordmark on Light Purple Background



Fig 3.5 Final Submission for Task 2A, PDF



TASK 2B


 Fig 3.6  Collateral 1



Fig 3.7 Collateral 2



Fig 3.8 Collateral 3



Fig 3.9 Collateral 4



Fig 3.10 Collaterals in PDF



Fig 3.11 Instagram Posts in PDF



Fig 3.12 Final Instagram Page Screenshot (Phone)


Fig 3.13 Final Instagram Page Screenshot (Laptop)



Fig 3.14 Final Instagram Post Screenshot (Laptop) in PDF 


TASK 3 (FONT PRESENTATION)


Fig 4.0 Final Outcome for Font Presentation



Fig 4.1 Final Outcome for Font Presentation



Fig 4.2 Final Outcome for Font Presentation



Fig 4.3 Final Outcome for Font Presentation



Fig 4.4 Final Outcome for Font Presentation



TASK 3 (FONT APPLICATIONS)


Fig 4.5 Task 3 Final Font Applications #1



Fig 4.6 Task 3 Final Font Applications #2



Fig 4.7 Task 3 Final Font Applications #3



Fig 4.8 Task 3 Final Font Applications #4



Fig 4.9 Task 3 Final Font Applications #5



Fig 5.0 Task 3 Final Font Presentation, PDF



Download the font here



 QUICK LINKS 






 REFLECTION 

Experience

Throughout this Advanced Typography module, my journey has been both enriching and transformative. Engaging in diverse exercises, from exploring typographic systems to creating a custom typeface, has significantly enhanced my design skills and understanding. In Exercise 1, delving into eight distinct typographic systems using Adobe InDesign expanded my approach to organizing text and understanding its impact on readability and visual appeal. Exercise 2 challenged me to identify and refine letterforms from an image, culminating in a movie poster that harmonized text and visuals. Task 2's word mark permutations pushed my creativity and technical precision, balancing elegance and functionality. Finally, the extensive process of sketching, digitizing, and refining a complete typeface in Task 3 honed my attention to detail and showcased the practical application of my designs on various media.

Observation

Several key observations emerged throughout this module. In Exercise 1, I noticed the structural benefits of systems like the grid, compared to the creative freedom offered by random systems. Each system guided the reader's eye differently, emphasizing the importance of selecting the right system for the intended message. Exercise 2 highlighted the iterative nature of design, where refining initial crude forms into polished letterforms was essential for a cohesive movie poster. Task 2 underscored the significant impact of minute adjustments in typeface, spacing, and alignment on the overall effect of a word mark. Experimenting with different fonts, weights, and curvatures revealed how these choices influence tone and visual rhythm. Task 3 reinforced the importance of consistency in typography, the iterative design process, and the adaptability of a typeface across different mediums.

Findings

From this comprehensive module, several critical findings have emerged. Each typographic system offers unique strengths for different design contexts, encouraging innovation and flexibility in design. Both natural and man-made objects can inspire unique typographic creations, emphasizing the importance of observation and creativity. Effective typographic design blends creativity with precision, requiring a strong conceptual foundation and meticulous execution. The iterative design process, including feedback and testing, is crucial for refinement and achieving a polished final product. Finally, the versatility of a typeface is paramount; it must perform well across various applications and media while maintaining its core aesthetic and functionality.


Comments

Post a Comment

Popular posts from this blog

GAMES DEVELOPEMNT - TASKS

Image
23/04/2025 -21/05/2025 (Week 01-14) Chan Suet Yee 0358427 Bachelor of Design (Honours) in Creative Media Games Development  | DST611104 | Sec 01  LIST  TABLE OF CONTENTS: 1. INSTRUCTIONS 2. TASKS   INSTRUCTIONS   TASKS  TASK 01 & 02 : GAMES DESIGN DOCUMENT & GAME ASSETS  TASK 01  For  Task 1  of our Game Development module, our group was formed during  Week 2 . I teamed up with  Mei Hui  and  Emily , and together, we began brainstorming ideas for our 2D side-scrolling game. After some discussion, we decided to draw inspiration from a tabletop game we previously created in one of our past semester projects, titled  "Sudsprite Spin."  We felt that the characters and gameplay mechanics from that game had potential to be developed into a fun and whimsical digital experience. In our 2D game adaptation, the  Sudsprite  becomes the main character. We wanted to preserve the bubbly, playful the...
Read more

APPLICATION DESIGN 2 - TASK 2

Image
19/05/2025 -08/06/2025 (Week 05-07) Chan Suet Yee 0358427 Bachelor of Design (Honours) in Creative Media Application Design II | DST60504 | Sec 01 Task 02 | Interaction Design Proposal & Planning  LIST  TABLE OF CONTENTS: 1. INSTRUCTIONS 2. TASKS 3.REFLECTION   INSTRUCTIONS   TASKS  INSTRUCTIONS For this assignment, we are required to develop a  comprehensive interaction design plan  for our final  web-based mobile application . The goal is to  visually and conceptually prepare the user interactions and animations  that will enhance the overall user experience. The key components of the assignment include: 1. Interaction Design Documents Create  detailed flowcharts and wireframes  to map out the user journey. Clearly show the  layout of each screen  and the  navigation structure  of the app. 2. Animation Prototyping Micro Animations : Design small interactive effects (e.g., button clicks, loading in...
Read more

INFORMATION DESIGN - EXERCISES

Image
03/02/2025 -11/02/2025 (Week 01-02) Chan Suet Yee 0358427 Bachelor of Design (Honours) in Creative Media Information Design | GCD60504 | Sec 01 Exercises  LIST  TABLE OF CONTENTS: 1. INSTRUCTIONS 2. TASKS 3.REFLECTION   INSTRUCTIONS   EXERCISES  EXERCISE 01 - QUANTIFIABLE INFORMATION  Instructions  Gather a set of objects and separate it into category such as color, shape, pattern, and other quantifiable factor. Example: 1. Box of Lego 2. Jar of button 3. Jar of marble ball 4. Set of colourful rubber strap & more. In this exercise we are required to quantify our chosen objects and arrange them into  a presentable layout or chart .  The information must be presented as is, and we need to arrange the objects with relevant indicators written out with pens to visualize the quantity and data. The examples of objects that can be use are buttons, coins, lego pieces, M&Ms, and more.  Process  During our first tutorial, we were ...
Read more