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.

In The News:


Leading London Web Design Firms Applauded for March 2017 by ...
Benzinga
10 Best Design is an awards organization that collects data on the best performing web design firms each month, and then looks at a variety of other metrics ...
Top Design Firms Announces Top Web Design Firm - Blue Fountain ...MENAFN.COM

all 2 news articles »

What Business Owners Need to Know About Web Design
Business 2 Community
Whilst the design of your website is not the only thing that can affect a user's experience, it certainly does control a number of usability factors. So, here's a breakdown of what business owners need to know about web design, to ensure their website ...


Leading Denver Web Design Firms Ranked by 10 Best Design for the Month of March
PR Web (press release)
10 Best Design, the awards organization that routinely selects the best web design firm each month, has recently announced their completed picks for March 2017. After reviewing the firms for this month, they selected the winners based on their ...

and more »

18F releases open-source web design guidelines, code library
Federal Times
18F, the General Services Administration's tech incubator, has announced the release of the U.S. Web Design Standards — easy-to-implement, open source code to allow government developers to quickly create or update websites. Version 1.0 of the library ...


Co.Design (blog)

Adobe Is Building An AI To Automate Web Design. Should You Worry?
Co.Design (blog)
In the case of web design and graphic design, machine learning helps automate tedious and boring tasks. The vast majority of graphic designers don't have to worry about algorithms stealing their jobs anytime soon because, while machine learning is ...


Business 2 Community

Brilliant SEO Tips & Tricks That Every Awesome Web Design Firm Knows
Business 2 Community
While SEO hasn't diminished in importance over the years, its role in web design continues to evolve. Even if your SEO strategy is just a year or two old, you're behind the times. To catch up, work with your web design firm to implement updated SEO ...


Yahoo Finance

Best Web Design Company Awards for March Issued by Top Digital ...
Yahoo Finance
Top Digital Agency is Pleased to Announce the Winners of its Best Web Design Company Awards for March 2017, with MAXBURST Inc. Taking the Top Honor ...

and more »

Best San Diego Web Design Firm Awards Presented for March 2017 ...
Benzinga
10 Best Design has recently announced their selections for the best web design firm in San Diego for March 2017. As always, they use a variety of data tools ...

and more »

CIO

12 ways bad web design can hurt your online business | CIO
CIO
Experts in web design and SEO discuss some of the most common – and problematic – mistakes businesses make when creating web or ecommerce sites and ...

and more »

Business.com

Building Persuasive Strategy Into Your Small Business Web Design
Business.com
Web design is one of the most effective marketing tools for a small online business. Answer these design questions to power your site goals. Web design is your silent, yet most powerful, marketing tool. For a small business, web design can be your best ...

Google News

Simple Lines and Shapes for Your Logo Design

Geometric designs come in all shapes and sizes? and lines.... Read More

Be Inspired to Create Better Websites

Being a writer, when I was asked to do some... Read More

Flash Web Design - The Wave of the Future?

There are two camps when it comes to flash web... Read More

The Contrast And Similarities Between A Web Designer And Web Programmer

The concept of web designing based on the nature and... Read More

Has Your Design Firm Run Amuck With Your Web Site?

What's happening to good web site design? Somehow we creative... Read More

Your Website Visitors - Will They Stay?

I'm sure you've all heard the saying 'Build it and... Read More

How To Make It Easy For Your Web Designer To Build Your Website

You have an idea for a website and you are... Read More

Fast Web Design For The Skint Webmaster

About two years ago, I had a go at commercial... Read More

Why Use Professional Web Site Designers For Your Next Web Development Project?

Probably you know someone who has created a web site... Read More

Mini Site or Content-based Web Site?

Are you in a dilemma whether to create a mini... Read More

Web Design Advice And Information

Most of us at times need advice on different aspects... Read More

Dont Lose The Sale In The Internets Last Three Feet

In retailing there is a saying that sales are made... Read More

Website Design: Secrets Of Professional Website Designers Revealed

What colors do you have at your website?Can they make... Read More

Website Design Mishaps - How to Avoid Costly Errors That Can Crush Your Chances of Success

Designing your website can be a difficult task especially if... Read More

Keep Your Navigation Simple!

Navigation must be simple. Since it's the backbone of your... Read More

Five Common Web Design Mistakes

There are often many mistakes encountered when creating a webpage... Read More

Low Cost Web Design In Birmingham

There are many companies who build websites, all of which... Read More

Branding Web Strategy Mistakes - Brand Identity Guru

1. Lack of overall strategy and clear definition of success:Most... Read More

The Top Ten Checklist For Low Web Site Sales

You have good traffic, but low client sign ups and... Read More

How to Choose Web Design Company?

Before deciding on which web design company to choose, you... Read More

Top Ten Absolutely Free Websites for Downloading Cool Fonts

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

Increase Sales on Your Website! Use Graphics!

How many times have you clicked on a website only... Read More

6 Reasons Why Using Flash is a BIG Mistake

Most web designers and web design companies will try to... Read More

Web Publishing Guide for the Beginning Entrepreneur (Part 1)

The best things don't come easy. - QuotedThe finished web... Read More

Make Artistic Graphic Designs

Are you a student of graphic design? If you have... Read More