Color in Web Design

March 6, 2009 § Leave a comment

Color is a powerful element in web design. Color theory is a collection of principles to create harmonious color cobinations or color schemes.

Monochromatic color schemes = variations in lightness and saturation of a single color

Analogous color schemes = colors that are adjacent to each other on the color wheel

Classic color schemes:

  • complimentary
  • split-complimentary
  • triadic
  • tetradic

Red
– is emotionally intense color
– is associated with danger
– stimulates us to make quick decisions
– is highly visible
– is perfect color for “buy now” and “add-to-cart” buttons

Orange
– is highly visible color but less aggressive than red
– is ideal for calling attention to or highlighting the most important elements of a design without causing stress

Yellow
– produces a warming effect
– arouses cheerfulness
– stimulates mental activity
– generates muscle energy
– evokes pleasant, uplifting feelings
– is ideal for promoting children’s products or items related to leisure
– uses it carefully as it also represents caution

Green
– is color of nature
– symbolizes growth, harmony, and fertility
– is the most restful color for the human eye
– suggests stability and endurance
– is perfect fit for finance-related design
– is used to indicate safety
– is ideal for medical-related design

Blue
– is associated with stability
– symbolizes trust, wisdom and confidence
– produces a calming effect
– is used to promote products and services related to cleanliness
– is accepted more by males than females
– is preferred color for corporate America

Black
– delivers a negative connotation
– delivers a feeling of perspective and depth
– delivers strength and authority
– when combining with intense colors like red, it remains aggressive and unique for risk-taking effect

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

What’s this?

You are currently reading Color in Web Design at Web Builders.

meta

%d bloggers like this: