1 / 51

Typography: Typeface, Spacing, and Design

Explore the fundamentals of typography including typeface, spacing, and design principles. Learn about historical influences and modern practices in graphic design and typography.

cvirgil
Download Presentation

Typography: Typeface, Spacing, and Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 02 IAT 102 Graphic Design

  2. 02 Typography Typeface Spacing

  3. Typography Content and images taken from: Lupton’s Thinking with Type, Megg’s History of Graphic Design and Jubert’s Typography and Graphic Design

  4. metal type Gutenberg’s moveable Type in Europe (1453-1455 A.D.)

  5. Chinese movable type (c. 1040 AD)

  6. Typographic design is not only an act of mark making, but also of spacing. Letterpress technologya classic typographic page

  7. Leading refers to the thin strips of lead that divide the horizontal lines of type. A font size is determined by the entire piece of metal. Therefore, not all 10pt. fonts look exactly the same - they can have differing x-heights.

  8. origin

  9. Letter anatomy

  10. Typeface Content and images taken from: Craig’s Designing with Type and Saffer’s Designing for Interaction

  11. Typefaces commonly called fonts categorized into two groups called serif sans-serif

  12. Serif typefaces are easy to read and are excellent for long passages of text (e.g. books) Sans-serif typefaces are generally used for shorter passages of text and for text that is meant to be scanned quickly (e.g. signage) (top) Garamond circa 1500s and (bottom) Gill Sans 1927 typeface

  13. Typeface, serif + sans serif

  14. Old Style Font: (Centaur) - Axis inclined - Moderate contrast

  15. Transitional Font: (Baskerville) - Axis vertical - Moderate contrast

  16. Modern Font: (Bodoni) - Axis vertical - strong contrast

  17. Egyptian Font: (Rockwell) - low contrast - strong serifs

  18. Sans Serif Font (Grotesque): (Helvetica) - no serifs

  19. widow

  20. A single line on the top of a page is also called widow widow

  21. if the first line of a paragraph appears on its own at the bottom of a page, we call it an orphan orphan

  22. widows and orphans

  23. Typeface is an important choice in any visual interface, providing not only a platform for useable, readable, and clear labels and text, but also personality.

  24. personality

  25. personality

  26. “Typography is mostly an act of dividing a limited space.” Willi Baumeister, 1923.

  27. Character spacing (kerning) Word spacing Linespacing (leading)

  28. kerning

  29. kerning

  30. kerning

  31. kerning

  32. kerning

  33. kerning

  34. kerning

  35. Flush left: the vertical alignment may seem irregular, especially when the first letter in each line is a cap. Letters having straight vertical strokes, such as B, E, F, H, I, M, N, P and R, align perfectly, while IRREGULARCAP LETTERSSUCH AS A, C,J, O, T, V, W,AND Y, MUST BE ALIGNED OPTICALLY. kerning

  36. optical letter spacing

  37. optical letter spacing

  38. word spacing

  39. word spacing

  40. word spacing

  41. line length

  42. line length

  43. line length

  44. Announcements: • Pop Quiz next week • Recognize fonts, Lupton, classification p. 42 • Read Sturken, Practices of looking

More Related