Advanced Typography: Final Compilation & Reflection

on

Sep 25,2024

QIULIHUA/0365036

Advanced Typography/Mr. VINOD NAIR


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


Final Compilation & Reflection 

Links to Blog 

LEST


       -EXERCISE 1--TYPOGRAPHIC SYSTEM 
       -EXERCISE 2 / TYPE & PLAY       -2A / KEY ARTWORK
         -2B / COLLATERAL

INSTRUCTIONS



<iframe src="https://drive.google.com/file/d/1pj7M5QVRDIlPy6MczMl_hw9AMiYDCWu9/preview" width="640" height="480" allow="autoplay"></iframe>

TASK 1 / EXERCISES

EXERCISE 1--TYPOGRAPHIC SYSTEM

Fig 1.1  Axial  system           


Fig 1.2  Dilatational system           





      Fig 1.3  Random system

      Fig 1.4 Grid system

      Fig 1.5 Transition system

      Fig 1.6 Modular system
      Fig 1.7 Bilateral system



      Fig 1.8 Typographic System Final JPEG(PDF)

      Fig 1.9  Typographic System Final JPEG （PDF）


    • EXERCISE 2 / TYPE & PLAY

    Fig 2.0  Image and Extraction



    Fig 2.1 Evolutionary process 


    Fig 2.2 Extracted letterforms (baseline)


    Fig 2.3 Reference font



    Fig 2.4 Final letterforms


    Fig 2.3 Original extraction (top) and final letterform (bottom) comparison



    Fig 2.4 Exercise 2：Final Finding Type (Type & Play)【PDF】



    Fig 2.5 Final poster (JPE)


    Fig 2.6 final poster (PDF)

    TASK 2 / Key Artwork and Collateral

    • 2A Final Outcome

                  Fig 2.7 White wordmark on white background,WEEK5


    Fig 2.8 Black wordmark on black background,WEEK5
      

    Fig 2.9 Colour Palette,WEEK5


    Fig 3.0 Wordmark in actual colours on lightest shade of colour palette,WEEK5

    Fig 3.1 Wordmark in lightest shade of colour palette on darkest shade of colour palette,WEEK5

    Fig 3.2 Key Artwork Animation, Week 5

     

    Fig 3.3 Task 2A PDF Compilation


    • Final Task 2B : Collateral
    Fig 3.4 Collateral 1 - Record
    Fig 3.5 Collateral 2 - Tote Bag


    Fig 3.6 Collateral 3 - cup



    Instagram link: Instagram

    Fig 3.7 Instagram  Design Layout


    Fig 3.8 Task 2B PDF Compilation

    TASK 3 / TYPE EXPRESSION AND APPLICATION

    • Task 3 Final Outcome


    Fig 3.9 Finalized letterforms (PDF)

    FontLab screen grab：

    Fig 4.0 Kerning for uppercase

    Fig 4.2 Kerning for Lowercase letters 

    Fig 4.3 Kerning for symbols



    Final Font Presentation artworks:

    Fig 4.4 Font Presentation 1

    Fig 4.5 Font Presentation 2

    Fig 4.6 Font Presentation 3

    Fig 4.7 Font Presentation 4

    Fig 4.8 Font Presentation 5


    Final Font Applications:



    Fig 4.9  Font Application 1



    Fig 5.0 Font Application2

    Fig 5.1 Font Application3

    Fig 5.2 Font Application 5

    Fig 5.3 Font Application 4


    Fig 5.4 Final Outcome (PDF)
    Font Tester:

    REFLECTION

    Experiences

    Through this exercise, I learned to master the composition, color matching and hierarchical relationships, and deeply realized the importance of details to the overall visual effect. I also understood that in design creation, it is crucial to clarify the theme and target audience, and the direction determines the final presentation effect. The peripheral design needs to be both practical and consistent with the core work to enhance the overall coherence. The font selection is both an aesthetic decision and a part of the functional design, which can effectively strengthen the design theme.


    Observations

    And I also observed that in design, the rhythm of blank space and arrangement of elements is the key to visual guidance, and clear visual hierarchy directly affects information transmission. And visual elements such as fonts, colors and shapes are not only decorative, but should also enhance the theme expression. Fine-tuning the size, line spacing and spacing of fonts can significantly affect the overall atmosphere and emotional expression. At the same time, text is not only a carrier of information, but can also be used as visual graphics to form another expression with other design elements.


    Findings

    I found that design requires both understanding basic principles and the courage to break through and seek innovative expressions. The use of symmetry and asymmetry can convey different visual emotions, and emotional design can resonate through color, form or narrative, which is the key to enhancing the influence of design. In addition, the reuse and clever combination of materials can not only improve efficiency, but also help with style consistency. The personalized expression of fonts often becomes the core highlight of the design, and its contrast and balance with the background directly determines the success or failure of the overall visual effect.



    Comments

    Post a Comment