Typography and Color Theory

1
Typography and Color Theory

• Mrs. Lolkema
• Miss Wadycki
• Mrs. Verpooten

2
What is typography?

• The art and technique of selecting and arranging
  type styles, point sizes, line lengths, line
  leading, character spacing, and word spacing for
  typeset applications.

3
Typography Definition

• Typography is the study of type and font.
• It started as far back as the Gutenberg press.

4
2 Functions

• The two primary functions of typography are the
  presentation of text in a manner that is not only
  easy to read but also visually engaging.

5
The 6 races of typography
Sans serif
Novelty
Serif
Blackletter
Script/ cursive
Square Serif
6
Typography Classifications

• 1. Serif fonts
• Serif means foot in Latin.
• These fonts have feet on each of their strokes.

7
Serif Fonts

• Are easy to read because the little feet carry
  your eye from letter to letter.
• Are usually used for large bodies of text, like
  stories.

8
Common Serif Fonts

• Times New Roman
• Garamond
• Georgia
• Palatino Linotype

9
Typography Classifications

• Sans Serif fonts
• Sans means without in Latin
• These have no marks on the strokes of the letters.

10
Sans Serif Fonts

• Are easy to read if they are large because they
  are very simple.
• Are usually used for small portions of text, like
  headlines captions.

11
Common Sans Serif Fonts

• Arial
• Helvetica
• Chantilly
• Tahoma
• Comic Sans

12
Typography Classifications

• Text Black Fonts
• Very old, block looking fonts

Text Black
13
Text Black Fonts

• Are very difficult to read because they are so
  ornate.
• Are usually used for nameplates and anything that
  needs to look stately or old.

14
Common Text Black Fonts

• Engravers Old English

15
Typography Classifications

• Script/Cursive fonts
• Are made to look like handwriting.

Commercial Script
16
Cursive/Script Fonts

• Are difficult to read because they tend to be
  thin and small.
• Should only be used for large headlines.

17
Common Cursive/Script Fonts

• Commercial Script
• French Script
• Monotype Corsiva

18
Typography Classifications

• Decorative Fonts
• Most recent type of font
• Fun fonts

Platinum Blonde
19
Decorative Fonts

• Are easy usually difficult to read.
• Should only be used in small quantities.
• Should never be used in multiple places on one
  page.

20
Common Decorative Fonts

• Wolfpack
• Fatback
• Edith
• Delaney

21
Font Families

• These are fonts that have the same name and look
  almost the same.
• Like you and your family!

22
Font Families

• Are used to give unity to a publication while
  still giving designers a few options to work
  with.

23
A Font Family

• Antique Olive
• Antique Olive Compact
• Antique Olive Light

24
Another Font Family

• Eras Bold
• Eras Demi
• Eras Medium
• Eras Light

25
Mixing Fonts

• When using two fonts on the same page, the main
  goal is contrast.

26
Mixing Fonts

• Mix a sans serif with a serif.

gettin
schooled
27
Mixing Fonts

• Mix a thin with a thick.

Makin it
My way
28
Fonts Convey Mood

• Remember that fonts are a tool in telling a
  story.
• The fonts you pick should match your story

29
Fonts and Mood
Bullies
Stand up to
30
Typesetting

• Point- size of your font
• 12point,
• 20point,
• 30point,
• 40point
• Bold- makes stroke thicker
• Italics

31
Typesetting

• Alignment- right, left, center, justified
• Leading- space in between the lines of text.
• Kerning- spacing between two single letters
• Tracking- changing the spacing between all
  letters equally

32
Legibility

• Legibility is the readers ability to read and
  understand the text based on the the texts shape
  and design.

33
Examples of type in design
34
(No Transcript)
35
(No Transcript)
36
(No Transcript)
37
(No Transcript)
38
(No Transcript)
39
What is Color Theory?

• Balance of color
• How colors work together in a design
• Color wheel
• Color pallet

40
Different aspects of color

• The color scheme
• Color interaction
• Three dimensions of color
• Tints and shades
• contrast

41
The psychology of color

• What is psychology
• How does color affect someones feelings
• Red
• Yellow
• Orange
• Blue

42
Examples of color in design
43
(No Transcript)
44
(No Transcript)
45
(No Transcript)