g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Natural Living
Folklore and Mythology
Distance Learning

All times in EST

Full Schedule
g Web Design Site

BellaOnline's Web Design Editor


Effective Use of Color

Guest Author - Christin Sander

Color usage is an extremely important element in web design. Color can pull a design together and help guide the eyes to key elements on a web page. Color can also be used to effectively induce different emotional responses with your visitors. Proper color usage can help with usability and enhance the overall experience when used properly. Every great website will make effective use of color schemes and on the other side, nearly every bad design features ineffective color usage.

Color isn't only important for visual reasons, it often becomes a part of your overall business image due to the subconscious effects it has on individuals. For that reason, it's always important to consider the various meanings of colors on a cultural, emotional, and aesthetic level. When choosing a color scheme consider the following color meanings:

White: cleanliness, purity, neutrality
Black: darkness, elegance, emotional depth
Blue: serenity, sadness, peaceful, cleanliness, precision, appetite supressant
Gold: warmth, knowledge, wealth, prosperity, wisdom
Purple: Royalty, spirituality, mystery, wisdom
Brown: Earthiness, wholesome, stability, conventional
Green: nature, growth, freshness, money
Yellow: sunshine, enthusiasm, optimism, caution
Red: passion, anger, danger, high energy, power, determination, sex, stimulant
Orange: passion, enthusiasm, caution/danger, happiness, creativity, stimulant

Notice how some of the colors here have some contradictions? It's all in the context of how they are used with your message and the other colors that are combined with them. Also, keep in mind cultural differences when using color. For example, red in India is a color associated with weddings and marriage and white in many cultures is associated with death.

Things to Avoid

Always avoid excessive use of orange, yellow, and red. These colors are the most tiring for the eyes to view and may be off putting. Don't us a brightly colored flashing text to get a readers attention, it is annoying and will typically result in people clicking away rather than reading your content. Instead make nice use of contrasting color/background that is different from the main content, but still complements it. This doesn't mean one can't or shouldn't use red at all, but consider the context of your website.

Avoid boring color schemes. Overdoing a white background can quickly move from “crisp and clean” to very ordinary and boring. Add a bit of texture or ensure you use other colors that contrast and blend well.

Don't be afraid of color! Use a good color pallet should blend at least 3, but not usually more than 5 colors. Ensure you make good use of the color wheel! Use a blend of complementary and contrasting colors. Use websites like Kuler to help you test a variety of color combinations. You can create your own pallets and view and use other users pallets as well.
This site needs an editor - click to learn more!

Add Effective+Use+of+Color to Twitter Add Effective+Use+of+Color to Facebook Add Effective+Use+of+Color to MySpace Add Effective+Use+of+Color to Digg Effective+Use+of+Color Add Effective+Use+of+Color to Yahoo My Web Add Effective+Use+of+Color to Google Bookmarks Add Effective+Use+of+Color to Stumbleupon Add Effective+Use+of+Color to Reddit

RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Web Design Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2018 by Christin Sander. All rights reserved.
This content was written by Christin Sander. If you wish to use this content in any manner, you need written permission. Contact BellaOnline Administration for details.


g features
Creating Image Links and Image Maps

Using Website Templates

CSS Design Layouts

Archives | Site Map


Past Issues

Note: BellaOnline uses cookies to help provide a consistent user experience. Our advertisers may use cookies to help customize ads. Please contact us with any question about our cookie use.

Summertime Foods
Corn on the Cob
Burgers on the Grill
Apple Pie


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2018 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor