Table of Contents
Advanced Typography Task 3 Type Exploration & Application
Instructions
Module Information Booklet
Figure 1.1 Module Information Booklet. (Week 1 22/04/25)
Exercises
Key Artwork
Process Work
Task 3: Type Exploration & Application
1. Lowercase letterforms
2. Uppercase letterforms
3. Punctuation
4. Kerning in Fontlab
5. 5 Font Presentation
6. 5 Font Application
Font presentation
Figure 2.1.1 Task 3 Presentation. (Week 9 01/07/25)
Canva Link: https://www.canva.com/design/DAGqkJ6N1VQ/x
Previous font in Task 3 Typography Module
Figure 2.1.2 Previous Task. (17/12/24)
Lithewood is a font that I created during the Semester 1 Typography class. It has a slightly left-slanted structure and soft curves at the top and bottom of each letter, giving it the fun appearance of being drawn with a marker pen. Currently, the design comprises selected lowercase letters (o, l, e, d, s, n, c, h, t, i, and g) as well as basic punctuation. Lithewood, designed exclusively for picture books, is meant to seem like a friendly companion for kids, with its hand-drawn feel and warm, casual style encouraging comfort and engagement in young readers.
Sketch and Ideation
Figure 2.1.3 Sketch and Ideation. (20/11/24)
These are the sketches and ideas that carried the font's creation.It begins with tracing, then uses grids and lines such as cap-height, x-height, base line, and descender, and then converts into shapes to detail it in Illustrator.
Uppercase & Lowercase letterforms
Process of Lowercase letterforms
Figure 2.2.1 Lowercase Letterforms Process #1. (Week 10 08/07/25)
Figure 2.2.1 Lowercase Letterforms Process #1. (Week 10 08/07/25)
Process of Uppercase letterforms
Figure 2.2.2 Uppercase Letterforms Process. (Week 11 01/07/25)
Figure 2.2.2 Uppercase Letterforms Process. (Week 11 01/07/25)
Used Shape to Measure Path Length
Figure 2.2.3 Used Shape to Measure Path Length. (Week 10 24/06/25)
After constructing all of the letterforms, Mr Vinod stated that the path of the letterforms is inconsistent and advised me to utilise shape to measure the entire path or stroke length. So I set the route length to 12.6mm.
Removing Extra Points
Figure 2.2.4 Removing Extra Points #1. (Week 12 08/07/25)
Figure 2.2.5 Removing Extra Points #2. (Week 12 08/07/25)
After receiving feedback from Mr Vinod, I delete the points with the minus pentool to make the letterforms look smoother, and then I copy and paste them into FontLab 8.
Punctuation
Process of Punctuation
Figure 2.2.6 Work Mark #1 with Test Colour Scheme. (Week 13 15/07/25)
Before designing comma, period etc.
When designing the punctuations, I refer to the Instagram post provided by Mr Vinod. It was very helpful.
Developing of Punctuation
The first row includes Myriad Pro as a reference. I utilised my previously constructed uppercase and lowercase letterforms as the base, then modified them to increase consistency throughout the font.
Numbers
Process of Numbers
Figure 2.3.1 Process of Numbers. (Week 11 07/07/25)
I used Myriad Pro as a reference by tracing its strokes, then modified the letterforms to match the overall style and maintain consistency with my design.
I experimented with various styles for the number letterforms, determining whether they should be more upright or slightly bent to complement the overall font style.
Kerning in Fontlab
Figure 2.4.1 Process of Kerning in Fontlab. (Week 12 13/07/25)
Here is the whole set of letterforms I made, which includes uppercase, lowercase, punctuation, and number letters. To establish a cohesive typeface, I designed every letter in a consistent style and proportion.
Figure 2.4.2 Left and Right Side Bearing Measurement. (Week 12 13/07/25)
I copied and pasted all of the letterforms into FontLab and began kerning them based on Mr. Vinod's instructions, taking both left and right side bearing measures. After using the scientific measurements, I visually corrected the spacing by physically tweaking each pair to verify that the letters were balanced and harmonious. This step helped me improve the font's readability and aesthetic uniformity.
Font Formation
Process of Font Formation
Figure 2.5.1 Process of Font Formation. (Week 12 14/07/25)
These are all the form formation developed steps, from left to right.
Lines
Figure 2.5.2 Lines. (Week 12 14/07/25)
Lines are used in form formation to direct the viewer's eye, separate sections, and produce a clean, structured layout that improves readability.
Figure 2.5.1 Process of Font Formation. (Week 12 14/07/25)
These are all the form formation developed steps, from left to right.
Lines are used in form formation to direct the viewer's eye, separate sections, and produce a clean, structured layout that improves readability.
Combination of the letters "l" and "w"
Figure 2.5.3 Combination of the letters "l" and "w". (Week 12 14/07/25)
When designing the form formation, I combined the letters "l" and "w" from the font name Lithewood. However, it was not a success, so I worked on another design.
Univers Font
Figure 2.5.6 Univers Font. (Week 12 14/07/25)
Univers font is used in the font formation to create visual balance and contrast with the Lithewood font.
When designing the form formation, I combined the letters "l" and "w" from the font name Lithewood. However, it was not a success, so I worked on another design.
Univers font is used in the font formation to create visual balance and contrast with the Lithewood font.
Font Application
Process of Font Application
Figure 2.5.7 Process of Font Application. (Week 14 19/07/25)
Honor Standby Design
Idea of Standby Design
Figure 2.6.1 Idea of Standby Design. (Week 14 18/07/25)
Honor Standby Design Website: https://www.honor.com/global/honor-talents/global-design-awards/standby/
We need to create clock design for the Honor Standby Design category design. As the font, Lithewood was designed for children's books, the clock design is then inspired by The Little Prince. It depicts a child in a red coat strumming his guitar in the morning sky, while his beloved cat curls by him, sharing the melodious song of day.
Figure 2.6.1 Idea of Standby Design. (Week 14 18/07/25)
Honor Standby Design Website: https://www.honor.com/global/honor-talents/global-design-awards/standby/
We need to create clock design for the Honor Standby Design category design. As the font, Lithewood was designed for children's books, the clock design is then inspired by The Little Prince. It depicts a child in a red coat strumming his guitar in the morning sky, while his beloved cat curls by him, sharing the melodious song of day.
.png)
Figure 2.6.2 Process of Clock Design. (Week 14 18/07/25)
Uppercase and Lowercase
Uppercase and Lowercase
Figure 3.1.1 Uppercase and Lowercase - PDF. (Week 13 15/07/25)
Font Download Link: Lithewood
FontLab Screen Grab
Screengrab
Figure 3.2.1 Uppercase and Lowercase - PDF. (Week 12 10/07/25)
Font Formation
Font Formation #1
Figure 3.3.1 Font Formation #1 – JPEG. (Week 13 12/07/25)Font Formation #2
Figure 3.3.2 Font Formation #2 – JPEG. (Week 13 12/07/25)
Font Formation #3
Figure 3.3.3 Font Formation #3 – JPEG. (Week 13 12/07/25)Font Formation #4
Figure 3.3.4 Font Formation #4 – JPEG. (Week 13 12/07/25)
Font Formation #5
Figure 3.3.5 Font Formation #5 – JPEG. (Week 13 12/07/25)
Figure 3.3.1 Font Formation #1 – JPEG. (Week 13 12/07/25)
Figure 3.3.3 Font Formation #3 – JPEG. (Week 13 12/07/25)
Font Application
Website Mockup
Figure 3.4.1 Font Application #1 – JPEG. (Week 14 18/07/25)
Apple Watch Mock Up
Figure 3.4.2 Font Application #2 – JPEG. (Week 14 18/07/25)
Hot Paper Cup Mock Up
Figure 3.4.3 Font Application #3 – JPEG. (Week 14 18/07/25)
Landscape Brochure Mock Up
Figure 3.4.4 Font Application #4 – JPEG. (Week 14 18/07/25)
Book Mock Up
Figure 3.4.5 Font Application #5 – JPEG. (Week 14 18/07/25)
Figure 3.4.6 Compilation of Font Formation and Font Application- PDF. (Week 14 19/07/25)
Figure 3.4.1 Font Application #1 – JPEG. (Week 14 18/07/25)
Apple Watch Mock Up
Hot Paper Cup Mock Up
Figure 3.4.4 Font Application #4 – JPEG. (Week 14 18/07/25)
Figure 3.4.5 Font Application #5 – JPEG. (Week 14 18/07/25)
Figure 3.4.6 Compilation of Font Formation and Font Application- PDF. (Week 14 19/07/25)
Honor Standby Design
Figure 3.5.2 Font Application #Final Honor Personalised Standby Design – JPEG. (Week 14 18/07/25)
Figure 3.5.3 Font Application #Final Honor Animation Design – GIF (Week 14 20/07/25)
Figure 3.5.4 Design Elaboration. (Week 14 21/07/25)
Receipt of Submission
Font Test
Clock
Text
This is a demo of the Lithewood font designed and developed by Emily that allow viewers to adjust the sliders below to explore the font’s spacing and sizing visually.
Creating A Font with Font Forge
Designing a Custom Font
This article shares the author's personal experience of designing a custom font.
- Translating and refining the ideas into sketches and drafts
- Vectorised it in Adobe Illustrator
- Further refine and tweak the anatomy of each character, making sure every letter stayed consistent yet eccentric
- Put into software (Font Forge)
Step 1: Open Asset Export on Illustrator (Window > Asset export) and drag each character/glyph individually into the export window.
Step 2: Select all (Ctrl + A) and export as SVG.
Note: Export into a specific folder and rename files to stay organised.
Step 3: Open Font Forge and click ‘New’.
Step 4: Double-click a character box, go to File > Import to bring in an SVG.
Step 5: Locate your exported SVGs and import the corresponding glyph.
Step 6: Edit your character and set baseline, cap height, and descender using guidelines.
Feedbacks
Specific Feedbacks (Week 10)
J too wide and not slanted, except m and w. Use square to measure the size of stroke to make them consistency.
General Feedbacks (Week 11)
Study the base line, x-height, numeral line before creating, press key in font lab don't press round
Specific Feedbacks (Week 11)
t and f shorter and change z not so slanted.
General Feedbacks (Week 12)
Specific Feedbacks (Week 12)
Reflections
Experience
For task three, Type Exploration and Application. I continue to develop my font from my previous work in the Typography module by constructing a complete set of uppercase and lowercase letterforms, numbers, and punctuation. The font name is Lithewood, it is a smooth, rounded, and slanted font that conveys a child-friendly and fairytale sense. Then I use it for font formation, font application, and Honour Standby Design.
Comments
Post a Comment