Typography - Project 2: Type Design and Communication

8/6/2026 - //2026 / (Week 8 - Week )
Jaden Lim Zi Yi / 0379047
Typography / BDCM / Taylor's University
Task 3
INSTRUCTION


<iframe src="https://sdtaylorsedu.sharepoint.com/sites/Section_321455322352328735330482330572/_layouts/15/embed.aspx?UniqueId=e4b8c298-e05d-4405-a567-5ebd769b0406" width="640" height="360" frameborder="0" scrolling="no" allowfullscreen title="MI_GCD60104_TYPOGRAPHY_BDCM_2026_O"></iframe>

Task 1: Letter dissection and sketching
Select a preferred font from the 10 typefaces provided. Using the following letters H,o,g,b, do a detail dissection of the letters (see attached) in Adobe Illustrator (artboard size: 1000pt x 1000pt). Write your observations in the eportfolio). 
Sketch the following letters HOGB & hogb (in both lowercase and uppercase).


Fig 1 Deconstruction of letters HOGB (Font: Futura Std Medium)

Observation:

H is slightly compressed likely to keep the letter look whole rather than stretched and dispersed, I noticed the crossbar is slightly thinner than the stems because humans perceive horizontal lines as thicker than vertical lines so designers probably kept it that way to give visual balance.

O is a perfect circle due to its equal visual weight direction, it does not need to be compressed horizontally like H. I noticed curved lines seem to be slightly thinner likely because they appear thicker than vertical lines so their made thinner to be more visually digestible.

G is not a perfect circle, it is slightly compressed likely due to visual lightness on the right compared to the left. The bottom part sticks out wider than the bottom part likely to keep it visually stable. The part that goes inward doesn't reach the center point to keep the word look lighter and readable.

B is also bottom heavy like G to keep the same visual stability. The top part of B is half as wide as its height to keep it geometric. The word is also compressed more than the others because the asymmetrical visual weight is even more obvious in B.


Fig 2 Deconstruction of letters hogb (Font: Futura Std Medium)

Observation:

h is compressed to not let the letter be wide and clumsy but instead compact and clear. The curve right off the stem is thin likely to keep the letter crisp and clean instead of thick and blobby around the curve. The vertical lines on both side is equally thick to keep it visually balanced.

o is a perfect circle due to its equal visual weight direction, it does not need to be compressed horizontally like h. Lower case letters takes less visual estate hence curved lines cant afford to be thinner like capital letters, so it appears to be equally thick as h's strokes to keep it readable.

g is not a perfect circle, it is slightly compressed likely due to the visual asymmetry of the entire letter. I noticed the stem is slightly shorter than the curved top because flat tips appear visually longer than curves. The top circular part is also slightly bottom heavy to keep it visually stable and strokes are thin when near the stem like letter h. The bottom part follows a perfect circle until it slightly curves inward to keep it less wide as the top part, this helps the word look less heavy and appear clearer.

b is slightly compressed to prevent the word from look stretched. The bottom flat part is shorter than the curve because flat tip appears visually longer. It is also thin around the stem like g and h.


Fig 3 First font design


Fig 4 Second font design


Fig 5 Third font design


Fig 6 Fourth font design


Fig 7 Fifth font design

FEEDBACK

Week 8
General Feedback
Lecturer told us to start designing our font and consult with her

Specific Feedback
I realized I needed to have my ascender line to be closer to the baseline as my x height was too short and the cap line must be under the ascender line

REFLECTIONS

Experience


Observations


Findings

Comments

Post a Comment

Popular posts from this blog

Typography - Practical Tasks: Exercises

Image
20/4/2026 - 24/5/2026 / (Week 1 - Week 5) Jaden Lim Zi Yi / 0379047 Typography / BDCM / Taylor's University Task 1 LECTURES Week 1 Lecture 0 give a brief introduction to the module and typography as the arrangement and design of text for expression. We will learn through feedback and refinement while understanding its history and applications. Lecture 1 explains how typography developed over 500 years, showing how different tools and cultures shaped how letterforms and how studying its evolution helps designers improve.  Week 2 Lecture 2 explains the basics of text formatting such as kerning, letter spacing, alignment and readability in typography. It also introduced Adobe InDesign and showed how these formatting tools help make text more readable and visually balanced in design. Week 3 Lecture 3 focuses on managing and formatting large amounts of text in typography. It explains concepts such as paragraph spacing, leading, typographic hierarchy, cross alignment, and avoiding widows...
Read more

Digital Photography & Imaging Task 1

Image
20/4/2026 - 24/5/2026 / (Week 1 - Week 5) Jaden Lim Zi Yi / 0379047 DPI / BDCM / Taylor's University Task 1 LECTURES Week 1 Lecture 1 gives a brief introduction to the module and explains what we will be learning throughout the semester. The lecturer introduced the overall structure of the the module and how we will develop our skills through practical task, software and exploration Week 2 Lecture 2 introduces composition and explains its importance in creating strong visual designs. It covers key composition principles such as visual hierarchy and the big-medium-small framework, while also introducing Task 01A where we apply the concepts in a physical collage Week 3 Lecture 3 introduces the basic of Photoshop and explains how to embed images into a composition. It also covers basic tool such as pen tool, lasso tool and layering, showing how these tools are used for selecting, editing, and arranging images to create better digital composition Week 4 Lecture 4 introduces adjustment ...
Read more

Illustration & Visual Narrative Task 1

Image
20/4/2026 - 24/5/2026 / (Week 1 - Week 5) Jaden Lim Zi Yi / 0379047 IVN / BDCM / Taylor's University Task 1 LECTURES Character Design Summary Lecture is about what makes a good character design. It emphases on thinking iconic, simple but also unique. The six core pillars are shapes, building a recognizable silhouette, color defines personality. Emphasis directs the viewer to a focal point, and contrast pairs opposing elements to make the visual pop. Finally harmony blends everything cohesively so the characters fit their world, while expressions and poses instantly communicate their attitude and energy. Chiaroscuro Lecture is about how chiaroscuro use light and shadow to create a 3D illusion on a flat surface, increasing dramatic tension. An extreme form is tenebrism, which spotlights key details like faces or hands against a close to all black setting to create a bright foal point. In visual narrative, this helps separate positive space from the negative space. Overall manipulatin...
Read more