Post on 21-Jan-2016
transcript
Type & Logo Design
Font Families
sans serif
Slab serif
Old Style
Modern
DecorativeScript
Type Design Relies on:o Type Contrast (create BIG differences in size, weight, and/or
structure)
o Bold, crisp graphics (in vector)
Contrast or Conflict?o CONTRAST: Type that contrasts must contrast
dramatically.o CONFLICT: Type that conflicts is too similar (not good).
Type Contrast in Documents
Headline
Subheading
A type hierarchy exists when the most important type is in largest, heaviest weight, and the least important is in the smallest, lightest. Body copy is the smallest text on the page. It needs to be in a smilple font (not script or decorative, which are only used for headlines and subheadings).
On the Web, we double-space between paragraphs and do not indent the first line of a paragraph. Common fonts are Ariel and Verdana.
The SLAMR Formula
o Simpleo Legibleo Appropriateo Memorableo Reproducible
(and Reducible)
Simple
o The most recognized logos in the world are very simple.
Common Techniques for Simplicity
Type Only – type as graphic shapes (“letter forms”)
Common Techniques for Simplicity
Abstraction – stays graphically bold
Common Techniques for Simplicity
Illustration – less common, more complex, but still graphically bold
Common Techniques for SimplicityWhen full illustrations are used, they’re usually used as an option—
sometimes the type alone is used, so it must be able to stand alone.
Legible
o Must be readable if reduced to ¼ “
o PROBLEM EXAMPLE.Problem with logos that have large images and relatively small type is that they’re not legible when reduced.
Appropriate
Memorableo Simple logos must still be memorable -
unique
o In this case, the type has been altered uniquely.
Reproducible
Must be reproducible in black and white.- Logo on the left turns to muddy grays.- Logo on right stays strong.
Final Concepts
Unity: Letter Forms are like Puzzle Pieces
This type fits together well with an extended “g.”
But it does not reproduce well in black and white.
Kerning, Leading, Tracking
Kerning is the space between letter pairs
Leading is the space between baselinesTracking is the space between all letters.
Kerning, Leading, Tracking
Red and blue next to each other creates painful vibration on the eye.
Solution: Separate them with white.
What’s wrong with this logo?
- Red and blue next to each other- Complex (not simple)- Not legible if reduced in size- Not reproducible in black and white- Other issues?
Yuchy BW Reproduction
What’s wrong with these?
Instituto de Estudos Orientais
QUESTIONS?