P3 Type & Hierarchy: Part 1

Exercise 1 | Typeface Tracing

From top to bottom: Adobe Garamond, Didot, Helvetica, and Futura typefaces traced

Four different typefaces were traced over on tracing paper with a thin sharpie pen in order to understand the different characteristics of each typefaces.

Exercise 2 | Typographic Voice

ebrima bold typeface

Ebrima bold typeface is a sans-serif font that has relatively uniform spaces between each character which gives a heavy and balanced feel, which works well with the word supreme. The space between each characters are wider than typefaces that we generally use, which makes each characters to standout and reinforces the meaning of the word supreme.

haettenschweiler typeface

Haettenschweiler typeface has condensed characters with its tight and uniform spacing between each characters. The condensed and bold characters reinforce the meaning of supreme. The relatively tall x height and uniform character width also works well.

impact typeface

Impact typeface is also condensed and bold, which reinforces the meaning of supreme. The word is also spread out nicely that it gives a tight feel, but not too condensed like haettenschweiler is, which works well and gives balance. The relatively short descender for the letter ‘p’ also works well to give the word a heavy feel.

rockwell typeface

Rockwell typeface is the only serif font I have, but the relatively uniform thickness of lines throughout the word, including the serifs, works well to reinforce the meaning of supreme. The horizontal characteristic is enhanced with its straight and bold serifs, which also works well.

swiss 721 blk bt

Swiss 721 Blk BT typeface is very similar to ebrima. However, it uses thicker lines and shorter x-height, which give a bolder feel. The boldness reinforces the meaning of supreme. The tighter spacing between each characters also works very well to express the word supreme.

Exercise 3 | Typographic Hierarchy

We were given 7 different options to explore how decision making in typography can affect the readers. The different variables of typography can clarify the readers in understanding the message that you are trying to send through, but if the decisions are made wrong, it can rather confuse the readers.

Option 1: Line Spacing

Use of line spacing

Option 2: Typographic Weights

Use of two weights

Option 2–1: Typographic Weights

Use of four weights

Option 3: Horizontal Shift | Indentations

Use of indentation

Option 4: Typographic Weights & Line Spacing

Use of two weights and line spacing

Option 5: Typographic Weights & Horizontal Shift

Use of two weights and indentations

Option 6: Horizontal Shift & Line Spacing

Use of indentation and line spacing

Option 7: Size Change & Topographic Weights

Use of three text size, two weights, line spacing and indentation