TYPOGRAPHT - Task 3: Type Design and Communication

2025-2025(week - week)


FANN WONG JING EN|0382237

Design Principles | Bachelor of Design (Honours) in Creative Media

Typography GCD60104


TABLE OF CONTENT


MODULE INFORMATION BRIEF (MIB)


LECTURE NOTE


Previous Lecture Notes:


TASK 3

Research

Fig 1.1 Research from Pinterest 
This assignment is to design a set of my own fonts, which is a challenging and creative process for me.

Before I started, I searched a lot of information on Pinterest. I was particularly attracted by mysterious and decorative fonts such as "Magic Whisper" and "Luna Morta". They combine retro and fantasy elements, which made me want to try a similar style. The alternative font structure shown in Figure 2 also made me realize that fonts can actually have many possibilities for changes and extensions, and do not have to stick to traditional proportions.


Sketches

Fig1.2 Explorational Design

Next, I entered the sketching stage, which is the most free and intuitive part of the whole design.

I used grid paper to ensure the basic height and alignment of each letter, but I tried to add a lot of decorative strokes (such as spikes, stars, hooks, etc.) to the structure. In this stage, I focused on:

• Stroke ends: I added similar "spikes" or "starburst" effects to many letters to strengthen the visual memory point.

• Interlaced structure: For some letters (such as G and Q), I would let the decorative strokes pass through the main outline to make it more layered and three-dimensional.

Some attempts failed at this stage, while others were retained and continued to develop, but it was this exploration process that gradually allowed me to form my own style logic.


 Final Physical Design 

Fig1.3  Final physical design

I mainly combined the last font of the first and second sheets together to form a font with spikes and some rounded transitions.

Digitizations 
 
Fig1.4 Digitize progress

After finishing the sketch, I first sketched the basic shape of each letter in Adobe Illustrator, and then brought them into FontLab for further refinement.

Measurements


Fig1.5 Labelling of crucial axises & measurements of font

Measurements (from baseline) 
Ascender: 750 pt
Capital height: 700 pt
Median: 550 pt

Final Character Collection 


Fig1.5 Final Character Collection 

Fontlab

Fig1.6 Fontlab Process 

FontLab is the first font creation software I used officially. I was not familiar with it at first, but after getting used to it, I found that its structure management, alignment adjustment, and spacing adjustment are very professional, which can make my sketches truly become systematic fonts. For example, in FontLab:
• Fine-tune the arc and intersection of each stroke
• Unify the proportion and position of the spike shape
• Fine-tune the left and right spacing of each letter to make the letters look more comfortable when grouped together

Kerning
Fig1.7 Kerning template


Finals Outcome 

Fonts Download Link: Click here to download my fonts

Final Type Construction JPEG&PDF
Fig1.7 Final Type Construction JPEG

Fig1.8 Final Type Construction PDF

A4 Poster JPEG&PDF

Fig1.9 Final Poster JPG

Fig2.0 Final Poster PDF

Finally, I chose to use the word "STROKE" to make a poster, presenting it in vertical arrangement, with white text on a black background, which strengthened the sense of mystery and visual impact. This poster is like a microcosm of the entire font set to me, and its characteristics and style can be seen at a glance.


FEEDBACK

Week13- General Feedback: Finish your blog and poster today and turn in the complete final work the day before class next week.

Week 12 - absent

Week 11 - General Feedback: Due to the limitations of the trial software, we were assigned to the D7.03 lab computer to develop the font to ensure complete functions.

Week 10 - General Feedback: Ms. Vitiyaa reminded us that it is best to familiarize ourselves with the operation process of FontLab on the lab computer before officially starting to produce on our own computers.Specific feedback: Ms.Vitiyaa suggested using Dafont to get inspiration for fonts and ensure that each font can be more perfect

Week 9 - General Feedback: In order to smoothly enter the FontLab stage, we must first complete the digital processing of the font in Illustrator and deliver it before next week. Specific feedback: Make sure each font is the same height. In addition, a-z needs to be digitized, and you can choose uppercase or lowercase

Week 8 - General Feedback:Ms. Vitiyaa told us to look at our classmates’ work for inspiration. She also suggested we try to digitalising our fonts using FontLab.


REFLECTION

• Experience

This font design task was a complete and fulfilling creative journey for me. From sketching freely on graph paper at the beginning, to organizing a complete font with Illustrator and FontLab, and then designing the "STROKE" poster, I almost experienced the entire process of font creation. The sketching stage at the beginning was the freest and most interesting. I could try various structures and decorations as if I was playing a modeling game; but the digital part later paid more attention to details and was more brain-intensive - such as clean lines, unified letter structures, and accurate distances and proportions between each letter. All of these gave me a deeper understanding of the complexity of font design.

• Observation

I found that in the process from sketches to digital fonts, many letters actually need to be "standardized" and cannot be too casual, otherwise it will affect the overall readability. Like the "S", "R", "K" I originally drew in the sketch... there are many variations, but in the end, in Illustrator and FontLab, I chose a relatively clean and decorative version, with a star symbol, which has a mysterious and magical atmosphere. The vertical arrangement of the entire STROKE poster is also a vertical arrangement that I slowly tried out. It feels more visually impactful than flat layout, and it is more in line with the high-profile and sharp personality of the font itself.

• Findings

This design made me truly realize that fonts are not just about drawing a few beautiful letters, but about making a whole set of letters into a "character" system. It must have a unified style, but it cannot lose the characteristics of individual letters. Another big gain is that I began to notice that the "personality of the font" will affect the atmosphere of the entire picture. For example, my set of fonts has a retro, magical and a little mysterious flavor. This style is not the direction I am most familiar with at the beginning, but I enjoy this process of jumping out of the comfort zone, and it also makes me more willing to try different types of designs.



THE FURTHER READING



Fig2.1 A Type Primer_2nd Ed_by John Kane

1.Fonts are not decorations, but "bridges of communication"
• Many people think that choosing a font is just about "how good it looks", but the most important thing is does it help you make your words clear?
• Title fonts can be unique and eye-catching;Text fonts should be clear, comfortable, and not tiring to the eyes.
• Therefore, font designers are not designing "beautiful fonts", but designing "fonts that convey information better".

For example:
When you see a love letter typed in Courier font, will you lose your emotions instantly?
If the font atmosphere is not right, the message will be cut off from the emotion.


2. Learning fonts is also training your "observation skills"
The book talks about many details, such as:
• x-height is the height of lowercase letters,
• ascender / descender is where the letters "come out" or "hang down",
• counter is the "belly" space between o, e, and a.

You may not pay attention to these things at first, but after learning for a long time, you will find that they actually affect your sense of rhythm and visual ease when reading, and also determine whether a word looks "fat" or "thin", "steady" or "lively".


3. Typography is actually "arranging the reading order of readers"
• For example, when you make a poster, how to put the title, how big the text is, and how much line spacing are actually "guiding" readers to follow your information flow.
• When you are typesetting, you are actually arranging:
• What should be read first,
• What are the key points,
• Where can people take a breath.

Font = visual tone
It's a bit like the emphasis, pauses, and emphasis when you speak.

Comments

Popular posts from this blog

Typography - Task 1: Execises

TYPOGRAPHY- TASK 2 :Exploration & Communication

TASK1 :EXPLORATION