logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA


dailyclick
All times in EST

Full Schedule
g
g Web Design Site

BellaOnline's Web Design Editor

g

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 Del.icio.us 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


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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


g features
Creating Image Links and Image Maps

Using Website Templates

CSS Design Layouts

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor