Advance typography : Final Compilation & ReflectIion

24.04.2024 - 24.07.2024 (Week 1 -Week 14)

Ruthlene Chua Zhen Si 0365222 

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

Link to task 1,2,3: 

TASK 1

TASK 2

TASK 3


INSTRUCTION   


SUBMISSION:

TASK 1: Typographic Systems & Type and Play 

Typographic Systems:

Figure1.0: Bilateral systems
Figure 1.1: Modular systems
Figure 1.2: Transitional systems


Figure 1.3: Grid systems
Figure 1.4: Random systems
Figure 1.5: Dilatational systems


Figure 1.6: Radial systems


Figure 1.7:  Axial systems


Figure 1.8: Typography systems (without grid) pdf


Figure 1.9: Typography systems (with grid) pdf

Type and Play: 

Figure 2.0: Final font 


Figure 2.1: Final artwork 

Figure 2.2: All process and Finals in pdf format

TASK 2: (A) Key artwork & (B) Collateral 

  (A) Key artwork

Figure 2.3: Color Pallet

Figure 2.4: Black ( Background) and White Version of  Color Design
Figure 2.5: White ( Background) and Black Version of  Color Design
  • Color palette
    1. #ECEDED
    2. #FAE87F
    3. #F9D54E
    4. #1B4692
    5. #1F2658

Figure 2.6: Color palette

Figure 2.7: Grey ( Background) and Yellow Version of  Color Design

Figure 2.8: Dark Blue ( Background) and Grey Version of  Color Design 
Figure 2.9: Repetition Pattern (Full Surname)
Figure 3.0: Repetition Pattern (First Letter of The Surname)

(B) Collateral: Animation

Animation: 

Figure 3.0: Final Outcome (GIF)
(B) Collateral: IG
Figure 3.1: Mouse Pad

Figure 3.2: Headset 

Figure 3.3: Wireless computer mouse

Links to the Instagram profile of the product:
Link to Instagram profile : https://www.instagram.com/da_chua24?igsh=MXIzM-mp6aTdjMG51MA%3D%3D


Figure 3.4: Jump link to the Instagram profile

Figure 3.5: Instagram Account

Figure 3.6: Collateral Pdf 

Task 3: Type Exploration & Application
LINK TO FONT: MIDDLE SPACE FONT (IN TTF VERSION)

Font: 

Figure 3.7: Middle Space Font 

Font Presentation: 
Figure 3.8: Color Pallet

Figure 3.9: Font presentation 1

Figure 4.0: Font presentation 2


Figure 4.1: Font presentation 3

Figure 4.2: Font presentation 4

Figure 4.3: Font presentation 5

Font Application: 

Figure 4.4: Font Application 1

Figure 4.5: Font Application 2

Figure 4.6: Font Application 3

Figure 4.7: Font Application 4

Figure 4.8: Font Application 5



Figure 4.9: Font information

Figure 5.0: Font Application & Presentation Pdf 


Reflections 

Experience
This semester was quite tough and stressful compared to the first typography. I explored nine major typographic systems and got hands-on with Adobe InDesign. Creating my wordmark and working on various assignments taught me about contrast, form, and structure in visual communication. Each design choice reflected my skills and personality. Later in the semester, I focused on refining uppercase letter designs using Adobe Illustrator and FontLab 7, guided by feedback from online sessions.

Observation
Typography is like solving a puzzle, with each system presenting unique challenges. Understanding Gestalt principles like proximity and similarity helped improve my designs. The grid system was particularly useful for its versatility. Feedback from Mr. Vinod highlighted the balance between creativity and functionality, helping me develop my design identity. The influence of culture and history on typography was also clear, shaping how we perceive written communication. Consistent feedback emphasized the need for readable and functional designs.

Findings
This semester taught me that typographic systems are versatile tools for creating expressive designs. Feedback is crucial for refining compositions. Learning about the history and culture of typography enriched my design process. Mastering digital tools like Adobe InDesign and FontLab 7 helped me execute my ideas with precision. Simplifying designs for clarity without losing functionality was important. Overall, this semester deepened my understanding of design and helped me grow and know the importance of  typography. 
 

Comments

Popular posts from this blog

Information Design_Exercise

Sonic Design_Final Project

Sonic Design_Exercises