1. Type & Logo Design

2. Font Families sans serif Slab serif Old Style Modern Decorative Script

3. Type Design Relies on: o Type Contrast (create BIG differences in size, weight, and/or structure) o Bold, crisp graphics (in vector)

4. Contrast or Conflict? o CONTRAST: Type that contrasts must contrast dramatically. o CONFLICT: Type that conflicts is too similar (not good).

5. 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.

6. The SLAMR Formula o Simple o Legible o Appropriate o Memorable o Reproducible (and Reducible)

7. Simple o The most recognized logos in the world are very simple.

8. Common Techniques for Simplicity Type Only – type as graphic shapes (“letter forms”)

9. Common Techniques for Simplicity Abstraction – stays graphically bold

10. Common Techniques for Simplicity Illustration – less common, more complex, but still graphically bold

11. Common Techniques for Simplicity When 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.

12. 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.

13. Appropriate

14. Memorable o Simple logos must still be memorable - unique o In this case, the type has been altered uniquely.

15. Reproducible Must be reproducible in black and white. - Logo on the left turns to muddy grays. - Logo on right stays strong.

16. Final Concepts

17. 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.

18. Kerning, Leading, Tracking Kerning is the space between letter pairs Leading is the space between baselines Tracking is the space between all letters.

19. Kerning, Leading, Tracking Red and blue next to each other creates painful vibration on the eye. Solution: Separate them with white.

20. 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?

21. Yuchy BW Reproduction

22. What’s wrong with these? Instituto de Estudos Orientais

23. QUESTIONS? © 2007 Juliet Davis