Workshop 8: Colour Theory

29/03/17 – Colour Theory

Website Dev

Warm Colour Scheme

Website Dev_cold

Cool Colour Scheme

Website Dev_Triad

Triadic Colour Scheme

Above are three examples of the design taken from last weeks workshop with a unique colour scheme applied. These were all created and edited in Photoshop.

The three colour schemes chosen are Warm, Cool, and Triadic.

Warm emphasises on reds, yellows and oranges and are also known as advancing colours. These replicate the colours of the sun and fire, instantly reminding the viewer of warmth and comfort.

Cool emphasises on blues, greens and violets and are also known as receding colours. These replicate the colours of winter, snow, water and rain, reminding the viewer of the cold and cool.

Triadic emphasises on opposite / evenly spaced colours in the colour wheel. In this case, purple, green and orange. It creates a very vibrant final design where ideally one colour is used as a main, with additional colours used sparingly.

There are several other colour schemes, including;

Complimentary,
Split-complimentary,
Rectangle,
Analogous,
Monochromatic,
Primary,
Secondary
Hue,
Tint,
Intermediate,
and Shade

color-wheel1

Image representing each individual colour theory

 

 

color-theory-infographic

The principles of colour theory

Reflection

Out of the three, I believe the warm colour scheme is the most ideal for the dating website, as comfort and warmth is a perfect message to receive upon visiting the site.  The matching shades of red with varying opacities give the site a more professional and considered appearance, alongside matching the faded light grey background image, really bringing the site together.

The cold colour scheme, though nice, gives the opposite effect, and does not resonate with love or dating. The cool blue has been used in dating sites, such as match.com, but I feel the warm reds fit the nature of the site.

Triadic is in my opinion is too harsh on the eyes when combined with the images and advertisements, thus loosing the professional look. This could be solved with increasing opacities on the stronger colours to tone down the appearance, however this option is still far too contrasting with the idea of the site.

e3f82b55712901ae62a7bbf2f1a3ecc3

Imaging showing the various shades under each colour group

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s