Posts Tagged ‘Colorful’

Making a Colorful and Successful Website

Written by Ival on March 17th, 2012. Posted in Website Design

Designing a perfect website requires the designer’s judicious use of color. They affect our mood and decision-making abilities. More often than not, website colors are determined by the product or service it offers. For example, a fashion website may have bright and lurid shades that grab the intended audience. A hospital’s website is of mostly sober tints exuding serenity and a certain amount of gravitas.

Colors as perceived by humans are nothing but an interpretation of electromagnetic radiation of wavelengths within the visible spectrum. The human eye can distinguish wavelengths between 400 and 700 nanometers. Different colors are actually different wavelengths. Seven colors- Red, orange, yellow, green, blue, indigo and violet make up the color spectrum. For example, Red has the spectrum wavelength between 650-800 nanometers; blue is in the 460-480 nanometer wavelengths. A good website design professional is aware of appropriate usage during the web design process.

Knowledge about the color wheel is essential when doing website design. The wheel is the color spectrum twisted around so that the red and violet ends are joined. The importance of the wheel lies in understanding how the shades are related to each other. It also gives a fair idea of creating new colors by mixing two or more.

In the color wheel, red, green and blue are referred to as the primary ones. All others are created by mixing these three primaries. In the print industry, however, the primaries are cyan, magenta and yellow. There are two systems: additive and subtractive. In the additive system, if all three colors-red, green and blue are present in equal proportion, then white is obtained. In the subtractive system, equal proportions of cyan, magenta and yellow produce black. For web design usage, we will continue only with the additive color system.

When you mix two neighboring primaries, you get a secondary. For example, if you mix red and green, yellow is seen. Red and blue are mixed to create magenta. Tertiary colors are positioned between the primary and secondary.

A web design professional should be well versed in color terms. Without such knowledge, website design would be an eyesore and worse, a commercial failure. We will now learn about some basic terms.

Hue can be termed as equivalents to color. Red and blue are hues that match to specific wavelengths in the spectrum. The brightness is measured by its value. Brighter colors have higher values. Tint and shade are terms used to describe the variation of a color from its original hue. The lighter version obtained by adding white is termed as tint. If black is added, the darker version is termed as shade. The intensity is called saturation. It is the difference from pure grey. Saturation is visually described as the pale or strong characteristics of a color.

A good website design professional adept in web design must be an expert in combining colors to impart the aesthetic effect. Too many will pain the visitor’s eyes. Too less may make the website appear uninteresting.

James Blatt is the author of this article. He is a website designer and is expert in web design. His weekends are spent camping and mountain biking. He lives in Sydney, Australia.