The BarbLog

Design, front-end dev and other random thoughts

colours

All of the posts under the "colours" tag.

Colour schemes, Part 2: The Good

Now let’s heal our poor eyes by looking at some nice colours. A good colour scheme can be many things I think; if a site is properly legible with correct contrast ratios and colours adhering to colour theory, we can say it has a good (i.e. successful) colour scheme from a functional point of view. But I like to go beyond that and when I think of nice colours I think of something harmonious that pulls the whole site together and gives it personality – so things like news websites, Facebook and the like are out, because their colour schemes are purely functional as far as I can see, not particularly pretty. Whereas the below have both in my opinion:

1. www.cottoncandyweddings.co.uk

www.cottoncandyweddings.co.uk

This is just so so pretty. I love it. It’s just how a wedding photography site should look, with subtle, chic colours with a hint of vintage to complement the photography style (of course if the team took edgy modern photos this wouldn’t be suitable, but that’s not the case). The pale pink goes wonderfully with the cream and grey and I can read everything – the choice of that curly font is debatable but we are talking colour here, and that is perfect in my opinion. (the menu looks wrong but only because I took the screenshot on a tablet)

2. uk.escada.com

uk.escada.com

Escada is a luxury brand and the colours here show that – gold implies luxury in itself, and teamed with white and a subtle grey it’s all very sophisticated and sleek. No bright tackiness here!

3. www.csszengarden.com/?cssfile=/209/209.css

http://www.csszengarden.com/?cssfile=/209/209.css

I’m sure you’ve all seen this one – I think it’s my favourite out of the currently available themes due to the colour scheme. Orange and black go very well together, and here orange is used well to separate the left nav from the main content, and it’s also used as an accent colour in that section. White text on a black background is often hard to read, so here the designer used grey instead which makes it look much more pleasant.

Barbara October 27, 2013 Leave A Comment Permalink

Colour schemes, Part 1: The Bad and The Ugly

This week we have to find three examples of good and bad colour schemes used on websites. Let’s start with the bad part, to get it out of the way.

It was surprisingly difficult to think of websites with bad colour choices, mainly because whenever I see one I try to delete it from my brain straight away… so I had to resort to some googling which led to random but nevertheless sufficiently ugly specimens. Behold:

1. www.constellation7.org

www.constellation7.org

I just… I don’t even…

2. www.lightning-systems.com

www.lightning-systems.com

They are already using 5 different colours and you haven’t even scrolled down to see the rest. There’s some red in there too, and the body copy is a wonderfully eye-watering mix of all 6 colours in a seemingly random order. If the residents of Ohio Valley don’t die from being struck by lighting they will still probably go blind thanks to this website.

3. www.tburgminigolf.com

www.tburgminigolf.com

These guys too seem to like cyan for body copy, I wonder if it has a strange appeal to people with certain degrees of colour blindness perhaps?┬áThe saturation of the background colour is too much, the cyan text hurts my eyes and the whole palette isn’t harmonious at all – individually the red and orange, and the blue and yellow could work, but all together it really doesn’t. Let’s not mention the background image which adds green and brown to the mix…

Barbara October 27, 2013 Leave A Comment Permalink

get_footer() ?>