LRH

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