Color and Web Design

Color is one of the most important but least understood elements of web design today. Whether they know it or not, visitors to a site respond to colors and other visual elements on the site on a psychological level. Color affects the emotion of the audience, and emotion drives decision-making. An intrigued visitor is more likely to engage in the goal of your site -- whether it is meant to inform, entertain, or to sell products or services. If the colors are unsuitable, the eye will reject the site and your product may be rejected too, no matter how good it is. A well-considered color scheme is frequently the difference between an okay web site and a great web site. It can also make a site unusable if the scheme used is too outrageous and hard on the eye.

Keep it Simple. A color palette that uses three or fewer overall colors contributes to the clarity of a web page. The reader will be able to find information quicker on a simple site versus a complex site that may make them feel frustrated and lost.

Use White Space! This relates to the previous point of keeping it simple. There are a lot of sites with too much information cluttering up the screen. Your audience will have trouble searching for navigation and the information they need amongst a bunch of clutter. White space balances colors, lets the design breathe and can make a large site feel less complex. If a customer is not overwhelmed, they will stay at your site longer.

Be consistent. Color each element (i.e. links, menu items, instructions etc.) the same on each page so that your audience will instinctively know where to look for information.

Know Your Audience Designers need to know who the target audience before choosing a color scheme. Before you begin your design, you should ask yourself what colors the audience would find compelling and right for your product.

Different colors evoke different emotions in different cultures. This is important to keep in mind on the web if your site has an international audience. For example, in China red symbolizes happiness and good luck, in India it symbolizes purity and in South Africa it symbolizes mourning.

To complicate matters further, many colors have both positive and negative associations in the same culture. In North America, for example, black can symbolize death in some instances and formality in others.

Web Designers should also use different colors if their target audience is a specific gender or age. For example, bright, primary colors like red yellow and blue are great for kid's sites, but if you are designing a site for an audience over fifty you may want to use desaturated, softer colors. Younger audiences also tolerate a black or dark background with lighter text better than an older audience.

In general terms, here are the meanings of a few basic colors: Red Energy, strength, passion, risk, fame, love, -top, take notice Blue Wisdom, protection, spiritual inspiration, calm, reassurance, gentleness, water, creativity,-Depth quality; large companies often use it for their logos. Yellow Sun, intelligence, logical imagination, social energy, cooperation, sunshine, joy, happiness, intellect, energy, cheerfulness Green Healing, monetary success, fertility, growth, personal goals, resurrection, renewal, youth, stability, freshness, nature-Plants and environmental awareness Grey Security, reliability, intelligence, dignity, maturity, conservative, practical

Temperatures of Colors Yes, colors have perceived temperatures! The perception of your site will be affected by your choice of warm or cool colors. Cool colors are water and sky colors like blue and purple; warm colors are on the opposite end of the color wheel: red, orange and yellow. The temperature of a color can affect how your message is perceived. Red text for the word SALE will be perceived as more vibrant and urgent than soft purple text.

If you have a calm and reassuring message you want to get across, (i.e. for a spa) color can affect the tone and mood. For this message, soft browns or deep green would be more calming than an orange or red.

The Importance of Contrast Contrast between colors on a web page can help draw attention to certain elements. Contrast between text and its background is a necessity for legibility. Dark text on a white background is more igible than orange text on a red background.

Different elements on your web page (i.e. the menu and body of the page) should also contrast or they will start to blend together. Contrast helps your audience distinguish between the different points on your site and therefore helps them feel less frustrated and gives them a more enjoyable experience when they visit your site.

Color Design Links

· Here is a link to a great primer on the color wheel and how colors combine http://www.colormatters.com

· Colorscemer at http://www.colorschemer.com is a great color tool. It helps you create color schemes, match colors and determine the color used in graphics.

· Colorimpact (http://www.colorimpact.com) a similar tool to colorschemer. Very useful!

Color is a powerful design tool. Strong reactions to color from the audience of a site can assist in such things as brand confidence, sales growth, and readership. The web designer must match the colors they choose to the message and image they want to get across to the web site's customer.

Colleen Happ designs effective and affordable websites and graphics. Her portfolio can be viewed at http://www.happconsulting.com. She offers free one hour consultations to show how an effective website can benefit your business.

---

Web Design for Dictators

No question about it, web design is an art. Finding... Read More

How To Design A Web Site

I'm not a professional web site designer and openly admit... Read More

Why Should You Care About Your Web Site Colors?

**How Colors are Used in web design:**Demarcates screen elements into... Read More

Keep It Simple, Stupid: The Beauty of a Clean Cut Website

Don't knock it; "Keep It Simple, Stupid" is a great... Read More

Top Ten Absolutely Free Websites for Downloading Cool Fonts

The following list of websites is the best compilation of... Read More

Custom Web Site Design Strategies

Web site design has certainly, in the past decade, evolved... Read More

Website Design Info - Part 1

What Will My Site Do?This is the first of eight... Read More

Use Feng Shui Techniques To Design a Harmonic Website For Your Business

By following feng shui guidelines and techniques, you can build... Read More

How To Shop for a Web Design Firm?

While few companies can boast as we do that our... Read More

Ten Design Mistakes to Avoid

Avoid these mistakes and your site will be steps ahead... Read More

Increase Your Credibility With Web Site Awards

Web Site Awards are given from other sites to reward... Read More

Your Website Hurts My Eyes: 7 Reasons to Tone Down Your Advertising

So you're on the computer, as usual. Your eyes are... Read More

The Proper Way to Use Images

Most people will agree there is nothing more annoying than... Read More

Revising Your Site - What Happened To My Search Engine Placement?

As of September, Smartads went through what so many have... Read More

Basic Web Design Principles

Home PageHome page should clearly indicate what the site is... Read More

Website Design: Redecorate Your Web Site To Increase Sales

Getting traffic to your website is not the only factor... Read More

Give Your Web Site a Small Business Marketing Tune Up

Your web site is like your car. Both are significant... Read More

Website Promotion Ideas: 10 Tips On How To Use Your Picture Effectively To Increase Your Sales

Seeing is believing.One trick to increase your visibility as well... Read More

Creating a Favicon

Once, I attempted to create a favicon (the little graphic... Read More

Becoming A Website Designer

The ability to create simple, attractive and functional web pages... Read More

How to Get Your Visitors to Create Content for Your Website

An ongoing challenge for webmasters today is to provide fresh... Read More

Effective Website Design For Massive Traffic

STEP 1:Do your homeworkPlan and think about your content. Think... Read More

Maximising Web Site Viewability - Resolution

This is my second article on maximising web site viewability.... Read More

Learn the Truth about Your Web Design Company by Its Portfolio

When you start building your online business and search for... Read More

Building a One-page Website

You've designed your logo, and you're ready to print your... Read More

Flash Doesnt Always Add Shine to Web Efforts

The trend today to overuse animation in a website's opening... Read More

Marketing Basics for the Webmaster

What is the relationship between Marketing and Web designing? How... Read More

Website Creativity: Why It Matters Now More than Ever

If one more business owner tells me their website sucks... Read More

How to Create A Homepage That Works

Want to know what the worst thing to say on... Read More

Choosing the Right Web Designer

Creating your web site can be a tricky process. Choosing... Read More

The Top 8 Website Sins Part Two

Sin #5Poor Spelling And GrammarWe all make mistakes when we... Read More

Color and Web Design

Color is one of the most important but least understood... Read More

Making Good Websites that Stand Out

Websites, there's literally billions of them out there in cyber-space.... Read More