UNIT 1 > MODULE 2

Lesson 2: Selecting a Color Scheme

Overview

The purpose of this lesson is to apply knowledge learned in Lesson 1 toward color selection for a website.

Learner Outcomes

At the completion of this exercise:

• you will have a better understanding of effective use of color on the web
• you will be aware of some excellent color-related resources

Activities

1. Color theory consists of some very basic principals. Once you know these principals, working with colors will be demistified. The basic color principals are listed below, along with web sites for you to investigate. Visit the sites and read the information carefully because you will be expected to apply the concepts by the end of this lesson.
   • primary, secondary and tertiary colors
     About.com Color Wheel and Color Theory
     or
     ColorMatters.com Color Theory
   • monochromatic, complimentary, triadic (color triads), analogous color schemes
     Color-Wheel-Pro.com Color Theory Basics
     or
     ColorMatters.com Color Theory
     or
     Worqx.com Color Combinations
   • contrast
     Worqx.com Color & Contrast
2. The colors you select for a site should be suitable to the site's purpose. Also, your client may have an image or reputation she or he wishes to project. Appropriately chosen color schemes can support the site's overall purpose and reinforce a desireable image. From the list below choose one of these fictitious clients. Consider the image or reputation the client wants to promote as well as their purpose (to welcome/ introduce, to sell, to gain customer confidence, to inform, etc.) Use the Color Scheme Generator 2 to pick an entire color scheme for one client.
   • kindergarten teacher
   • medical clinic
   • lanscape architect
   • bank
3. Either write or word process the list of colors you chose. Be sure to list the following:
   • text color
   • background color
   • main color in the banner and other key images
   • navigation color
4. Also state what type of color scheme you chose (monochromatic, analogous, etc.) and why you felt it was appropriate for that client. Have your instructor review your list of colors and your choice and rational for choosing the color scheme.
   

Resources/Online Documents

• WellStyled.com: Color Scheme Generator 2 (Interactive tool for selecting color schemes)
• Visibone Webmaster's Color Lab

All done?

Have your instructor review your list of colors and your choice and rational for choosing the color scheme.

Copyright © 2006 by University of Washington. Permission is granted to copy these materials for educational, noncommercial purposes provided the source is acknowledged. This product was funded by the National Institute on Disability and Rehabilitation Research of the U.S. Department of Education (grant #H133D010306). However, the contents do not necessarily represent the policy of the Department of Education, and you should not assume their endorsement.