Advanced Typography: Task 3 Type Exploration & Application

 

Advanced Typography: Task 3 Type Exploration & Application

|| 17/11/2025 – 15/12/2025 (Week 9 – Week 13)
|| BAI ZHUO QING0370042
|| Advanced Typography
|| 
Task 3 Type Exploration & Application

TABLE OF CONTENTS

1. Instructions
2. Process Work
    - Task 3 Final Outcome
3. Feedback
4. Reflections
5. Further Reading


    1.Instructions


    2.Process Work

    We are required to create a complete font set for this task. Three main directions are given as follows:

    1.Create a font that is intended to solve a larger problem or be part of a solution within an area of interest. This may include graphic design, animation, new media, entertainment design, or any other related field and does not necessarily have to reflect your specialisation.
    End result: a complete generated font (.ttf) with applications.

    2.Explore the use of an existing letterform within an area of interest by understanding its current relationships and identifying areas for improvement. Develop possible solutions or combinations that could add value to the existing letterform or lettering.
    End result: a complete generated font (.ttf) with applications.

    3.Experiment. To qualify as an experiment, the idea must be novel and unique. This may involve working with three-dimensional materials, digital augmentation, edible or unconventional media, typographic music videos, or fine art approaches.

    End result: defined by the student.

    Here is my proposal:
    Figure 3.1 Proposal, Week 9 (November 19, 2025)

    During class, I received feedback from Mr. Vinod, who was not satisfied with my proposal. Mr. Vinod mentioned that in order to modify or improve a font, it is important to first understand the specific information about the font that has been chosen. This includes its origin and where it is used in context.
    For example, in my first proposal, I wanted to modify fonts related to space and aerospace themes because some fonts used in space games or movie posters are not easy to read or recognize. My intention was to improve these fonts. However, I did not know the origins of these typefaces, as I had only seen them online and did not understand where they originally came from or how they were used.
    Therefore, to modify a font properly, it is necessary to understand its origin and the context in which it appears. Secondly, Mr. Vinod emphasized that I should not describe a font as “bad,” but instead explain that it is unsuitable for a particular context.

    So I started to change direction and create a completely new font.


    My first idea was bronze ware. Since rust is a characteristic feature of bronze ware, I attempted to use Adobe Illustrator to create a rust effect. However, the attempt was not successful in the end because rust is very difficult to render effectively using Illustrator.

    Reference:


    Figure 3.2 Bronze reference, Week 9 (November 19, 2025)

    Figure 3.3 Bronze reference, Week 9 (November 19, 2025)

    Figure 3.4 Bronze reference, Week 9 (November 19, 2025)


    So, I changed my direction and decided to create a new typeface using dots and lines.

    Reference:

    Figure 3.5 Font Reference, Week 9 (November 19, 2025)

    Figure 3.6 Font Reference, Week 9 (November 19, 2025)

    Figure 3.7 Font Reference, Week 9 (November 19, 2025)

    First attempt:

    Figure 3.8 First design attempt, Week 10 (November 25, 2025)

    During class, I received feedback from Mr. Vinod. He told me that I needed to ensure all vertical and horizontal lines were the same width, without any discrepancies. After class, Mr. Vinod also created the letters C and D for me and asked me to modify them using Bodoni MT Condensed Bold as a reference.

    After that, following the professor’s instructions, I created both uppercase and lowercase letters.

    Figure 3.9 Font design process, Week 11 (December 2, 2025)

    In class, Mr. Vinod pointed out that my lowercase letters needed to be the same size as my uppercase letters. At that time, my lowercase letters were noticeably smaller than my uppercase letters and needed to be corrected.

    After further revisions, I completed the final version of the design.

    Font digitization:

    Figure 3.10 Font digitization, Week 11 (December 6, 2025)

    Figure 3.11 Font digitization, Week 11 (December 6, 2025)

    FontLab:
    After I finished designing the letters, numbers, and symbols in Illustrator, I started importing them into FontLab.

    Figure 3.12 FontLab screenshot, Week 12 (December 9, 2025)

    During the import process, I carefully adjusted the spacing between each letter, number, and symbol based on the font spacing image provided by Mr. Vinod, ensuring they were properly aligned. As I could not find specific spacing indicators for numbers and punctuation, I adjusted their spacing based on visual estimation.

    Figure 3.13 Guide to set side bearings, Week 12 (December 9, 2025)

    Figure 3.14 Guide to set side bearings, Week 12 (December 9, 2025)

    Figure 3.15 FontLab screenshot, Week 12 (December 9, 2025)

    Figure 3.16 FontLab screenshot, Week 12 (December 9, 2025)

    Font Presentation:

    After importing the font into FontLab, I began creating font demos.

    At this stage, we needed to create five font demos and five font application examples.

    Figure 3.17 Font demonstration process, Week 12 (December 10, 2025)

    My font design centers on structural integrity, with an overall style leaning towards rationality and modernity. For color, I chose a high-contrast combination of yellow, black, and white: black and white serve as the base, enhancing the font's clarity and readability, while yellow acts as the accent color, injecting rhythm and visual energy into the letterform.

    Finalised Font Presentation Work

    Figure 3.18 Finalised Font Presentation Work, Week 12 (December 10, 2025)

    Figure 3.19 Font Presentation 1, Week 12 (December 10, 2025)

    Figure 3.20 Font Presentation 2, Week 12 (December 10, 2025)

    Figure 3.21 Font Presentation 3, Week 12 (December 10, 2025)

    Figure 3.22 Font Presentation 4, Week 12 (December 10, 2025)

    Figure 3.23 Font Presentation 5, Week 12 (December 10, 2025)

    Font Application

    For font applications, I chose products such as T-shirts, earphone cases, Apple Watches, tote bags, and hang tags.

    Figure 3.24 Font Application Overview, Week 12 (December 10, 2025)

    Figure 3.25 Font Application 1, Week 12 (December 10, 2025)

    Figure 3.26 Font Application 2, Week 12 (December 10, 2025)

    Figure 3.27 Font Application 3, Week 12 (December 10, 2025)

    Figure 3.28 Font Application 4, Week 12 (December 10, 2025)

    Figure 3.29 Font Application 5, Week 12 (December 10, 2025)


       - Task 3 Final Outcome


    Figure 3.30 Unicase PDF, Week 12 (December 10, 2025)

    Figure 3.31 FontLab Screengrab, Week 12 (December 10, 2025)

    Figure 3.32 Font Presentation 1, Week 12 (December 10, 2025)

    Figure 3.33 Font Presentation 2, Week 12 (December 10, 2025)

    Figure 3.34 Font Presentation 3, Week 12 (December 10, 2025)

    Figure 3.35 Font Presentation 4, Week 12 (December 10, 2025)

    Figure 3.36 Font Presentation 5, Week 12 (December 10, 2025)

    Figure 3.37 Font Application 1, Week 12 (December 10, 2025)

    Figure 3.38 Font Application 2, Week 12 (December 10, 2025)

    Figure 3.39 Font Application 3, Week 12 (December 10, 2025)

    Figure 3.40 Font Application 4, Week 12 (December 10, 2025)

    Figure 3.41 Font Application 5, Week 12 (December 10, 2025)

                       Figure 3.42 Font Presentation and Font Application - PDF, Week 12 (December 10, 2025)

    3.Feedback

    Week 12:
    Overall Feedback: This week, Mr. Vinod provided online feedback on the FontLab font. He explained that a font demo and product application were required this week.

    Specific Feedback: Several punctuation marks need adjustment to ensure consistent size and appearance. Once completed, the next step of font demo and product application can proceed, and the blog post for Task 3 needs to be completed before the deadline.


    Week 11:
    General Feedback: This week, Mr. Vinod continued to provide suggestions for improving our font, explaining that this week's task was to optimize the AI ​​font and import it into FontLab, especially focusing on spacing during import.

    Specific feedback: The size of lowercase letters needs to be adjusted to ensure a proper ratio with uppercase letters, and the overall line width and spacing must remain consistent. After these modifications, I received approval to import the font into FontLab.


    Week 10:
    General Feedback: This week, Mr. Vinod provided feedback on our Task 3 uppercase font, specifically reminding us that original font creation is prohibited; we cannot copy or directly modify existing fonts, which can only be used as references.

    Specific feedback: In class, I saw Mr. Vinod explaining to other students that we need to assemble the font, similar to how the letter W is composed of two Vs. However, my font was designed individually, without maintaining overall line consistency. Therefore, I recreated my font. During the creation process, Mr. Vinod provided feedback and suggestions for improvement. He also helped me create the letters CD as a reference and provided corresponding reference fonts to help me better complete this font design.


    Week 9:
    General Feedback: This week, Mr. Vinod gave us initial feedback on our Task 3. We presented our proposal to Mr. Vinod using slides. He also informed us of the tasks for next week.

    Specific Feedback: Initially, I presented three proposals to Mr. Vinod, but these were all optimizations of fonts I felt were not ideal. Mr. Vinod pointed out that to improve a poor font, one must first understand its background and details. For example, my first proposal aimed to optimize a font related to the universe, space stations, and space games, but I lacked knowledge of these themes and had no specific game references; I simply modified some font images found online, which did not meet the requirements. After receiving feedback, I decided to abandon modifying the existing font and instead design a completely new one. Initially, I used bronze ware elements as a concept, which Mr. Vinod thought was a viable direction. However, after returning home, I discovered that the textures and patina effects of bronze ware were very difficult to create in Illustrator. Therefore, I changed the concept of its elements.

    4.Reflections

    Experience:
    This project provided me with comprehensive practical experience in typeface design, from concept development to final production. Initially, I felt lost regarding how to innovate in typefaces, especially in analyzing and reinterpreting existing glyphs. Through visual research, I gradually established a clearer design philosophy. Although I encountered some technical challenges along the way—particularly when using typeface design software—the workflow became smoother over time. Reusing FontLab deepened my understanding of digital font construction and boosted my confidence in shaping and refining glyphs. Overall, the process was challenging but also very rewarding.

    Observation:
    Throughout the research and design phase, I found that successful typography relies on consistency, but flexibility is equally important. Subtle design decisions can significantly impact the overall tone and character of a typeface. I discovered that maintaining visual language consistency while selectively adjusting glyphs, spacing, and alignment helps improve readability and aesthetics. Furthermore, instructor guidance and feedback played a crucial role, helping me identify where breaking with convention could enhance clarity and visual balance.

    Findings:
    This task deepened my understanding of the importance of precision, experimentation, and refinement in typography. I learned that carefully designed subtle variations not only don't disrupt a typeface's consistency but can actually add personality and functionality. This project also showed me how a simple visual concept can evolve into a distinctive typographic logo through meticulous execution. In short, this experience fostered a more adaptable design mindset and prepared me for more advanced typographic explorations in future projects.

    5.Further Reading

    Picking up where I left off last time: "I.D.E.A.S Computer Typography Basics" by David Creamer.
    Leading and Baseline Grid 
    From this section, I learned how a baseline grid helps maintain consistency and order across a page layout. Aligning text to a baseline grid ensures that lines of text match up across columns, which creates a clean and professional appearance. I realized that even if readers do not consciously notice this alignment, it greatly improves visual comfort and readability. Using a baseline grid also helps designers manage different text sizes while keeping the layout visually cohesive.


    Paragraph Alignment
    This section helped me better understand how paragraph alignment affects both readability and tone. I learned that left-aligned text is generally the easiest to read because it follows natural reading patterns, while justified text can look neat but may introduce uneven spacing if not handled carefully. Centered and right-aligned text can be visually expressive, but they should be used sparingly and mainly for short text elements such as titles or captions.
     

    评论

    此博客中的热门博文

    Advanced Typography - Task 1: Exercises

    Advanced Typography - Task 2: Key Artwork and Collateral