Typography | Task 2: Typographic Exploration & Communication

|| 30/5/2025 – 6/6/2025 (Week 6 – Week 7)
|| BAI ZHUO QING, 0370042
|| Typography / Bachelor of Design (Honours) in Creative Media / Taylors University
|| Task 2 / Typographic Exploration and Communication

1. Lectures
2. Instructions
3. Process Work
4. Feedback
5. Reflection
6. Further Reading

1. Lecture：

Week 5：

Typo_5_Understanding：

1. Understanding letterforms：

Although capital letters appear symmetrical on the surface, their structure is not completely consistent. Strokes often have two different weights, especially where serifs meet stems—brackets—and each exhibits a unique curved profile. Although the overall shape appears balanced, the differences in weight and curvature in the details break this apparent symmetry.

Fig 5.1 - Capital Letter ‘A’ of Baskerville

Most capital letters appear symmetrical, but a closer look reveals differences. For example, the diagonal stroke on the left is often slightly thinner than the right, breaking the apparent symmetry.

Fig 5.2 - Capital Letter 'A' of Univers

Helvetica and Univers are two sans serif typefaces that look similar at first glance, but a simple comparison of their lowercase “a” reveals stark differences. The unique design differences between the two can be clearly discerned by observing the way the strokes are closed and the details of the connection between the bowl and the stem. This comparison reveals the complexity of the typeface’s structure, especially the differences in how the strokes are connected and constructed.

Fig 5.3 - Helvetica vs Univers

2. Maintaining x-height：

Curved glyphs, like the letter “s,” often extend slightly beyond the centerline or below the baseline to visually align with the surrounding vertical or horizontal strokes. While the x-height is the baseline height for lowercase letters, letters with curves like the “s” often need to slightly break this height limit to achieve visual balance and harmony.

Fig 5.4 - Example of 's' and other letters in x-height

3. Letters/Form/Counter：

Contrast, or contrast, refers to the empty space enclosed by the strokes, and also plays an important role in font design. When letters are combined into words, the space between and around these letters directly affects the visual rhythm and reading experience. Therefore, in addition to recognizing the shape of the letters, we should also pay attention to the layout and treatment of negative shapes to ensure overall clarity and beauty.

Fig 5.5 - Example of font and counterform

4. Letters / Contrast：

Font design also follows the basic principles of graphic design, and one of the most expressive techniques is contrast, which can not only enhance the rhythm, level and visual impact of the layout, but also improve the clarity and communication effect of information.

Fig 5.6 - Example of Contrast

2. Instructions：

3. Process Work：

This task is to complete the layout design of an article based on the knowledge learned in Task 1. Among the three candidate articles provided, I finally chose "Design Change: How Designers Shape the World We Live In" as the layout content.

I then started to sketch out 6 different layouts.

Afterward, I asked Mr. Max to help me choose the best layout design, and he selected the first version for me.

Final version:

Task 2_PDF：

HEAD LINE
Typeface: Univers LT Std
Font/s: Bold Condensed
Type Size/s: 200 pt
Leading: 36 pt
Paragraph spacing: 0

BODY
Typeface: Bembo Std
Font/s: Bold
Type Size/s: 10/12 pt
Leading: 14 pt
Paragraph spacing: 11 pt
Characters per-line: 57
Alignment: Left and right justified
Margins: 20 mm top + bottom + left + right
Columns: 2
Gutter: 5 mm

4. Feedback：

Week 6：

General Feedback：

In Task 2, a total of six sketches were made, and through the experimentation with glyphs and graphic elements, various possibilities of structure and style were actively explored.

Specific Feedback：

The final text layout work was completed smoothly, and the overall design is reasonable, reflecting the good control and aesthetic judgment of the details of font layout.

Week 7：

General Feedback：

This course was mainly about consultation and feedback, and mainly focused on the progress of Task 2. We showed the teacher the current design sketches and discussed the composition, layout and overall effect.

Specific Feedback：

During the presentation, I received some feedback. Teacher Max approved the sketch I submitted and confirmed the final design in class. He thought I did a good job in visual expression and hoped to further improve the overall coherence and visual flow of the design.

5. Reflection：

Experience:

After the previous practice, my confidence in using typesetting tools in this task has been greatly improved. Article design must not only present visual focus, but also ensure smooth reading. I repeatedly tested different character spacing, line spacing and layout ratios, and gradually realized that only by removing redundant graphics, maintaining a consistent layout, and allowing the title and text to echo each other can a clear reading rhythm be established. At first, I centered the title directly, but it always seemed fragmented, affecting the overall fluency. So I re-drew six drafts, combined digital text processing and creative techniques to reposition the title, and the effect was finally satisfactory.

Observation:

To strike a balance between design and readability, you need to be extremely sensitive to visual hierarchy and layout rhythm. The size and position of each element must be carefully considered: a slight deviation may disrupt the reading path or make the page unbalanced. To avoid such problems, I set a clear time node: first focus on completing the title sketch, then check the coherence of the text layout; any element that does not conform to the reading path will be adjusted or discarded immediately.

Findings:

Compared with the first two exercises, I am more proficient in typesetting logic and tool operation. Next, I will solidify the process of "sketch first, refine later" into a habit, and continue to explore how to use the most concise visual language to strengthen the theme expression, while ensuring reader-friendly and improving layout creativity. Through continuous experimentation and reflection, I believe that my typesetting ability can be taken to the next level.

6. Further Reading：

Picking up where I left off last time: "I.D.E.A.S Computer Typography Basics" by David Creamer.

Mono-Spaced Fonts Learning about mono-spaced fonts expanded my understanding of typography, particularly their consistent character spacing. I realized their effectiveness in technical fields like coding due to their visual uniformity, which enhances readability and structure in code.

Dingbats Exploring Dingbats introduced me to the use of symbolic fonts as graphic elements. They significantly enrich visual designs by adding decorative symbols, providing clarity, interest, and subtle communication cues without overwhelming textual information.

Font Styles and Families Understanding font styles highlighted the importance of applying bold and italic variations correctly. I learned that incorrect application distorts the font design, diminishing readability and professional appearance. Recognizing genuine style variations from font menus is essential for maintaining typographic integrity.

Font Families The section on font families demonstrated the extensive creative flexibility available within a single typeface design. Learning about various font weights and their naming conventions underscored the necessity for careful selection from standardized options to maintain visual consistency.

Identifying and Selecting Fonts Insights into identifying and selecting fonts based on x-height, ascenders, descenders, and baseline alignment greatly enhanced my practical design skills. Additionally, learning about historical terms such as "uppercase" and "lowercase" enriched my appreciation of typography's historical context and evolution.

Overall, these insights provided valuable practical knowledge that will significantly enhance my future typographic and design decisions, ensuring improved readability and visual harmony.

搜索此博客

BAI ZHUO QING 0370042