Typography Task 3 - Type Design and Communication

For this task, we must prepare 3 graphic papers and 3 marker pens (must be 3.0 above). We have to sketch the following letters (ODHNG / odhng) provided by Mr.Vinod using the 3 pens. We need to explore 3 different writing styles for each of the pens.

Dissection of the Letters (H o g b)

We need to select a preferred font from the 10 fonts provided and use the letters (H o g b) to do a detail dissection of it.

Figure 1.1 (H o g b) provided by Mr. Vinod

Futura Std-Heavy

Figure 1.2 (H o g b) Futura Std - Heavy (Week 8) 16/11/2023

Observations

Letter 'H' : The structure of the font has stroke widths. Two vertical stems are in the same width and height. The horizontal crossbar is thinner than the two stems.

Letter 'o' : 'o' features a gentle curve, giving it a rounded appearance but the inner line will be slightly thinner than the outline.

Letter 'g' : The inner line 'g' is the same as the inner line 'o', but the 'g' upper outline is smaller than the outline of the letter 'o'. The tail curls around in a loop.

Letter 'b' : Has a straight vertical stem. The rounded bowl at the top contributes to the same outline as the upper letter 'g'. The inner line 'b' is the same as the inner line 'o' too.

Sketches

Figure 1.3 Fonts Design Sketches 01 (Week 8) 16/11/2023

Figure 1.4 Fonts Design Sketches 02 (Week 8) 16/11/2023

Figure 1.5 Fonts Design Sketches 03 (Week 8) 16/11/2023

My preferred sketch is (7) and after getting feedback from Mr.Vinod, he suggested me to do some changes to the letter 'D' because it's not integrated with the other fonts so I revised it.

Figure 1.6 Fonts Design Sketches 04 (Week 9) 23/11/2023

Then we had to write all the letters (o l e d s n c h t i g , . #) in the approved style and start digitising it and I also decided to write my letter in lowercase.

Figure 1.7 Fonts Design Sketches 05 (Week 9) 23/11/2023

Digitisation

First Attempt

I use the rectangle shape tool to create my letters and set the guidelines which are the ascender line, cap height, x-height, baseline and the descender line.

Figure 1.8 Process 01 (Week 10) 28/11/2023

Figure 1.9 First attempt at digitisation (Week 10) 28/11/2023

Figure 1.10 First attempt at digitisation (Outlines) (Week 10) 28/11/2023

Mr.Vinod corrected my mistakes with the exclamation mark and hashtag should be at the baseline and the comma should watch the video that he provided.

Second Attempt

I revised the letters by adding a slight curvature to the outline and look less rigid. I changed the style of the hashtag and comma. Besides, I also adjusted the exclamation mark and hashtag on the baseline.

Figure 1.11 Process 02 (Week 11) 05/12/2023

Figure 1.12 Second attempt at digitisation (Week 11) 05/12/2023

Figure 1.13 Second attempt at digitisation (Outlines) (Week 11) 05/12/2023

Third Attempt

Figure 1.14 Third attempt at digitisation (Week 11) 07/12/2023

Figure1.15 Third attempt at digitisation (Outlines) (Week 11) 07/12/2023

Figure 1.16 Make compound shape (Week 11) 07/12/2023

Figure 1.17 Pathfinder (Week 11) 07/12/2023

To make it a compound shape, I used the pathfinder and clicked to unite the shape as one.

Punctuation (comma)

First attempt - Second attempt - Third attempt

Figure 1.18 The changes in punctuation (comma)

I changed the style of the comma in every attempt and finalized it with the third one.

Punctuation (period, exclamation mark and hashtag)

First attempt - Third attempt

Figure 1.19 The changes in punctuation (period, exclamation mark and hashtag)

Figure 1.20 Measurements checking (Week 11) 07/12/2023

Make sure the letters fit the guidelines and have consistent horizontal and vertical lines and punctuation sizes. Ensure the shapes are in the same radian.

Figure 1.21 Third attempt at digitisation (Week 11) 07/12/2023

Figure 1.22 Third attempt at digitisation (outlines) (Week 11) 07/12/2023

Measurements (from baseline)

Ascender Line : 720pt

Cap Height : 620pt

X-height : 500pt

Baseline : 0pt

Descender Line : -180pt

Font Lab

After finishing the font design in Illustrator, we can import our font to FontLab 7. Make sure that the font perfectly fits the guidelines and the shapes look great.

Figure 1.23 FontLab process 01 (Week 12) 15/12/2023

Figure 1.24 FontLab process 02 (Week 12) 15/12/2023

Figure 1.25 FontLab process 03 (Week 12) 15/12/2023

I also adjusted the kerning of the letters.

Figure 1.26 FontLab process 04 (Week 12) 15/12/2023

Figure 1.27 FontLab process 05 (Week 12) 15/12/2023

Poster

I designed 3 kinds of posters with the word (oledsnchtig,.!#) and using the same point size.

My phrase : golden nights echo in silence

I choose the second design as my final task 3 poster.

Figure 1.28 Posters (Week 12) 15/12/2023

Figure 1.29 Posters (JPG) (Week 12) 15/12/2023

FINAL OUTCOME TASK 3 - Type Design and Communication

Download font here :

https://drive.google.com/file/d/1Aa79fTer1JM6Ybh_PspGehRKcF46hYlH/view?usp=sharing

Figure 2.1 FontLab Screengrab (Week 12) 15/12/2023

Figure 2.2 Final Type Construction - Type Design and Communication JPG (Week 11)7/12/2023

Figure 2.3 Final Type Construction - Type Design and Communication PDF (Week 11)7/12/2023

Figure 2.4 Final Poster - Type Design and Communication JPG (Week 12) 15/12/2023

Figure 2.5 Final Poster - Type Design and Communication PDF (Week 12) 15/12/2023

Font Tester

FEEDBACK

Week 8 : Independent Learning Week

Week 9

Specific Feedback : The letter 'D' needs to be revised because it's not integrated with the other fonts.

Week 10

Specific Feedback : The exclamation mark and hashtag should be at the baseline and the design of the comma is not right.

Week 11

General Feedback : Make sure the results are the most satisfactory and take care of the measurements when importing them to FontLab 7.

Week 12

General Feedback : Look at other people's work and get to know other people's idea and the good parts that we can learn from.

Specific Feedback : The poster words have to be in the same font size and all the letters (oledsnchtig) should be used in the phrase.

REFLECTIONS

Experience : Designing my own fonts is really interesting and fun but at the same time there are a lot of detail things that we need to be aware of. Accomplishing it with my font 'Han's - Regular' is very satisfying when I see the actual font come out in my Adobe Illustrator and make it as a poster. I really enjoyed the process of designing the font.

Observation : Creating a font is actually quite difficult and it's a long process of work. From designing the font and importing it to FontLab 7 always need to take care of the detailed part. Ensure the font consistency and make sure that have followed the rules in creating letters and punctuation.

Findings : I found out that creating a font involved exploring shapes and spaces, balancing consistency with uniqueness. Every feedback also played a key role in improving the design. This task not only taught me how to design a font but also made it an insightful and enjoyable journey.