CDM3079 © VTC 2012
Introduction of Typography Lesson 5
Conclusion of Type Research Poster
1
Intended Learning Outcomes By the end of the lesson, students are expected to be able to:
Š VTC 2012
1. 2. 3. 4.
2
Transform information and typographic images from historical research and analysis into a strong communicative information and information and message; Compose texts and imageries in different format of graphic designs with an aesthetic judgement; Construct a visual hierarchy for the communication of the communication of the essential characteristics of different typefaces and; Explore different folding methods for the application of leaflet design to increase the reading interest of the reader Consider: explore for different folding methods for the application of leaflet design to increase the reading interest of the reader.
Type Terms | legibility& readability There are Serif and Sans Serif typefaces.
Š VTC 2012
3
Type Terms | legibility& readability Good typography encourages the desire to read and reduces the effort to comprehend. Legibility and readability are inherent to successful communication.
Š VTC 2012
4
Type Terms | legibility& readability Legibility refers to the recognition of individual letterforms. The design of the typeface determine legibility.
Š VTC 2012
5
Type Terms | legibility& readability Readability refers to how typography is presented to the viewer as words, lines, and paragraphs. It is influenced by the typographic arrangement–the length, leading & spacing.
Š VTC 2012
6
Type Terms | legibility& readability Choice of typefaces: Old Style, Transitional and some Sans Serifs are the most legible among all.
Š VTC 2012
7
Type Terms | legibility& readability Never ever choose display type to be text type. Always choose text type for body text.
© VTC 2012
8
© VTC 2012
9
Type Terms | factors effect legibility
Type Terms | factors effect legibility Factors affect legibility
© VTC 2012
10
Type Terms | factors effect legibility The word set in lowercase is more distinct than the word set in caps because the eye makes quick snapshots of word groups.
Š VTC 2012
11
Type Terms | factors effect legibility Variations in letterform: All Caps
Š VTC 2012
12
Type Terms | factors effect legibility Variations in letterform: Bold type
Š VTC 2012
13
Type Terms | factors effect legibility Variations in letterform: Italic type
Š VTC 2012
14
Type Terms | factors effect legibility Variations in letterform: Condensed or Extended Type
Š VTC 2012
15
Type Terms | factors effect legibility Variations in letterform: Large Type
Š VTC 2012
16
© VTC 2012
17
Type Terms | factors effect readability
Type Terms | factors effect readability Letter space: kerning & tracking
Š VTC 2012
18
Type Terms | factors effect readability Typographic Measurement “Point system” (Leading) 1 pica = 12 point 6 picas = 72 point = 1 inch 1 point = 0.013838 inch = 0.3515mm © VTC 2012
1”= 6 picas
19
Type Terms | factors effect readability Line spacing: Leading (1”=72 point)
© VTC 2012
Set solid
2pt leading
20
Type Terms | factors effect readability Line spacing: Leading
Š VTC 2012
3pt leading
7pt leading
21
Type Terms | factors effect readability Line spacing: Leading
© VTC 2012
22
Type Terms | factors effect readability Colour contrast: Grey
© VTC 2012
23
Type Terms | factors effect readability Colour contrast: Reverse type
Š VTC 2012
24
Type Terms | factors effect readability Colour contrast: Complementary Colour scheme
Š VTC 2012
25
Type Terms | factors effect readability Colour contrast: Reverse type against dark background
Š VTC 2012
26
Type Terms | factors effect readability Alignment & Line length
Š VTC 2012
27
Type Terms | factors effect readability Alignment & Line length: Flush left, Flush right, Justified and Centered
Š VTC 2012
28
Type Terms | factors effect readability Alignment : vertical
© VTC 2012
29
Type Terms | factors effect readability Alignment : vertical
© VTC 2012
30
Type Terms | factors effect readability Fault to avoid: widow, orphan & river
© VTC 2012
31
© VTC 2012
32
Type Terms | expressing hierarchy
Type Terms | expressing hierarchy
Š VTC 2012
33
Hierarchy refers to visual ordering. In others words, it helps readers scan a text, knowing where to enter and exit, how to pick up and choose among its offerings.
Type Terms | expressing hierarchy
© VTC 2012
34
Type Terms | expressing hierarchy
© VTC 2012
35
Type Terms | expressing hierarchy
© VTC 2012
36
Type Terms | expressing hierarchy Even same size, same weight, same typeface can show hierarchy
Š VTC 2012
37
Recap / Summary
VTC2012 2012 ©© VTC 2011
38 38
• • • •
Type Classification Legibility Readability Hierarchy
References A Type Primer Typographic Design Form and Communication An Introduction to Typography VTC2012 2012 ©© VTC
39 39
VTC2012 2012 ©© VTC
Q&A
40 40