web-dev-qa-db-fra.com

Faut-il risquer d'utiliser des couleurs autres que le bleu dans les applications Web?

Tendances: nouvelles couleurs (nous vous regardons, # 00A0D1)

S'il y a une chose qui stagne dans la communauté du design, c'est l'originalité avec les couleurs. Soixante pour cent des applications sur mon écran d'accueil sont d'une seule couleur. Bleu. Je comprends la théorie des couleurs derrière le bleu, mais allez, les gars. Toutes les couleurs ne fonctionneront pas; c'est un fait. Mais il n'y a aucun mal à expérimenter et à sortir de la norme.

source

Ainsi, parler est bon marché, mais quelles sont les couleurs dominantes qui peuvent remplacer le bleu avec peu de risques d'être rejetées par les utilisateurs? Est-il logique de rejeter toute la psychologie, la théorie des couleurs et la garantie derrière le bleu?

Ce n'est pas un problème quand on fait un simple blog, pensez cependant à une grosse application ou un réseau social. Le jeu de couleurs dominant est un problème majeur. Pensez également au daltonisme.

Question connexe

9
Fel

L'auteur de cet article confond l'application de la préférence de couleur personnelle avec la conception pour plaire aux autres. De toute évidence, l'auteur n'aime pas le bleu et veut plus de variété. Le problème est que le bleu sera utilisé en raison des avantages inconscients qu'il offre au site, indépendamment des préférences personnelles du concepteur.

Il y a beaucoup de recherches académiques et scientifiques derrière la théorie des couleurs et la psychologie. Je ne fournirai que quelques liens, mais vous pouvez passer votre vie à rechercher le sujet. Voici cependant un résumé de la science:

L'application des principes de couleur favorise la réponse souhaitée du public.

Les réponses émotionnelles influencent les considérations de couleur et les différences de valeur et d'intensité des couleurs peuvent provoquer des réactions émotionnelles très différentes. Le rouge clair est associé à la gaieté, mais le rouge vif ou foncé peut induire une irritabilité. Le jaune-vert clair est associé à la fraîcheur et à la jeunesse, mais l'olive plus foncée est associée à la terne et à la pourriture. Le bleu ciel clair est associé à la tranquillité, mais la valeur plus profonde Indigo est associée à la dépression.

  • Rouge: urgence, passion, chaleur, amour, sang, excitation, force, sexe, passion, vitesse, danger
  • Jaune: chaleur, soleil, joie, bonheur, lâcheté, luminosité
  • Bleu: vérité, dignité, pouvoir, fraîcheur, mélancolie, lourdeur, confiance, fiabilité, appartenance, fraîcheur
  • Orange: espièglerie, chaleur, éclat
  • Vert: nature, santé, gaieté, environnement, argent, végétation, nature, frais, frais, croissance, abondance
  • Violet: richesse, royauté, sophistication, intelligence, royal, spiritualité, dignité
  • Rose: doux, doux, nourrissant, sécurité
  • Noir: sophistication, élégant, séduisant, mystère, mort, rébellion, force, mal
  • Blanc: pureté, propreté, légèreté, vide, pur, virginal, propre, jeune, doux
  • Or: prestige, cher

  • Argent: prestige, froid, scientifique

(Tiré de http://www.creativebehavior.com/www.ergogero.com/FAQ/Part5/2Meaning.html , n'est plus disponible)

Au sujet du bleu:

Le bleu est omniprésent comme couleur de choix pour la plupart des sites commerciaux et professionnels. Dans le monde occidental, le bleu foncé est si fortement associé à la force et à la sécurité qu'il n'est pas surprenant qu'il soit la couleur la plus appréciée des hommes. En Europe, il existe plusieurs associations religieuses avec le bleu, mais dans l'ensemble, le bleu est considéré comme la couleur la plus sûre à utiliser dans le monde lors de la conception d'un site Web.

Monde des affaires

Le bleu est la couleur du monde de l'entreprise. Quand vous voyez le bleu profond et profond, vous savez que vous avez trouvé un site Web pour une entreprise qui est digne de confiance, sécurisé et, j'ajouterais, sous contrôle.

Presque tous les sites Web des banques aux États-Unis utilisent ce bleu comme couleur principale ou couleur unique pour leur logo et leur site Web envoyant le message que oui, nous garderons votre argent en sécurité .

Professionnel

Comme les banques, la plupart des entreprises professionnelles utilisent également ce bleu. La comptabilité, les cabinets d'avocats et les entreprises commerciales vous disent qu'ils sont dignes de votre confiance et de votre entreprise en utilisant le bleu profond.

(Tiré de http://www.masseynet.com/m-color-blue.html )

Un bon designer utilisera des couleurs dans un but particulier et non en fonction de ses préférences personnelles. Si, cependant, votre site est dédié à vous , alors par tous les moyens, utilisez votre préférence personnelle. Si votre site doit susciter la confiance, utilisez le bleu. Si vous avez besoin de romance, utilisez du rouge.

Lectures complémentaires:

http://zacjohnson.com/the-emotions-of-color-in-marketing/

https://99designs.com/blog/tips/the-7-step-guide-to-understanding-color-theory/

https://www.colormatters.com/color-and-design/basic-color-theory

https://www.bloggingbook.net/improve-blog/

http://www.colormatters.com/color-and-design/basic-color-theory

http://en.wikipedia.org/wiki/Color_theory

9
mawcsco

Nous buvons tous du même kool-aid quand il s'agit de psychologie des couleurs. Le bleu est la couleur la plus populaire, il est donc logique que les autres couleurs soient reléguées à la "longue queue" du design.

Voici l'autre chose cependant: Le bleu est également la couleur par défaut des hyperliens. La plupart des sites répugnent à changer cette couleur en autre chose (de peur que les gens ne reconnaissent pas un lien quand ils le voient!), et donc le bleu est traité comme une couleur "donnée" dans la conception web, et conçu autour plutôt que remplacé par autre chose.

Non pas que les gens n'essaient pas - je me concentre sur les rouges et les oranges dans ma bande dessinée , par exemple - mais voilà. Vous devez comprendre pourquoi les règles existent pour les briser, après tout.

Une fois que vous êtes prêt à changer la couleur des liens et l'apparence des liens sur votre site Web - et ne vous y trompez pas, c'est un GRAND risque lorsque vous parlez de choses comme les réseaux sociaux - vous pouvez tenter votre chance avec le reste de la conception.

  • Les couleurs froides liées au bleu - les verts et les violets - ont toujours beaucoup des mêmes connotations positives que le bleu, à l'exception que certaines personnes ont appris que les hyperliens verts à double soulignement sont en fait des publicités payantes.
  • Les nuances neutres de gris fonctionnent bien ici - c'est un rejet de la couleur entièrement, donc les gens "comprennent" pourquoi il n'y a pas de bleu dans la conception.
  • Si vous changez complètement le lien en quelque chose d'autre, comme une balise, un bouton ou un onglet, les gens sont également plus indulgents envers les changements de couleur. Faites juste attention à la façon dont vous gérez les liens en ligne - la plupart des gens ne les reconnaîtront pas comme tels, sauf s'ils sont bleus ou soulignés.
1
Rachel Keslensky

Quand il s'agit de concevoir l'interface utilisateur d'une application - un outil qu'une personne doit (ou veut) utiliser pour accomplir une tâche, l'idée typique est de rester à l'écart de l'utilisateur. L'interface utilisateur est là pour aider l'utilisateur ... pas pour lui crier dessus.

En tant que tel, c'est généralement une palette de couleurs très neutre ... souvent monotone et en niveaux de gris. Les couleurs sont ensuite réservées aux cibles visuelles ... icônes, alertes, boutons, etc.

Le bleu se trouve être une couleur a) facilement discernable à partir des tons de gris et b) la couleur froide la plus proche du gris. Une couleur froide est agréable à utiliser car elle réserve toujours les couleurs chaudes pour les choses sur lesquelles vous souhaitez que l'utilisateur se concentre.

C'est moins une tendance et plus une pratique standard qui a été prouvée acceptable pendant quelques décennies de conception d'interface utilisateur (le thème du hot-dog de Windows 3 est une exception, bien sûr)

1
DA01

Je n'ai pas de preuves d'études, mais, à mon avis, la bonne alternative est le noir et les nuances. Par exemple, Apple , Produits Google.

0
Igor Gubaidulin