1 / 11

Color

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

Download Presentation

Color

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

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

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

  4. Electromagnetic Spectrum

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

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

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

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

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

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

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

More Related