Labels

Advanced Typography / TASK 4: E-Portfolio


22/4/2025 - 22/7/2025 (Week 1 - Week 14)
Daphne Lai Yu Cheng / 0366380
GCD 61004 / Advanced Typography / Bachelor of Design (Honours) in Creative Media / Taylors' University
Task 4 / E-Portfolio

LIST/JUMP LINK OF ALL TASKS

TASK 1: Exercises: Typographic Systems & Type & Play

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

TASK 3: Type Exploration & Application

    INSTRUCTIONS

    TASK 1: Exercises: Typographic Systems & Type & Play

    22/4/2025 - 13/5/2025 (Week 1 - Week 4)

    Exercise 1 - Typographic Systems

    1) Axial

    Figure 1.1 Final Axial System (3/5/2025)


    2) Radial

    Figure 1.2 Final Radial System (3/5/2025)


    3) Dilatational

    Figure 1.3 Final Dilatational System (3/5/2025)


    4) Random

    Figure 1.4 Final Random System (4/5/2025)


    5) Grid

    Figure 1.5 Final Grid System (3/5/2025)


    6) Modular

    Figure 1.6 Final Modular System (3/5/2025)


    7) Transitional

    Figure 1.7 Final Transitional System (3/5/2025)


    8) Bilateral

    Figure 1.8 Final Bilateral System (3/5/2025)


    Figure 1.9 Final 8 Typographic Systems (4/5/2025)


    Figure 1.10 Final 8 Typographic Systems PDF (without guides) (3/5/2025)


    Figure 1.11 Final 8 Typographic Systems PDF (with guides) (3/5/2025)


    Exercise 2 - Type & Play

    Figure 1.12 Image & Extraction (4/5/2025)


    Figure 1.13 Overall Process (5-6/5/2025)


    Figure 1.14 Extracted Letterforms (Baseline) (4/5/2025)


    Figure 1.15 Reference Font (4/5/2025)


    Figure 1.16 Final Letterforms (5-6/5/2025)


    Figure 1.17 Initial Extraction (top) & Final Letterform (bottom) Comparison (5-6/5/2025)


    Figure 1.18 Exercise 2: Part 1 PDF Compilation (6/5/2025)


    Figure 1.19 Finalised Mock Movie Poster (JPEG) (14/5/2025)

    *click on the image to view in better quality*


    Figure 1.20 Finalised Mock Movie Poster (PDF) (14/5/2025)

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

      13/5/2025 - 10/6/2025 (Week 4 - Week 8)

      2A - Key Artwork

      Figure 2.1 Black wordmark on white background (JPG) (27/5/2025)


      Figure 2.2 White wordmark on black background (JPG) (27/5/2025)


      Figure 2.3 Colour Palette (JPG) (27/5/2025)


      Figure 2.4 Wordmark in actual colours on lightest shade of colour palette (JPG) (27/5/2025)


      Figure 2.5 Wordmark in lightest shade of colour palette on darkest shade of colour palette (JPG) (27/5/2025)


      Figure 2.6 Wordmark animation (GIF) (14/6/2025)


      Figure 2.7 Task 2A PDF Compilation (14/6/2025)


      2B - Collateral

      Figure 2.8 Collateral #1 (JPG) (2/6/2025)


      Figure 2.9 Collateral #2 (JPG) (2/6/2025)


      Figure 2.10 Collateral #3 (JPG) (1/6/2025)


      Figure 2.11 Instagram Layout Design (JPG) (10/6/2025)


      Figure 2.12 Screenshot of Instagram Page (JPG) (10/6/2025)

      Instagram Page Link: https://www.instagram.com/by_d4phne/


      Figure 2.13 Task 2B PDF Compilation (10/6/2025)

      TASK 3: Type Exploration & Application

      Click to download MONONARO :D

      Figure 3.1 Mononaro TTF File (PDF)


      Figure 3.2 Finalised Letterforms (PDF) (18/7/2025)


      Figure 3.3 FontForge Screenshot (15/7/2025)


      5 Font Presentations

      Figure 3.4 Font Presentation #1 (JPEG) (20/7/2025)


      Figure 3.5 Font Presentation #2 (JPEG) (20/7/2025)

      Figure 3.6 Font Presentation #3 (JPEG) (20/7/2025)

      Figure 3.7 Font Presentation #4 (JPEG) (20/7/2025)

      Figure 3.8 Font Presentation #5 (JPEG) (20/7/2025)

      5 Font Applications

      Figure 3.9 Font Application #1 (JPEG) (20/7/2025)

      Figure 3.10 Font Application #2 (JPEG) (20/7/2025)

      Figure 3.11 Font Application #3 (JPEG) (20/7/2025)

      Figure 3.12 Font Application #4 (JPEG) (20/7/2025)

      Figure 3.13 Font Application #5 (JPEG) (20/7/2025)


      Figure 3.14 Font Application #5 (MP4) (20/7/2025)

      Figure 3.15 Font Presentation (PDF) (20/7/2025)

      Figure 3.16 Font Application (PDF) (20/7/2025)

      Figure 3.17 HONOR Talents Submission (PDF) (21/7/2025)

      Font Tester
      Inspired by road signboards, type and try it out!
      50px
      # Jalan Jalan Type :D

      <back to top>

      REFLECTION

      Experiences

      It’s crazy to think it’s already Week 14 in the blink of an eye. Advanced Typography has definitely been one of the more challenging modules this semester. It made me think more carefully when designing and taught me to pay attention to the typography.

      Just like in Typography during Semester 1, this module helped me explore and understand type more deeply. I honestly enjoyed each task and learned so much throughout these 14 weeks. There were definitely ups and downs along the way, but that’s all part of the learning process to help me improve on my designs. Mr. Vinod’s guidance and feedback were really helpful. His comments were always clear and pushed me to improve and think more critically about my work. They weren’t just corrections but they really helped me grow.

      Overall, this module did not just help me improve as a designer, but also changed the way I see and appreciate typography around me. It was challenging at times, but I’m proud of my progress and how much I have learned and look forward to growing even more.


      Observations

      Throughout this module, I observed how typography plays a much bigger role because I mainly focused on making things look nice, but as the weeks went by, I started to observe how much thought and precision goes into every typographic decision. From the thickness and contrast of strokes, the spacing between letters (kerning and side bearings), to creating a good layout. Every small detail impacts the overall design and how the audience reads and understands the message.

      Another observation was how typography became something I notice in everyday life. Whether I was walking past a shop, scrolling on my phone or reading packaging labels. I found myself analysing the type used, its style, and how effective or ineffective it was,  constantly thinking if there's better readability and legibility? Does the font match the content's theme and etc. This kind of thinking slowly became part of my process through practice and feedback throughout these 14 weeks. 

      Besides that, I also observed how my peers approached and designed their typography works. It was both interesting and eye opening to see how each person interpreted the same brief in completely different ways. Everyone had their own unique design style, thought process and creative direction, which made me realise how vast and diverse typography can be.


      Findings

      In all the weekly tasks, critiques and exercises, I discovered that typography is not just about design. It’s about visual communication. A design can look great, but if the type isn’t readable or clear, the visual communication is lost. Finding the balance between function and form is what makes typography effective. I also learned how important feedback is in the design process. Mr. Vinod’s comments helped me see my work more critically and pushed me to improve with each task. His guidance helped me make more thoughtful design choices.

      Another key finding was how different typefaces carry different moods and personalities. Choosing the right one for the right context is important. I also realised how much detail and precision goes into type design.

      Lastly, I found that further readings were really helpful. Since 14 weeks isn’t enough to learn everything, reading articles and books helped me gain more knowledge and inspiration from how other designers think and work.

      Labels:

      Comments

      Post a Comment