Typography - Task 3: Type Design & Communication

 10.11.2025 - 15.12.2025 / Week 8 - Week 13

Aida Tan Jie Fei / 0385645

Typography/ Bachelor of Design (Honours) in Creative Media / Taylor's University

Task 3: Type Design & Communication


LIST


LECTURERS

The Lecturers Note have been completed in Task 1.

https://aidatandesign.blogspot.com/2025/09/typography.html


INSTRUCTIONS

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



PROCESS WORK

Back to top

1.Research

Figure 1.1 Panchang Font 

Figure 1.2 Cabinet Font

Figure 1.3 Zodiak Font

Figure 1.4 Nippo Font

Figure 1.5 Sample of word design

For rounded or curved letters, such as “o, a, n, m,” the curved or rounded parts slightly extend beyond the x-height.


2.Deconstruction

Bodoni Standard

I chose Bodoni Standard to dissect the letters 'H, O, B, G', which I was interested in.
Figure 1.6 Bodoni H

  • Two verticals and one horizontal.
  • Bodoni serifs are flat, straight, with slightly tapered ends.
  • Vertical strokes are thick; horizontal stroke is thin.
  • Horizontal connects to verticals with subtle curves at junctions.
Figure 1.7 Bodoni O

  • Thicker on the sides, thinner top and bottom.
  • Almost invisible top and bottom serifs.

Figure 1.8 Bodoni G

  • Circle body with horizontal or hooked tail.
  • Small serifs where curves meet verticals; tail has fine elongated serif.
  • Body is thick; tail stroke narrows.

Figure 1.9 Bodoni B

  • Vertical stem with two rounded bulges.
  • Thick stem serifs; short horizontal serifs on bulges.
  • Vertical thick; upper bulge slightly thinner than lower for balance.
  • mooth junctions between bulges and stem; subtle pointed tips.



3.Sketches in Graph Paper

Figure 1.10 Sketches of HOGB

4.Digitizing Letter

Figure 1.11 First Font Design 

Figure 1.12 Second Font Design


Figure 1.13 Third Font Design and Process



Figure 1.14 Third Font Design Outline Shape

I had created three font designs, and Mr. Vinod advised me to choose the last one. It is simple and easier for me to create, while the other fonts were quite difficult due to stroke inconsistencies.

Back to top

5.Lapping the fonts into Fontlab


Figure 1.15 Font and punctuations in Fontlab

Figure 1.16 Adjusting the side bearings


Figure 1.17 Font and Punctuation Create


After importing the font into FontLab, I adjusted the side bearings between the letters.


6.Poster


Figure 1.18 Poster Design


Figure 1.19 Poster "Light Shines, On T.H.E Stone" in White Background


Figure 1.20 Poster "Light Shines, On T.H.E Stone" in Black Background

I came up with two ideas for the sentence, and I ultimately chose 'Light Shines on the Stone' for the poster. I created several poster designs, and in the end, I selected the black right-aligned design.


Figure 1.21 Poster "Light Shines, On T.H.E Hide School" in Black Background


After receiving feedback from Mr. Vinod, I updated my poster by left-aligning the 'shadow word' and modifying some words so that all the letters we created are used.


7.Font Tester

Text something below with Capital Letter


FINAL WORK

Back to top

Font Details:

  • x-height:500pt
  • ascender:715pt
  • descender:-190pt


Figure 1.22 Metric Window with Sentence


Figure 1.23 Final Construction of "Squircle" JPEG



Figure 1.24 Final Poster of"Light Shines on the Hide School" JPEG


Figure 1.25 Final Construction of "Squircle" PDF

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


Figure 1.26 Final Poster of"Light Shines on the Hide School" PDF


<iframe allow="autoplay" height="480" src="https://drive.google.com/file/d/15MUH2_8DRt-OBVDpKySM1sQMycWGd4Ct/preview" width="640"></iframe>



FEEDBACK

Back to top

Week 8

Specific Feedback:

Make good use of the lines and grids on the graphic paper in design work.

General Feedback:

We can start our design with the lowercase letters "n" and "o", and with the uppercase letters "H" and "O".


Week 9

Specific Feedback:

Can create brush tool to let work look align. 

General Feedback:

Have to double check the drive file to see if it's visible.


Week 10

Specific Feedback:

Add more strokes so the letters look consistent to avoid having some letters with many strokes and others with very few.

General Feedback:

Make sure the artboard is 1000pt before  continuing in Fontlab.


Week 11

Specific Feedback:

Use the first design, and pay attention to the stroke width to avoid having some areas too thin and others too thick.

General Feedback:

Make sure the settings in FontLab are correct, referring to the video.


Week 12

Specific Feedback:

Make sure all letter strokes are consistent, and carefully adjust the side bearings between the letters T, I, and L.

General Feedback:

Watch the tutorial video carefully to avoid mistakes, and carefully adjust the side bearings between letters.


Week 13

Specific Feedback:

Mr. Vinod suggested that I update the poster by adding the sentence I have created to the left side to create a mirror effect.

General Feedback:

Make sure to complete the portfolio, and ensure that the poster use all the letters we have created.




REFLECTIONS

Back to top

Experience

This task required us to apply the knowledge we had learned previously to design our own font. During the design process, I found it to be quite challenging and encountered several difficulties. When digitizing my hand-drawn letters, I had to repeatedly adjust the strokes and letter widths to ensure that each letter appeared consistent. It was a unique experience that also helped me improve my skills.

Observations:

During the design process, I needed to carefully watch the lecturer’s videos to avoid missing details that could cause problems in my design. I also observed that even small deviations in letter shapes can affect overall consistency, so careful adjustments are crucial. In addition, the side bearings between letters also need to be adjusted carefully.

Findings:

I still need to continue practicing to improve my skills, and I should study more outstanding works to gain inspiration and knowledge. Paying attention to details and practicing repeatedly is essential to ensure consistency and aesthetic quality in my work, and I also need to engage in more hands-on practice.


FUTHER READING

Figure1.26 Grilli Type 

The design of punctuation.


Figure 1.27 Typographic from Design Communication

Pages 32–48 of Typographic Design: Form and Communication focus on the anatomy and basic structure of type. Letters are composed of distinct strokes and visual features, influenced by historical writing tools like pens and brushes, and are described using precise typographic terminology such as stems, bowls, counters, and serifs. A font is more than a single letter; it is a complete system including uppercase, lowercase, numerals, punctuation, and symbols, all designed to maintain visual consistency while allowing subtle variations. Fonts can be classified historically into categories like serif and sans-serif, each with distinct traits, which helps designers choose appropriate type for style and purpose. Typographic measurement, including points, picas, and the digital em square, ensures consistent width, spacing, and proportion. Typeface families, such as Regular, Bold, and Italic, share key characteristics, enabling designers to create visual hierarchy while maintaining unity. Overall, this section emphasizes that letters are structured forms within a unified system, and understanding their anatomy, classification, and measurement is essential for effective typographic design.



BACK TO TOP







Comments

Popular posts from this blog

Typography - Task 2: Typographic Exploration and Communication

Typography - Task 1: Exercises