Ipt655 Wk4 Type and Color

648 views
556 views

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
648
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Ipt655 Wk4 Type and Color

  1. 1. Introductions<br />Balance<br />C.R.A.P. Design<br /><ul><li> Type & Color</li></ul>Information Hierarchy<br />Microsoft Word<br />Adobe InDesign I<br />Adobe InDesign II<br />Adobe Photoshop<br />Microsoft PowerPoint<br />Quantitative Information<br />Qualitative Information<br />Abstractions<br />Persuasion<br />IPT 655 Visual Instructional Design<br />Garamond, Zurich and ochre, oh my!<br />
  2. 2. “Desperate Housewives essentially functions as a kind of cognitive heat sink, dissipating thinking that might otherwise have built up and caused society to overheat.”<br />Discussion<br /><ul><li> Do you think the internet has been as significant as the printing press?
  3. 3. If it has, what does it mean for our role?</li></li></ul><li>critique<br />
  4. 4. They’re NOTFONTS!<br />
  5. 5. Typeface = set of letterforms and glyphs in a certain style<br />Example: Arial<br />Font = set of letterforms and glyphs from a typeface in a particular weight and size<br />Example: Arial Bold 12pt<br />Typography<br />
  6. 6. Typographic Anatomy<br />
  7. 7. Typographic Anatomy<br />
  8. 8. Serif / San Serif / Script<br />Most readable (print) = serif<br />Most readable (electronic) = san serif<br />Typographic Taxonomy<br />
  9. 9. Display / Body<br />Display = NO MORE than 5 lines!<br />Display = good for<br />Headlines<br />Captions<br />Pull-quotes<br />Body = block paragraphs<br />Typographic Taxonomy<br />
  10. 10. Color<br />Hue : position on the color wheel<br />Primary<br />Secondary<br />Tertiary<br />
  11. 11. Color<br />Value : lightness/darkness<br />Tint – lighter than pure hue<br />Shade – darker than pure hue<br />
  12. 12. Color<br />Saturation : intensity of color<br />High saturation – “vibrant” “bright”<br />Low saturation – “neutral” “muted”<br />
  13. 13. Color<br />Monochrome<br />Uses only tints and shades of a single hue<br />Examples: “black and white” “sepia”<br />
  14. 14. Color<br />Analogous<br />Adjacent hues on the color wheel<br />“Same family”<br />
  15. 15. Color<br />Complimentary<br />Red/Green<br />Blue/Orange<br />Yellow/Violet<br />
  16. 16. Color Relationships<br />Relative to the “PURE”<br />Hue<br />Saturation<br />Value<br />Relative to OTHER COLORS<br />Monochrome<br />Analogous<br />Complimentary<br />Accent<br />
  17. 17. Exercise<br />
  18. 18. <ul><li>Read Bonnet, “The Hero’s Journey”
  19. 19. Select typefaces to match each of the adjectives listed. Create color schemes (using paint chips) for at least 5 different adjectives.</li></ul>Assignment<br />

×