The Best Use Of Colour In Web Design

The use of different colours can vastly affect the look and feel of a website. With the right colours, you can convey a certain message, elicit feelings or set a mood. Telling a story through colour can actually be considered a way of subliminal messaging, as often times the person looking at the media is unaware that it is actually the colours paired with the words and images that is making them feel a certain way. Web design utilizes these special powers of colour in everyday websites. In fact, even the whitespace on the page is working towards some goal of taking the website user on a journey. Companies specializing in web design in Toronto, Miami, London and Paris all know these tricks for the best use of colour in web design.

Using colour contrast to paint a picture

Gone are the days of websites with just a handful of one dimensional colours. Nowadays, a website will utilize contrasting colours of different shade and opacity to give a bit more life to the site. Imagine you are online shopping and come across a website with a royal blue background. No different shades, just bright blue with white or black writing on it. It is harsh on the eyes and would most likely make you want to click away immediately, right?

Now imagine that same website for your favourite online shopping site that has a few shades of a lighter, more calming blue, with appropriately placed headers of a different colour and shade, and possibly the logo as a faint watermark in the background. This gives dimension and allows the user to feel more free to click around at their own pace. This is also a way for the background to stay in the background. It sets the stage to showcase the main reason the user is there — to look at the products for sale.

Standing out

Using special hues, saturation or colour combinations can draw the eye to specific texts and images on a webpage. Using white as a contrasting text on a colourful background can really make the words pop off the screen. Another way to really make text legible and noticeable is to use whitespace well.

The whitespace on a webpage is the area that has nothing substantial in it, such as between letters or surrounding chunks of text. This negative space helps with text comprehension and can make the website flow much better from page to page. Whitespace is also used as a visual cue that a new section or area is occurring. With websites that are interactive or very flashy with videos and media as you scroll through, this whitespace becomes invaluable. Grouping videos or images together with less negative space between them gives a clue as to what parts of the page go together.
Website users might not consciously realize the way they are being helped when navigating through a website. The use of colour, whitespace, images and text in a very calculated way allow for a smooth, flawless website every time.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.