web-dev-qa-db-fra.com

Les couleurs foncées non neutres conviennent-elles aux arrière-plans de page ou est-il préférable d'opter pour des couleurs neutres comme le noir ou le gris foncé?

Je suis en train de terminer un site à but non lucratif et nous avons un petit débat sur la couleur de l'arrière-plan.

enter image description here

J'ai essayé de souligner la nécessité d'une couleur neutre comme le gris foncé comme indiqué dans la capture d'écran ci-dessus tandis que le réalisateur veut une couleur vert foncé comme indiqué dans la capture d'écran ci-dessous: enter image description here

Mon argument a été que le contraste des couleurs dans ce dernier cas est assez net, tandis que dans le premier cas, il est plus agréable à l'œil et donc l'expérience utilisateur améliorée. Existe-t-il des études sur le type de couleurs à utiliser en arrière-plan?

L'objectif est d'assurer une lecture plus facile lorsque l'utilisateur scanne le site et de réduire les transitions nettes

6
Mervin

L'arrière-plan que vous choisissez pour votre site Web a le pouvoir de définir le thème et de définir l'ambiance de votre site en un coup d'œil. Mais l'objectif principal de l'arrière-plan devrait être d'améliorer l'expérience visuelle et de ne pas trop distraire l'utilisateur du contenu.

Analyse:

  • L'image avec un fond gris a plus de profondeur et il y a un sentiment que la zone de contenu est au premier plan. Cependant, la couleur et la texture ne correspondent pas au thème de la zone de contenu qui semble être la positivité, l'espoir et la vie.
  • Dans la deuxième image, l'arrière-plan de couleur unie signifie qu'il y a moins de différenciation entre la zone de contenu et l'arrière-plan. L'image apparaît plate; l'arrière-plan et le premier plan semblent être au même niveau. Ceci, combiné au fait que la couleur vert foncé est si forte, fait que l'arrière-plan est en concurrence avec la zone de contenu pour l'attention de l'utilisateur.

Suggestions:

Combinez une texture à faible contraste avec un dégradé subtil dans un teinte et saturation qui complimente la zone de contenu.

Regardons quelques exemples de sites qui font du bon travail sur ces éléments: thisiseyeweb.co.ukvuu.com.aupillowcompany.com

... liens d'inspiration: labusdesign.com , thehappybit.com , www.lomahousevegexpress.com , designkindle.com/ wp-content/uploads/demos/wedding-site-template/index.htm

Théorie des couleurs

Je n'ai aucune recherche en tant que telle à partager avec vous, mais cette série en trois parties sur la théorie des couleurs de Smashing Magazine vous donnera de nombreuses informations utiles: http://www.smashingmagazine.com/2010/02/ 02/théorie-des-couleurs-pour-les-concepteurs-partie-2-compréhension-des-concepts-et-terminologie /

8
Triona

Le but est d'assurer une lecture plus aisée lorsque l'utilisateur scanne le site.

Mis à part l'aspect pratique, la couleur est évidemment convaincante sur le plan émotif.

J'imagine qu'il est tout aussi important de répondre au bien-être émotionnel de vos utilisateurs finaux en leur permettant de numériser facilement les informations.

  • Le gris que vous avez choisi offre toujours un contraste subtil, en partie à cause de la texture que vous avez utilisée. Je pense que l'utilisation de la texture de cette manière est un moyen utile de créer une différenciation sans créer de distraction.

  • Malheureusement, la combinaison de gris et de la texture que vous avez choisie suggère fortement la surface d'un parpaing - ce qui est une association assez nette/industrielle.

  • Le sujet du site a tendance à être potentiellement déprimant - il est important d'essayer de contrer cette tendance par des choix esthétiques.

  • Le fond vert (couleur) fournit un effet émotionnellement plus chaleureux - cependant la force de saturation et le manque de légèreté sont légèrement oppressants.

Gardant cela à l'esprit, j'envisagerais de choisir un vert différent, plus clair/plus lumineux et de le combiner avec la texture utilisée dans le premier exemple.

2
codeinthehole

Ne vous souciez pas tellement des couleurs. Il est plus important de voir les différences de couleur, en d'autres termes, les contrastes. Mis à part les choix de couleurs, en utilisant un arrière-plan plus sombre, vous avez maintenant créé un rectangle très visible où le contenu apparaît. C'est une forme supplémentaire et vous devriez vous demander pourquoi vous en avez besoin. Supposons qu'il n'y ait pas de contraste entre l'arrière-plan et le rectangle de contenu (fond blanc), dans ce cas, le rectangle disparaîtrait. Je suppose que cela invoquerait plus de calme et serait plus agréable pour les yeux. Parce que l'œil sera d'abord attiré par le texte, plutôt que par le rectangle entourant le texte. De plus, les couleurs subtiles de l'en-tête deviendraient plus claires. Tu vois ce que je veux dire?

0
Igor Asselbergs