Depiction- Webmaster Resources
Stock Image


Contributors: Advertise Here  |  Advertise Here  |  Advertise Here


Misc Links: Submit Tutorials (Earn $$) l Advertising l Privacy Policy | Site Map

Webmaster Articles > Shades of Success!

 

Discover what various color shades convey for your website.


Color. It is to our eyes what music is to our ears. Those of us blessed with vision can barely imagine a world without color. Colors evoke feelings, and stand to represent ideas, and so, in web design, as in all things designed, knowledgeable and appropriate use of color is critical.

There are many issues of color involved in web design. Besides the psychological aspects of color, one must be sure that the site is easily readable, and that the palette used in background, graphics, links and content work together. And so, we will look at some of the known psychological qualities of color and how colors relate to each other, both online and off with plenty of tips on palette development and web color usage.

Blue is by far the most popular color - conveying peace and tranquility, harmony, trust and confidence. Luckily for web designers striving to use the 216 color palette, there is an overabundance of blues to choose from! Lighter shades of blue, both solid and textured, make excellent backgrounds for web sites which are lighthearted and positive. On the other hand, blue is the worst possible choice when developing sites for food or cooking because there very few blue foods on earth and it is known to be an appetite suppressant!

Blues work well with other pastel and "cool" shades (like greens), and are an excellent compliment to earth tones and neutral colors like gray and beige. But be careful when using orange with blue, because these two colors vibrate against each other and cause a jarring effect.

Beige is a neutral color which suggests practicality and conservatism, and alone, it can be tiresome and plain. But as a background color with graphics which are earthy, like browns and greens, or blue and pink palettes. Beige is a good color to use in the background, as it will allow for maximum readability of content.

Black is generally considered a mournful, heavy and depressing color, but in the right context, can be sophisticated and mysterious. Studies have shown that online reading can be difficult on a black background, but many sites have been done successfully using colors which contrast heavily (white, neon green). Usage of black as a predominant color should always be carefully considered - if you are designing a children's bookstore, black is the worst possible choice, but if the site is a gallery of photography, black might be an excellent choice... after all, black is the preferred backdrop for an artist's work. In addition, a site which is highly technical, or has an underground feel, would work well in black.

Brown is another conservative color, which depicts stability, simplicity, and comfort. It can also be considered a drab color as well, and unless it is used correctly, can be very boring. Successful applications might include sepia toned photographs, as well as designs which use a palette of different shade of brown accented by accent colors like green and blue, or red and orange. In a site which depicts the ideas of hearth and home, or outdoor activities, brown can be a wise choice for graphics.

Green is a color to be used with care, because it generates a strong feeling of either positively or negativity in most people. For some, it is a kind, generous color, which represents loyalty and intelligence. It is often a logical choice for financial sites, and represents fertility, healing and ecology in many cultures. But keep in mind that for many people, it conjures up imagery of envy, reptiles and insects, and bodily functions! You may wish to use green as an accent color only because as a predominant color it has been known to drive people away in product design studies. Whatever you do, if you use green DO NOT closely combine red with green, as these two colors vibrate against each other and make readability nearly impossible, as well as being difficult for the color blind to read.


Article continues on page 2.


 
 

Affiliates

All Graphic Design Photoshop Tutorials
Tutorial Man Wallpaper Stock  More

Resources