Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Class 5 Type


Published on

Class 5 Powerpoint

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

Class 5 Type

  1. 1. Way of communicating visual image
  2. 2. Font <ul><li>Size, weight, and width of a typeface </li></ul><ul><li>Garamond Roman 12pt is a font </li></ul>
  3. 3. Letterform <ul><li>Each Distinct part of a letter has its own name and formatting </li></ul><ul><li>Page 67, GD School book </li></ul>
  4. 4. Dingbat <ul><li>Decorative font </li></ul>
  5. 5. Parts of Letterforms <ul><li>Baseline: Very bottom line where most text lies </li></ul><ul><li>Example </li></ul>
  6. 6. Parts of Letterforms <ul><li>Ascender: Part of font that is above x-height(where bulk of font is) </li></ul><ul><li>Example </li></ul><ul><li>Top of E and l have an ascender </li></ul>
  7. 7. Parts of Letterforms <ul><li>Descender: Part of font that is below x-height(where bulk of font is) </li></ul><ul><li>Example </li></ul><ul><li>Bottom of p has a descender </li></ul>
  8. 8. Parts of Letterforms <ul><li>Counter: Part of font that makes a closed shape, forms loop downward </li></ul><ul><li>bd </li></ul><ul><li>The round closed part of these letters </li></ul>
  9. 9. Parts of Letterforms <ul><li>Bowl: Part of font that makes a closed shape, forms circle </li></ul><ul><li>g </li></ul><ul><li>The circle closed part in g </li></ul>
  10. 10. Parts of Letterforms <ul><li>X-height: Part of font that most of letters lie. Middle between ascender and descender </li></ul><ul><li>Example </li></ul><ul><li>xame are good examples, all letters in x-height </li></ul>
  11. 11. Parts of Letterforms <ul><li>Weight: How heavy or light a font feels </li></ul><ul><li>Example: Bold Regular </li></ul><ul><li>More examples: light, extra light, semi-bold, heavy, black </li></ul>
  12. 12. Parts of Letterforms <ul><li>Kerning: Space in-between letters </li></ul>
  13. 13. Parts of Letterforms <ul><li>Leading: Space between lines </li></ul>
  14. 14. Legibility and Readability <ul><li>Legibility: If words can be deciphered </li></ul><ul><li>Readability: How easy it is to glance and read type </li></ul>
  15. 15. Serif or Roman <ul><li>Serif or Roman: Little feet on the end of each stroke </li></ul>
  16. 16. Sans Serif <ul><li>No serifs: No serifs to lead eye from word to work: good on websites </li></ul>
  17. 17. Script or Fancy <ul><li>Evolved from handwritten manuscripts. Difficult to read – flourishes, not for body copy </li></ul>
  18. 18. Type Associations <ul><li>What do you need to consider when choosing typeface? </li></ul><ul><li>Headline </li></ul><ul><li>Body Copy </li></ul><ul><li>Caption </li></ul><ul><li>Audience </li></ul>
  19. 19. Type Associations <ul><li>Type size, leading, kerning </li></ul><ul><li># of characters and line length </li></ul><ul><li>Font selection: serif, etc. </li></ul><ul><li>Typeface selection </li></ul>
  20. 20. Type reading assignment: <ul><li>GD School: typography: 62-91 </li></ul><ul><li>Photoshop: Type: pg. 248-259 </li></ul><ul><li>Assignment: Go to virtual library. Look up periodical about typography. Copy author, name of article, page #, Name of publication. Copy 1 st paragraph, print with your name, library assign. 1 and attach to writing assignment. </li></ul>
  21. 21. Reading for next lecture: <ul><li>GD School: Research and concepts: 26-33 </li></ul><ul><li>GD School: Composition: 54-61 </li></ul><ul><li>Writing Assignment 5 (pass out) </li></ul>
  22. 22. Due next class: <ul><li>Readings: Type </li></ul><ul><li>Readings: Composition </li></ul><ul><li>Writing Assignment 5 </li></ul><ul><li>Library Assignment </li></ul><ul><li>Project 2: Travel flyer </li></ul><ul><li>Quiz (review beginning of next class) </li></ul>
  23. 23. Next Class Preview: <ul><li>Concepts to Visual </li></ul><ul><li>thumbnails </li></ul><ul><li>Roughs </li></ul><ul><li>Layout </li></ul><ul><li>Production </li></ul>