TYPOGRAPHY - TASK 3A

08.10.2021 - 15/10/2021 (Week 7 - Week 10) 
Hansel Ribowo / 0350008 / Bachelor of Design (hons) in Cretive Media 
Typography 
Task 2 / Typographic Exploration and Communication

---

Lectures

Demo Notes From Task 3A

• When creating our own fonts, we need to do research first.
• Next we would want to sketch it out and find the most similar fonts that are already available  it would be nice to relate these sketches to the 10 fonts that are already given from Mr Vinod.
• Learn and identify deconstructed font design.
• Produce 5 sketches or more (The more sketches created are nice.
• X-Height - should be 500pt
  rounded forms looks smaller, so overshooting the x-height is permissible.
• Type some letters and drag the guide to identify the x height, ascender line, cap line, descender line, and base line. After doing this, you'll have your letterform basic structure.
• Delete everything except for the guide lines.
• Start constructing the letterforms using shapes in Illustrator. Follow the guide lines to have a proportional letterforms.

---

Instructions

---

Practical

For this task student need know how to make own typeface and how to make it by watching a video that Mr Vinod give us on youtube. Before we make our own typeface we need to research about type design that we will choose, after that try to deconstruc and make the sketch.

The latters that we will design : a b d e g i m o p t y ! , .

Reseasrch :

Fig 1.1 Research

So here i do a research about what font that i want to deconstruc and i choose serif, i got this reserach from pinterest.

Sketches:

Fig 1.2 Sketches (22/10/2021)

Fig 1.3 Sketches (22/10/2021)

Here i do some sketches for my serif fonts, here i make 5 but i will choose the third sketches for my font and make it digital with adobe illustrator.

Progress

Fig 1.4 Progress (24/10/2021)

So here my first progress making it digital with adobe illustrator.

Fig 1.5 Progress (26/10/2021)

Here after i get feedback from Mr Vinod about my fonts i change some of the latter design

(a e m,o t ! , .).

Fig 1.6 "a" Construction (26/10/2021)

Fig 1.7 "O" Construction (26/10/2021)

Fig 1.8 "m" Construction (26/10/2021)

Here how i make some of the latter and the other pretty much the same how i make it.

Fig 1.8 Information and Guide lines (26/10/2021)

Final Outcome Digital

Fig 1.9 Final Outcome In Adobe Illustrator (26/10/2021)

Acender Line : 697 pt
Capital Line :647 pt
Median Line : 500 pt

Base Line : 0 pt
Descender Line : -227 pt

 

Fig 1.10 Pasting to Fontlab (26/10/2021)

After i done with my final design in illustrator i export my latter to fontlab 7.

Fig 1.11 Kerning (26/10/2021)

Here after pasting all the latter into fontlab 7 i did individual kerning for each letter in matrics tab as demonstrated in the video.

Fig 1.12 Istalled Final Font (27/10/2021)

After i done with my kerning i export my final font and installed to my laptop.

Fig 1.13 Sample Words (27/10/2021)

Final Task 3A: Type Design and Communication

Font Download : https://drive.google.com/file/d/1i496hf6n1_F3oeBloSoaRkYp46tbvh6E/view?usp=sharing

Fig 1.14 Final Font Design "Serif Demo" - JPEG (27/10/2021)

Fig 1.15 "Serif Demo" Typo Poster A4 - JPEG (27/10/2021)

Fig 1.16 Final Font Design "Serif Demo" - PDF (27/10/2021)

Fig 1.17 "Serif Demo" Typo Poster A4 - PDF (27/10/2021)

---

Feedback

General Feedback : Better to use guideline for the sketch rather than drawing with no guideline.

Specifik Feedback : Theres a problem with the letter
"a" = it can be more wider
"o" = it should have the same characteristic like letter "e"
"m" = the letter can create from 2e combine so the letter "m" have a same characteristic.
"dot" = No need serif at the top

---

Reflection 

For this task i struggle with choosing what font that i should deconstruc and how to make it better, and i observe from this task is important to pay attention to the detail because it really effect the final result of the font design.I found from this task is when make fonts it really need more focus on how to make it better because i need to be precise when making it,

---

Further Reading

Fig 2.1 Typographic Design : Form and Communication (2015)

Reference:

Carter, R., Day, B., Meggs, P. B., Maxa, S., & Sanders, M.
(2015). Typographic design: Form and communication.
Hoboken, New Jersey: John Wiley & Sons, Inc.

Sans serif and serif typefaces 

Because sans serif typefaces are generally simpler in form than serif typefaces and scripts, they achieve a clearer visual presence on the web. On screen, very small serifs are described by an inordinate number of pixels relative to the rest of the letterform. Comparisons between sans serif typefaces must be made by the designer to ensure that selections are suitable to the content. Usually, a wellproportioned sans serif typeface possesses a medium stroke weight and a balanced ratio of form to counterform.

Proportions of the letterform 

The proportions of the individual letterform are an important consideration in typography. Four major variables control letterform proportion and have considerable impact upon the visual appearance of a typeface: the ratio of letterform height to stroke width; the variation between the thickest and thinnest strokes of the letterform; the width of the letters; and the relationship of the x-height to the height of capitals, ascenders, and descenders.

Fig 2.2 Parts of Letterforms

X-height and proportion 

The proportional relationship between the x-height and capital, ascender, and descender heights influences the optical qualities of typography in a significant way. The same characters are set in 72-point type using three typefaces with widely varying x-heights.