Lesson 1: Color Theory in Web Design

Overview:

The purpose of this assignment is to gain a general understanding of the concepts of color use in effective web design.

Activities

1. View the online slide presentation on Color Theory in Web Design
2. Individually, using markers and other color art supplies, design full color rough sketches on paper of two web sites, modelling them after the example sites and basing them on two of the following four color schemes:
   • Monogamous
   • Complimentary
   • Triadic
   • Analogous

   When finished sketching the two page designs, have them checked by the instructor.

3. Now using what you know of HTML coding for background colors, text colors and images, create two pages following your design schemes as close as possible. The pages should be labelled with the color scheme you were using, but otherwise the subject matter is up to you. Link these pages to the personal page you began in Unit 2.

Resources/Online documents

• Pick an entire color scheme with this interactive tool at WellStyled.com
• Experiment with color combinations at this interactive web site: Mundi Design Studios
• Color theory at About.com
• Explore the web site Color, Contrast & Dimension in News Design ...although this site focusses on print news media it is very useful to help understand the effects and uses of color theory in design.
  

All done?

Show your instructor your completed pages attached as links to your personal page.