1. Principles of Visual Design 2720 Principles of Visual Design LCC 2720 Instructor: Brian Schrank Intro to Typography

2. Principles of Visual Design 2720 Typography is the design of arranging text and modifying letters (type glyphs).

3. Principles of Visual Design 2720 Which is a better use of typography and why?

4. Principles of Visual Design 2720 Typography is the visual design of text.

5. Principles of Visual Design 2720 Text-heavy typography…

6. Principles of Visual Design 2720 The Basic Principle Typography establishes a hierarchy of meaning. The reader easily looks around without getting lost or distracted. Typography is visual leadership.

7. Principles of Visual Design 2720 Image-heavy typography…

8. Principles of Visual Design 2720 The Basic Principle When typography is used in graphic design… the visual aspects of text become another way meaning is conveyed.

9. Principles of Visual Design 2720 “Concrete Poetry” uses Typography

10. Principles of Visual Design 2720 “Concrete Poetry” uses Typography

11. Principles of Visual Design 2720 Early 20 th century avant-garde art influenced a century of experiments and inventions graphic design and typography.

12. Principles of Visual Design 2720 Futurism A typographic poem from 1919 evokes explosive machine power and Fascist ideology.

13. Principles of Visual Design 2720 = El Lissitski invented principles of geometric order, integration, and simplicity to symbolize Communist ideals via typography. Constructivism

14. Principles of Visual Design 2720 Poster from 1918 uses anarchy, humor, and idiotic references (notice the chicken) to attack high art. Dada

15. Principles of Visual Design 2720 Logos use typography in obvious ways…

16. Principles of Visual Design 2720 What does the typography of “Fanta” signify?

17. Principles of Visual Design 2720 Logos use typography in subtle ways…

18. Principles of Visual Design 2720 What IMAGE is subliminally present in the typography of this logo?

19. Principles of Visual Design 2720 What IMAGE is subliminally present in the typography of this logo?

20. Principles of Visual Design 2720

21. Typefaces and Fonts

22. Principles of Visual Design 2720 Gill Sans is a Typeface Gill Sans Gill Sans Bold Gill Sans Book Gill Sans Book Italic Gill Sans Extra Bold Gill Sans Condensed Bold Gill Sans Shadow

23. Principles of Visual Design 2720 Each typeface has a “family” of fonts Gill Sans is a Typeface Gill Sans Gill Sans Bold Gill Sans Book Gill Sans Book Italic Gill Sans Extra Bold Gill Sans Condensed Bold Gill Sans Shadow

24. Principles of Visual Design 2720 You should be able to name at least 5 typefaces and understand when and how to use them.

25. Principles of Visual Design 2720 Gill Sans Typeface Eric Gill invented the typeface in 1928. It was one of the first “successful” sans serif typeface. It is admired for its gracefulness and versatility.

26. Principles of Visual Design 2720 Gill Sans in Logos

27. Principles of Visual Design 2720 Gill Sans in Logos

28. Principles of Visual Design 2720

29. History of Typefaces

30. Principles of Visual Design 2720 History of Typefaces

31. Principles of Visual Design 2720 History of Typefaces

32. Principles of Visual Design 2720 Typefaces are NOT interchangeable

33. Principles of Visual Design 2720 Each typeface is pre-loaded with cultural meaning:

34. Principles of Visual Design 2720

36. Serif / Sans Serif

37. Principles of Visual Design 2720 The Serif Small decorative strokes added to the end of a letter's main strokes.

38. Principles of Visual Design 2720 We visually grasp words as a whole by unconsciously comparing the different letter patterns in our mind. Serifs makes this pattern recognition easier.

39. Principles of Visual Design 2720 Serifs improve readability by leading the eye along the line of type. Serifs are good for body text.

40. Principles of Visual Design 2720 Origins of the Serif A scribe, using a brush, painted the letters onto the stone. A carver then used these painted strokes as a guide. The serif appeared when the scribe stopped the brush and lifted it, leaving a bit of a brush edge on the letter. The carver, not seeing the error, simply chiseled that edge out of the stone as well creating the serif.

41. Principles of Visual Design 2720

42. Slab Serifs In the 19th Century typefaces for attracting attention were in demand for business: advertising, posters, flyers, etc.

43. Principles of Visual Design 2720 Sans Serif (Grotesque) Sans Serif (without serifs) reduces letterforms to the essentials. The first sans serif typefaces were issued in 1816 Britain, but were considered unappealing since they lacked the traditional serif and were called Grotesque.

44. Principles of Visual Design 2720 Bauhaus another avant-garde movement, helped popularize Sans Serif in the 1920s.

45. Principles of Visual Design 2720 Kerning

46. Principles of Visual Design 2720 Kerning Kerning is the space between letters.

47. Principles of Visual Design 2720 Which word is better Kerned?

48. Principles of Visual Design 2720 Which word is better Kerned?

49. Principles of Visual Design 2720 Kerning MathematicVisual

50. Principles of Visual Design 2720 Kerning MathematicVisual

51. Principles of Visual Design 2720 Questions? ????