visual design c o l o r and typography l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Visual Design: C o l o r and Typography PowerPoint Presentation
Download Presentation
Visual Design: C o l o r and Typography

Loading in 2 Seconds...

play fullscreen
1 / 18

Visual Design: C o l o r and Typography - PowerPoint PPT Presentation


  • 322 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Visual Design: C o l o r and Typography' - Mercy


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
visual design c o l o r and typography
Visual Design:Colorand Typography

Amaris Vigil

I385T

Dr. Turnbull

color and typography
Color and Typography
  • Focus
  • Communication of Information
color basics
Color Basics

Hue - another word for color

Primary hues red, yellow, blue

Saturation – intensity of color

Value – lightness/ brightness added to a hue

white space
White Space?
  • White space a.k.a negative space
  • Direct attention to critical regions

Ex. http://www.girlshop.com

& http://www.cabedge.com

perceptions of color
Perceptions of Color

Cultural Significance

Ex. East India - pale pink - feminine

Japan - pastels - men and women

India – white – death

216 web safe colors http www websitetips com color colourchart html
216 Web “Safe” Colorshttp://www.websitetips.com/color/colourchart.html
color in web pages
Color in Web Pages
  • Links and Navigation

http://www.amazon.com

http://www.basinstreet.net

more typography
More Typography

Categories or Font Classification – ex serif, sans serif, script, fancy

Families – Arial, Arial Black, Arial Narrow

Type Form

Weight WidthPosture

even more typography
Even More Typography

Leading and K e r n i n g

Justification Justification Justification

Line Length

Line Length Line Length Line Length

typography on the web
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
rules for typography carter 2002 p 151 p 161
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.
rules for typography carter 2002 p 151 p 16115
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
color typography
Color + Typography
  • Contrast - most important
    • strong contrasts of hue, value and saturation
  • First Read - overall first impression
    • make or break
resources
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.

resources18
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.