How to maintain color consistency across a website

I am a web developer struggling with design issues. I have a blunt eye for colors and my design skills suck (I try to improve though).

I’m having issues with the feel of particular pages, I wonder if my color schemes are any good, if my design invokes seizures or general rage(jk).

I would like some feedback, specifically on color patterns across the site (if the colors give a general feeling of uniform design and not like each page is of its own) or if there are any striking colors that are universally “banned” (like the red-black in the bar).

Here are some of the pages:

main page
main page

movie page(arrows indicate questions about if the difference in color is well balanced or horrendous)
movie page

user page(it replaces the “Favorites” with whatever you click)
user page

 - Main page: http://83.212.108.109/freaq/
 - user page: http://83.212.108.109/freaq/user.php (yes the one in the pic is me ;p )
 - movie page: http://83.212.108.109/freaq/movie.php
 - network page: http://83.212.108.109/freaq/network.php

P.S. If I ever launch a start-up I will give lots of designer love, as I understand that good UIUX is 50%+ of a product.

P.P.S. If something is broken is due to the fact I am working on it

Answer

Firstly it’s not rage inspiring and hasn’t given me any kind of seizure, yet. In fact I’ve seen much worse colour schemes out there, and some of them from large companies!

One important thing I found to remember is that some colours have set meanings when used on buttons or other elements, for instance red can imply “cancel” or “delete” whereas green can imply “OK” or “go”, this needs to be taken into account when choosing a colour scheme.

While the colour scheme itself is not bad, there is, as mentioned previously, a lack of contrast. Try following the “Rule of Three” until you find it easier to work things out by eye. Pick a main colour, a secondary colour and a highlight colour. Try to have some contrast between all three, such as red, black and light grey or white.

Colours in Cultures infographic
Click on image for to view full resolution

The black on the header bar is a touch strong, I would have gone for something softer like #252525 which is a very dark grey that’s easier on the eyes. Also the dark grey of the background on the first page could, in my opinion, be lighter, maybe #d9d9d9 or even white.

The colour scheme itself does not detract from the movie posters, it would be easy for it to become overwhelming with the variety of colours and patterns that they create, but you have managed to avoid this.

Again I have to agree with previous reply in that some of the site is hard to read, this is partially down to the font and partially down to the colours chosen. Try making the sign up action a button, this will make it stand out and also allow you to keep the colours you have in the current header.

Here are a couple of articles I found useful:

Attribution
Source : Link , Question Author : Peter , Answer Author : JohnB

Leave a Comment