Typography

1
Typography

• Stephen Logan

2
Overview

• What is Typography?
• Principles of Typography
• History of Typography
• 7 Categories of Typefaces
• Where is it used?
• Why is it Important?
• Relationship Between Fonts
• Finding Fonts
• Discussion

3
What is Typography?

• A formal definition of Typography can be combined
  to comprise of the design, theory, and art of
  creating and arranging the appearance of
  characters for printing.
• Size, font, style, color, message, location, and
  contrast of text

4
Principles of Typography

• Type Size
• Weight
• Style
• Leading
• Alignment
• Color

5
History of Typography

• 15th Century
• Invention of movable type printing
• Johannes Gutenberg
• Humanistic minuscule to roman type
• 16th Century
• Garamond
• 17th 18th Century
• Transition to modern type
• 20th Century
• Industrialization
• Computer

6
History of Typography

• Timeline

7
7 Categories of Typefaces

• 1. OLDSTYLE
• Warm /graceful appearance, always have serifs
• Examples
• Palatino
• Garamond
• Times

8
7 Categories of Typefaces

• 2. Modern
• Emphasis on structure and form severe and cold
  appearance
• Examples
• Onyx
• Bodoni
• Bodoni Poster

9
7 Categories of Typefaces

• 3. Slab Serif
• Regimented and strong appearance, thick serifs
• Example
• Century Schoolbook

10
7 Categories of Typefaces

• 4. Sans Serif
• Large x-heights, no serifs and no visible
  transition from thick to thin, strong presence on
  page, more readable at smaller sizes
• Examples
• Arial
• Tahoma

11
7 Categories of Typefaces

• 5. Distressed
• Deliberately trashed, hard to read, but
  recognizable
• Examples

12
7 Categories of Typefaces

• 6. Scripts
• Simulate hand writing, harder to read, more
  personalized
• Examples

13
7 Categories of Typefaces

• 7. Decorative
• Add personality and style, emphasize content, can
  ruin design if overused
• Examples

14
Where is Typography Used?

• Typography is not just for web design
• Typography is all around us!

15
Why is Typography Important

• Communication, Communication!
• Pass along message
• Think of target audience to appeal
• Grab their attention!
• An ineffective use of typography will not get
  message across
• Illegibility
• Readability
• Font style

16
Consider this Example

• Street Signs

17
Relationship Between Fonts

• Concordant Relationship
• Conflicting Relationship
• Contrasting Relationship

Example 1 Hello Everyyone! Example 2 Hello
Everyone! Example 3 Hello Everyone!
18
Finding Fonts

• 3 places to find Typefaces
• Preinstalled on your Windows or MAC
• Online for Free
• Online for a Price

19
Sources

• Mainly inspired by
• http//www.scribd.com/doc/2083975/Typography

20
Questions or Comments
21
Discussion My Favorite Font

• Bosox by Lee Gordon

22
Discussion Really??

• Hello My name is Stephen
• Hello My name is Stephen
• Hello My name is Stephen
• Hello My name is Stephen
• Hello My name is Stephen
• Hello My name is Stephen
• Hello My name is Stephen
• Hello My name is Stephen
• Hello My name is Stephen

23
Discussion websites

• www.identifont.com
• Myfonts.com
• Adobe Font Finder