color n.
Download
Skip this Video
Download Presentation
Color

Loading in 2 Seconds...

play fullscreen
1 / 11

Color - PowerPoint PPT Presentation


  • 205 Views
  • Uploaded on

Color. Color. More & more internet surfers use high quality monitors As a result, color & graphics are becoming increasingly important to Web page design Color use can be a highly subjective. What is Color?. Hue (color) – spectral wavelength composition of a 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 'Color' - rina-guthrie


Download Now 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
color1
Color
  • More & more internet surfers use high quality monitors
    • As a result, color & graphics are becoming increasingly important to Web page design
  • Color use can be a highly subjective
what is color
What is Color?
  • Hue (color) – spectral wavelength composition of a color
  • Value (intensity) – relative lightness or darkness
  • Chroma (Saturation) – purity of a color from gray to the most vivid color
monitors
Monitors
  • A pixel color is a combination of red, blue, and green
  • RGB values typically 0 – 255, which means 2553 possible colors
    • 16,777,216
color harmony
Color Harmony
  • Implies a color scene is neither boring nor chaotic
    • people respond well to the harmonious use of color
    • creates an inner sense of order & visual balance
  • Techniques for color harmony:
    • don’t use too many colors (overwhelming)
      • Use no more than 4 or 5 colors
    • don’t use too few (boring)
    • use proper color contrast
  • Be conservative in your use of color
    • Design for monochrome first
contrast the color wheel
Contrast & the Color Wheel
  • For good contrast:
    • select colors on opposite sides of the color wheel
      • color complement
  • Other contrasts:
    • by saturation
    • cool-warm contrast
color selection
Color Selection
  • Use bright colors to emphasize or draw attention
  • Use contrasting colors to emphasize separation
    • opposite on color wheel
    • different saturation
  • Use similar colors to convey similarity
    • themes for a site
    • near each other on color wheel
  • Warm colors indicate that action is necessary and force attention
    • Red, orange, yellow
  • Cool colors to provide status and sometimes background
    • Green, blue, violet, purple
  • Pastels for background colors
  • Be consistent with other color meanings
    • Yellow – caution
    • Red – stop
    • Green - OK
refocus issues
Refocus Issues
  • Too many colors in a page require refocusing of the eye, resulting in fatigue
  • Proper choice of colors enhance readability, poor choices result in fatigue
    • Pure or saturated colors require more refocusing than unsaturated colors
    • Older surfers have decreased sensitivity to blue
    • A clear image requires differences in brightness between adjacent objects
web page color implications
Web Page Color Implications
  • If different parts of the screen are attended to separately, color the parts differently
  • If screen searching is performed to locate information, color code these items for contrast
  • If a sequence of information is ordered, color code the sequence
    • ROYGBIV
  • If information on a screen is crowded, use color to provide visual groupings
slide11
Text
  • Text in color is not as visible as in B/W
  • Text in color is not as visible as in B/W
  • Maintain legibility of color text by increasing the font size or make bold

Note this font is not bold

Note this font is bold