I am just finishing up a site for a non profit and we are having a bit of a debate of about what the background color should be
I have been trying to emphasise on the need for a neutral color like dark grey as shown in the above screenshot while the director wants a dark green color like shown in the screenshot below :
My argument has been that the color contrast in the latter case is pretty sharp, while in the former case it's easier on the eye and hence the enhanced user experience. Are there any studies on what kind of colors should be used in the background?
The goal is to ensure easier reading when the user scans the site and reduce sharp transitions
Answer
The background you choose for your website has the power to set the theme and set the mood for your site at a glance. But the main aim of the background should be to enhance the visual experience and not to distract the user too much from the content.
Analysis:
- The image with grey background has more depth and there is a sense that the content area is to the fore. However the colour and texture do not match the theme of the content area which seems to be positivity, hopefulness and life.
- In the second image the plain coloured background means there is less differentiation between the content area and the background. The image appears flat; the background and foreground appear to be on the same level. This combined with the fact that the dark green colour is so strong, results in the background competing with the content area for the user's attention.
Suggestions:
Combine a low-contrast texture with a subtle gradient in a hue and saturation that compliments the content area.
Lets look at some examples of sites that do a good job on these elements:
...links for inspiration: labusdesign.com, thehappybit.com, www.lomahousevegexpress.com, designkindle.com/wp-content/uploads/demos/wedding-site-template/index.htm
Colour Theory
I don't have any research as such to share with you however this three part series on Colour Theory from Smashing Magazine will give you lots of helpful insights: http://www.smashingmagazine.com/2010/02/02/color-theory-for-designers-part-2-understanding-concepts-and-terminology/
No comments:
Post a Comment