Deprecated: mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead in /home/a26f9f83/public_html/articles/includes/config.php on line 159
Color and Web Design > NetSparsh - Viral Content you Love & Share

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:


Quartz

I planned a stress-free bachelorette party using a key principle of web design
Quartz
The stress of planning and executing a bachelorette party is an American rite of passage—satirized in The New Yorker and movies like Bridesmaids and Bachelorette. People say yes to extravagant getaways when they want to say no. The plan gets ...


Syrian Immigrant Teaches Free Web Design Classes for Refugees
GlobeNewswire (press release)
TORONTO, Oct. 19, 2017 (GLOBE NEWSWIRE) -- Today Rosaline Digital Marketing is hosting a web design training programme for refugees and new ...

and more »

10 Principles Of Great Music Web Design
hypebot.com
1 When it comes to cultivating a professional online presence from which to market your music, a well designed website is absolutely essential. Here we look at some key principles to keep in mind when putting together a website for your band or artist.


TG Daily (blog)

How Has Web Designing Improved Over The Years?
TG Daily (blog)
Web designing was once very complicated as it involved HTML and other such coding. One needed tonnes of experience and education to be able to create a website and get it online. It was a laborious task and a website took days before it went live.


TNW

How visual web development can change the landscape of web ...
TNW
Web design has been changing constantly since its big boom in the mid 1990's when JavaScript hit the scene to provide more dynamic, engaging websites.
A Fresh Web Design Offering Customized and Affordable Web ...Digital Journal

all 2 news articles »

HuffPost

3 Web Design Mistakes That Lead To Millions In Lost Revenue
HuffPost
Let's look at some facts, 94% of users cited that unattractive web designs are the main reason they'll reject a site altogether and 48% consider it to be the number one factor of determining a business's credibility. Additionally, 40% of users will ...


TNW

InVision takes on Sketch and Adobe XD with its new Studio design ...
TNW
With its new Studio app that runs on both Mac and Windows, InVision hopes to take the fight to popular design software like Sketch and Adobe XD.

and more »

Kykernel.com

Web designer stresses importance of customer experience
Kykernel.com
The customer is always right, especially in web design. Communication technology majors were treated to a presentation from an experienced web designer on Thursday evening in the William T. Young Library Auditorium. UK hosted Austin Knight, senior ...


TuiSpace Inc., a Houston-based website design company, won the coveted title, “Best Web Designers in Houston, 2017
PR Web (press release)
TuiSpace Inc., a Houston-based website design company, won the coveted title, “Best Web Designers in Houston, 2017” by Expertise. TuiSpace was chosen out of 485 companies and three rounds of competitive selection for having the best web design in ...


ACI Simplifies Digital Banking with New Responsive Web Design, Powered by Industry's Most Extensive API Library
GlobeNewswire (press release)
NAPLES, FLA, Oct. 17, 2017 (GLOBE NEWSWIRE) -- ACI Worldwide (NASDAQ: ACIW), a leading global provider of real-time electronic payment and banking solutions, today announced the next generation of its flagship enterprise digital banking solution, ...

and more »
Google News

What to Avoid to Make Your Website Design Effective

The effective design is this one, which is maximum simplified,... Read More

Will You Site be a BIG SUCCESS. 7 Reasons Why It Might Not!

With so many new websites going up, it is hard... Read More

Text Is King!

Are you building your website? If so, STOP! Take a... Read More

3 Tips You Can Use Right Now to Improve Your Web Sites Usability

Studies done by Jakob Nielson the man touted as the,... Read More

Building An Effective Furniture Sales Web Site

Web sites that feature products ? especially furniture or other... Read More

Is Your Site Too Slow? Why Image Optimization Is Critical

Graphics are fun, but if you put in too many... Read More

Lead Capture Pages Explode Your Direct Sales Business Online!

Are you building a direct sales or mlm business online?... Read More

To Flash, or Not to Flash

When considering whether or not to incorporate Flash into your... Read More

Love at First Site: Giving Your Website Visitors the right Impression

Think of the people who visit your site as blind... Read More

Web Design Advice And Information

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

How Do You Make A Website?

No, that's not the real question. The real question is... Read More

Website Basics

The Basics You have a flourishing business ? everything is... Read More

The Monster Garage of eLearning

Have you seen Jesse James on the... Read More

How to Build Your Own Website - More Steps

To build a website, there are four methods to choose... Read More

Design Matters in our Visual Culture

FIRST IMPRESSIONS. First impressions often leave lasting impressions. Impressions... Read More

Website Sales: 10 Strategic Tips To Maximize Your Profits

If you've a website but not making a lot of... Read More

The Next Marketing Tool: Deisgn

Design sells. It's something that all of us know, but... Read More

Are Web Templates Worth It?

First off, I am a designer. Now you're thinking, here's... Read More

Website Design: 10 Smart Tips To Improve Your Ad Copy

Your website design may be affecting your sales in ways... Read More

Quality Web Copy is the Key to Success

Many websites make the mistake of being all flash and... Read More

My Top Ten List Of Extremely Annoying Web Page Design Elements!

Easy navigation and usability are one of the most important... Read More

10 seconds is all it takes? (How to grab the attention of your audience with your web site)

FACT: 30 to 60% of visitors tend to drop off... Read More

When You Create A Web Site, Dont Make A Splash!

Don't make a splash!Are you thinking about using a splash... Read More

3 Tips For Writing Content That Will Make You Sales

Content is king. Without content your website is an empty... Read More

You Need RSS, Atom, and ROR/RDF Codes on Your Website--Now You Need Google Sitemap as Well!

Do you have a website? If so, you need an... Read More