Monday, August 12, 2019

Are dark non neutrals colors suited for page backgrounds or is it more advisable to go for neutral colors like black or dark grey?


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


enter image description here


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 : enter image description here



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: thisiseyeweb.co.uk vuu.com.au pillowcompany.com


...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

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...