Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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

share|improve this question
2  
Hi Peter, welcome to GD! As it is, this question will probably get some close votes because it's quite specific to your site (and it's very difficult to provide definite feedback in a Q&A format). If you could re-word it so it refers to design principles that might apply to other projects, you would get good answers. This is a similar question that might help you in re-wording yours: How can I improve my color selection skill? –  Yisela Jun 27 '13 at 21:49
    
Thank you! I realise that it is a question with broad spectrum of possible answers and that it will be probably get downvoted. Also, thank you for your suggestion(and the link). I will try to rephrase it with particular questions. –  Peter Jun 27 '13 at 21:58
    
Try to focus on a single thing you think is giving you issues (color, layout, spaces). You can ask as many questions as you like, the only requirement is one 'broad enough' subject per question :) –  Yisela Jun 27 '13 at 22:00
1  
It is a personal opinion, but I always find red too aggressive and not pleasant for the eyes. –  Dmitri Zaitsev 14 hours ago

2 Answers 2

up vote 3 down vote accepted

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:

share|improve this answer
    
Thank you. Your feedback is precious to me –  Peter Jun 30 '13 at 8:05

The main thing I'm not particularly crazy about regarding color is the contrast (or lack of it).

When you use dark colors as background, you need to use light ones for foreground. I have difficulty reading "Sign up now" because the back layer has black and white, and the shadow in the text is not enough to make the element stand by itself. At a glance, I have no idea what the text in the right side (with the drawings) says, because it's black on dark gray. The texts in the images' overlay are so thin (are you keeping Times New Roman?) that they look semi-transparent, and therefore very difficult to read.

My second comment would be the shades of red: dark crimson and shiny explosive light red. Their saturation is completely different, and I find it difficult to see them 'working together'. In general, if you go for dark colors you should try to keep their hue/saturation levels closer.

For example, in crimson:

enter image description here

Or if you wanted to go for the shiny red instead, you could combine it with other light warm colors, like orange:

enter image description here

These are some questions that might help you:

Also, some of the best resources on color theory I've seen lately are these Smashing Magazine's articles:

share|improve this answer
    
Thank you for your answer. I will try to learn from it. –  Peter Jun 28 '13 at 15:27

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.