Upcoming SlideShare
Loading in...5

Like this? Share it with your network








Total Views
Views on SlideShare
Embed Views



2 Embeds 7 5 2



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Color&Type Presentation Transcript

  • 1. COLOR & TYPOGRAPHY SARAH FUNK COM 585 2008.2.26
  • 2. WHAT IS TYPOGRAPHY? This video explains the basics.
  • 3. Visual interfaces should:
    • Use visual properties to group elements and create a clear hierarchy
    • Provide visual structure and flow at each level of organization
    • Use cohesive, consistent and contextually appropriate imagery
    • Integrate style and function comprehensively and purposefully
    • Avoid noise and clutter
  • 4. Rousseau’s steps for successful design
    • Noticed
    • Encoded [decoded]
    • Comprehended
    • Complied with by user
  • 5. Color contrast vs. type size
    • “ A message in 4.5 point type with black on white contrast was more easily read than the same message printed in 6 point type with yellow on red contrast. These results indicate that color contrast can have a greater impact on legibility than type size. ” - From an experiment conducted at the Michigan State University School of Packaging ( Lockhart & Bix , 1997 ).
  • 6. Hello. Can you read me?
  • 7. This is a lot harder to read. Hello. Can you read me?
  • 8. Sans serifs vs. serifs
  • 9. Sans-serifs
    • "Sans serif type is free of visual distractions" ( Garcia, 1981 )
    • “ A crisp sans-serif font such as Verdana or Tahoma is your best best for readability” (Cooper 2007)
  • 10. Serifs
    • “ [Serifs] contribute effectively to the horizontal movement of the reading eye and thus help in combining separate letters into word-wholes" ( Perles , 1977 )
    • “ Letters with serifs are more easily differentiated by readers than letters without serifs” (Bix, 2002)
    • “ Serif type is a lot easier to read than sans serif type” (Greenzweig, 2006)
  • 11. Typography + Images
    • “ Formerly, the image illustrated the text (made it clearer); today, the text loads the image, burdening it with a culture, a moral, an imagination” ( Meggs 41)
    • “ The wrong text with a particular image, or the wrong image with a particular text can have disastrous consequences in the meaning and clarity of the information.” (Greenzweig, 2006)
  • 12. Visual noise & clutter
    • “ Visual noise within an interface is caused by superfluous visual elements that distract from the primary objective of directly communicating software function and behavior”
    • “ Cluttered interfaces attempt to provide an excess of functionality in a constrained space”
    FROM COOPER: Example >> Microsoft packaging
  • 13. Bonus article David, C. & Richards, A. (2005). Decorative Color as a Rhetorical Enhancement on the World Wide Web. Technical Communication Quarterly. 14(1) 31-48. Our reaction to color in art, design and our general surroundings can be described as emotional, rhetorical and psychological. Modern computer monitors are able to display 16 million colors along with the seemingly never-ending supply of information provided through the internet. Designers are using established color theory to elicit emotion-laden reactions from the electronic media audience. The article's accompanying website.
  • 14. -FIN- SARAH FUNK COM 585 2008.2.26