1 / 18

Visual Design: C o l o r and Typography

Visual Design: C o l o r and Typography Amaris Vigil I385T Dr. Turnbull It’s Elementary http://pbskids.org/sesame/ Color and Typography Focus Communication of Information Color Basics Hue - another word for color Primary hues red, yellow, blue Saturation – intensity of color

Mercy
Download Presentation

Visual Design: C o l o r and Typography

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. Visual Design:Colorand Typography Amaris Vigil I385T Dr. Turnbull

  2. It’s Elementaryhttp://pbskids.org/sesame/

  3. Color and Typography • Focus • Communication of Information

  4. Color Basics Hue - another word for color Primary hues red, yellow, blue Saturation – intensity of color Value – lightness/ brightness added to a hue

  5. The Color Wheelhttp://www.creativeglazes.com/colorwheel.htm

  6. White Space? • White space a.k.a negative space • Direct attention to critical regions Ex. http://www.girlshop.com & http://www.cabedge.com

  7. Perceptions of Color Cultural Significance Ex. East India - pale pink - feminine Japan - pastels - men and women India – white – death

  8. 216 Web “Safe” Colorshttp://www.websitetips.com/color/colourchart.html

  9. Color in Web Pages • Links and Navigation http://www.amazon.com http://www.basinstreet.net

  10. Typography

  11. More Typography Categories or Font Classification – ex serif, sans serif, script, fancy Families – Arial, Arial Black, Arial Narrow Type Form Weight WidthPosture

  12. Even More Typography Leading and K e r n i n g Justification Justification Justification Line Length Line Length Line Length Line Length

  13. Typography on the Web • Headers, tabs, advertising, links • http://www.wddg.com/v.X.html • http://www.toolband.com/tour/index.html • http://www.ucla.edu

  14. Rules for Typography(Carter, 2002, p.151-p.161) • Be mindful not to use too many different typefaces at any one time. • Text set in all capital letter severely retards reading. Use upper-and lower-case letter for optimum readability. • For optimum readability, use a flush left, ragged right type alignment.

  15. Rules for Typography(Carter, 2002, p.151-p.161) • Clearly indicate paragraphs, but be careful not to upset the integrity and visual consistency of the text. • When working with type and color, ensure that sufficient contrast exists between type and its background

  16. Color + Typography • Contrast - most important • strong contrasts of hue, value and saturation • First Read - overall first impression • make or break

  17. Resources Baxley, Bob. (2003). Making the Web Work: Designing Effective Web Applications. USA. New Riders Publishing. Carter, Rob. (2002). Digital Color and Type. Hong Kong. Printing Express. Holzchlang, Molly. (2003). Integrated Web Design: Building the New Breed of Designer and Developer. USA. New Riders Publishing. Leary, M., Hale, D. & Devigal, A. (1997). Web Designer’s Guide to Typography. Indianapolis, Indiana. Hayden Books. Mullet, Kevin, and Sano, Darrell. (1995). Designing Visual Interfaces: Communication Oriented Techniques. USA. Sun Microsystems.

  18. Resources PBS.org. (2003). Freedom: A history of the U.S. Retrieved on February 18,2003 from the PBS web site: http://www.pbs.org/wnet/historyofus/tools/browser13b.html. Pring, Robert. (2002). www.colour: Effective Use of Colour for Web Page Design. London, U. K. Cassell & Co. Reader’s Digest. (2001). 1,001 Computer Hints and Tips: An A-toZ Guide to Making the Most of Your Computer and the Internet. Pleasantville, New York. Reader’s Digest Association, Inc. Van Duyne, D. K., Landay, J.A., & Hong, J.I. (2002). The Design of Sites. New York, NY. Addison-Wesley.

More Related