Typography / Task 3A: Type Design and Communication

15.10.2021 - 29.10.2021 / Week 8 - Week 10
Yong Li Qing Vernice / 0352288
Bachelor of Design (Hons) in Creative Media
Typography
Task 3A // Type Design and Communication


LECTURE

Week 1 - week 5 lecture notes


INSTRUCTIONS


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

TASK 3A - Type Design and Communication
In this task, we are told to design a type by using the letters given in while Mr Vinod briefed us in class.
  1. Ascender height
  2. Capital height
  3. Mean/median line
  4. Baseline
  5. Descender line
  6. X-height
Fig 1 Letters 


Research on type design

Before I started my type design sketches, I explored more about Serif and Sans Serif and the differences between them.
 Fig 2 Serif VS Sans Serif

  Fig 3 Example of Serif VS Sans Serif [Google]

Next, to understand more how letters are structured and form in different styles and the basic principles that must be aware while designing the type.

 Fig 4 Anatomy of typography

 Fig 5 Typefaces Anatomy

 Fig 6 Anatomy of Typography

 Fig 7 Annotate in Alphabets

 Fig 8 Anatomy of typography [Named: AP23]_Design by David Wise


 Fig 9  Different styles of the letter "A"

 Fig 10 The Type Classification System

Overshoot

Wikipedia
: Overshoot_(typography)

 Fig 11 Overshoot
Reference 

Website: Typography 
Handbook
Website: How to design a Font

 Fig 12 Measurement Typefaces

Some typefaces I had found on Pinterest and Google Font.

 Fig 13 Typefaces in Pinterest

Google Font Website: https://fonts.google.com/


 Fig 14 Google Font_Roboto Slab 

 Fig 15 Google Font_Lora

 Fig 16 Google Font_Merriweather

 Fig 17 Google Font_Playfair display
Sketches

The sketches I started with the reference I had found on google and Pinterest and tried out the letter given in both uppercase and lowercase.

 Fig18 Letters for the design

Google Font Website:
 https://fonts.google.com/
 Fig 19 The comparison between the fonts


 Fig 20 Type Design Sketch 1 [13/ 10/ 2021]


Fig 21 Type Design Sketch 2 [13/ 10/ 2021]


Fig 22 Type Design Sketch 3 [13/ 10/ 2021]

Verify & Deconstruct References

Before starred my design I deconstructed 2 different typefaces from the 10 provided typeface.
Janson Text LT Std and Bembo Std.

a. [Janson Text LT StdFont Website: 
https://media.fontsgeek.com/generated/j/a/janson-text-lt-std-55-roman-sample.png
Fig 23 Janson Text LT Std
Fig 24 Deconstruct "r" [Janson Text LT Std]

b. [
Bembo Std] Font Website: 

Fig 25 Bembo Std

Fig 26 Deconstruct "r" [Bembo Std]

Progression

Digitlezile font 

First I did the sketch of my font in Adobe Illustrator and according to Mr Vinod tutorial video I stark my work.

Fig 27 Guides [14 / 10/ 2021]

Fig 28 Construction progress First [21 / 10/ 2021]

Fig 29 Construction progress Second [23 / 10/ 2021]

Fig 30 Font Outline [23 / 10/ 2021]

Fig 31 Screenshot of the letters [23 / 10/ 2021]


Fig 32 Before Feedback_Type design in Adobe Illustrator [22 / 10/ 2021]


Fig 33 After Feedback_Type design in Adobe Illustrator [23 / 10/ 2021]
  1. Ascender height / 752 pt
  2. Capital height / 702 pt
  3. Mean/median line / 500 pt
  4. Baseline / 0 pt
  5. Descender line / -235 pt
Developing font in FontLab 7



Fig 34 Placing Type in Fontlab [25 / 10/ 2021]


Fig 35 Type in Fontlab [25 / 10/ 2021]

FINAL OUTCOME


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

Fig 36 Final Task 3A: Type Design and Communication "Gloomy" - JPEG  [25 / 10/ 2021]

Fig 37  "Gloomy" Typo Poster A4 - JPEG  [25 / 10/ 2021]

Fig 38 Final Task 3A: Type Design and Communication "Gloomy" - PDF  [25 / 10/ 2021]

 Fig 39 "Gloomy" Typo Poster A4 - PDF  [25 / 10/ 2021]


FEEDBACK

Week 9
Mr Vinod based on my design I posted on Facebook said that my design still need more detail and I can get the reference from Bombe


REFLECTION

In this task, I had learnt different structures in different kinds of fonts and the way to present a typeface needs to spend time and effort to achieve the result I need. Besides that, in this task, I had grown interested in designing the typeface. Although I need to spend more time doing some research before I started the work, thus I enjoyed the process of what we learned and gain knowledge from the articles I found. 

Next, while in the progress of doing sketches I had felt a bit lost. So, I suffer on the internet to find some tutorial or explanation based on the task I am doing. In addition, I had asked my family members which font do they think is more preferred for them to help me improve my sketches as well as to make me explore more ideas to add to the design.


FURTHER READING























Comments