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:

This RSS feed URL is deprecated, please update. New URLs can be found in the footers at https://news.google.com/news

Forbes

The Four Web Design Trends Businesses Should Actually Care About
Forbes
Forbes Technology Council Elite CIOs, CTOs & execs offer firsthand insights on tech & business. Opinions expressed by Forbes Contributors are their own. Post written by. Bryant Chou. Bryant Chou is the CTO and Co-Founder of Webflow, a software company ...


Best Web Design Firms Honored with April 2018 Award by 10 Best Design
Benzinga
Every single month for most of the past year, 10 Best Design and its team of top-notch experts have identified firms that could be considered to be the best web design companies in existence. 10 Best Design's team of web design and development experts ...

and more »

Best eCommerce Web Design Firm Awards Announced for April 2018 by 10 Best Design
PR Web (press release)
10 Best Design is pleased to announce the winners of its Best eCommerce Web Design Firm awards for April 2018, with Ruckus Marketing, Blue Fountain Media and Dotcomweavers taking the top honors. Every month, 10 Best Design creates a list of the ...


The Verge

Google teases new Chrome tabs as part of Material Design overhaul
The Verge
Google is working on a Material Design Refresh of its Chrome web browser. The search giant has started testing the Chrome design in the latest Canary developer builds of the web browser, allowing anyone to get an early look at what Google is ...

and more »

A Fresh Web Design – The Best Web Design Company For Businesses In St. Louis
Digital Journal
In today's fast-paced world, the importance of online presence for businesses, regardless of size, cannot be overemphasized. Thus, businesses have to find ways to eliminate the inherent problems rather than avoid web design entirely. A Fresh Web Design ...

and more »

Neowin

Pay What You Want for this Learn to Web Design bundle, includes Photoshop courses
Neowin
Today's highlighted offer comes via our Online Courses section of the Neowin Deals store, where for only a limited time you can Pay What You Want for the Learn to Web Design Bundle. Break into the lucrative world of professional web design with up to ...


BGR

The iconic Gmail web design is getting a complete overhaul
BGR
The winds of change are a-blowin in Gmail's direction. According to Engadget, Google sent out an email to G Suite Administrators, the people who manage and control corporate or group email accounts running on Google's webmail platform. The email is a ...
Gmail is getting a new look — take a peekBusiness Insider
Google is about to launch a Gmail web redesignTechCrunch
New Gmail for web design shown in leaked imagesPhoneDog
Pixel Spot (blog) -The Verge -Mac Rumors -TechCrunch
all 746 news articles »

The Pasadena Star-News

I'm being stalked by web designers
The Pasadena Star-News
It started with the phone calls. The first one came as I was driving to work on Monday. When my phone rang I noticed that the call was from some far away area code, so I chose to ignore it until I arrived at the office. When I did call back a recorded ...

and more »

Clutch Names Designzillas Top Web Design Company in Orlando
PR Newswire (press release)
Celebrating its 11th year of successful web design and marketing projects, Designzillas is a full-service digital creative agency in downtown Orlando, comprised of experienced web designers, developers and marketers. The agency works with clients ...

and more »

The Denver Post

Man accused of taking web designers hostage in Boulder outfitted himself with FBI gear bought online
The Denver Post
Prosecutors allege Shea, angry at employees of the web-design firm Goozmo, went to the company's office disguised as a FBI agent and demanded a $50,000 refund for their work on a yoga-themed website. The website, yogible.com, is still online and ...

and more »
Google News

How To Use Color Effectively When You Create A Web Site

Colors are powerful, and create strong feelings. They can also... Read More

Custom Web Site Design Strategies

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

.htaccess to Mask Errors on Your Website

The .htaccess file is a control file located in your... Read More

5 Ways To Improve Your Website Immediately

If you are reading this, I assume you either have... Read More

Design vs Content: Who is KING?

Well it is not Elvis, that's for sure.I am a... Read More

The Proper Way to Use Images

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

Are You A Bill Clinton Webmaster?

One of the most frequent questions I get asked about... Read More

Tips on How to Design a Great Site

Have you ever walked pass a shop that, for some... Read More

Web Crimes: how to avoid common website design mistakes

Thinking about designing your own website? Think again about adding... Read More

How to Double Your Online Sales Without Spending Another Dime on Advertising

Learning how to convert visitors to your web site into... Read More

Database Driven Website

The solution lies in creating a 'Database driven website', through... Read More

How to Prepare Your Project Before You Order Website Design

Are you serious about get this website done fast and... Read More

Affordable Web Design In Birmingham

If you have a business, big or small you may... 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

What is ASP.NET

ASP.NET is a new programming framework from Microsoft for developing... Read More

Professional Web Design Companies - How to Avoid Getting Ripped Off

Building a website that is exactly what you want and... Read More

Top Ten Absolutely Free Websites for Downloading Cool Fonts

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

E-covers for Your Niche Market

When creating an e-cover the what's the first thought that... Read More

Effective Website Design

In this era of ultra-sophisticated internet marketing and web design,... Read More

Internet Tip of the Week: First Impressions

First impressions are extremely important if you hope to do... Read More

404 Error - The Page Cannot be Found

A "404 Error" happens when the web server you are... Read More

Size Does Matter!

In this article we will be looking at why you... Read More

14 Ways to Add Content to Your Web Site - Part 1

When I surf the Net, I often see web sites... 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

Be Friendly to Search Engines

The object of search engines is to give their visitors... Read More