Neutraliser les couleurs fortes

Sep 13 2020

Mon client a un schéma de couleurs de marque fixe, je ne peux donc pas changer ses couleurs. Il m'a demandé de concevoir un composant d'accordéon, où la partie d'en-tête sera de couleur bleue et dans l'en-tête, je devrais mettre une information de couleur sur le produit qu'il contient. Les couleurs ne correspondent pas les unes aux autres, l'en-tête est bleu et le produit a des couleurs rouge, verte et jaune. J'ai essayé différentes itérations, mais honnêtement, elles sont nulles. Peu importe comment je les combine (bordures, ombre), ils me font mal aux yeux. Une idée comment puis-je "neutraliser" ces couleurs?

Réponses

7 Danielillo Sep 13 2020 at 23:31

Avant de répondre à la question, il y a quelques points à considérer.

Si ce sont les couleurs de l'entreprise, il doit y avoir une raison pour laquelle votre client les a choisies, y compris le goût personnel pour les couleurs ou le public cible pour le produit final. Si tel est le cas, je suis sûr que votre client ne serait pas en désaccord avec l'utilisation extrême de ces couleurs.

  • Ma première réponse à votre question: n'ayez pas peur des couleurs

Votre déclaration sur la combinaison possible qui dit - ... honnêtement, ça craint - fait référence à vos goûts personnels, mais peut ne pas correspondre à l'intention de votre client concernant le produit et son public.

  • Ma deuxième réponse: éviter s'il est possible d'imposer notre goût personnel aux préférences d'un client

Il y a une chaîne de supermarchés allemande très populaire avec des couleurs d'entreprise très criardes, Lidl . Si vous visitez le Web, vous verrez qu'ils ne limitent pas l'utilisation de leurs couleurs principales: bleu, jaune et rouge. J'essaie d'imaginer le web designer disant au directeur marketing: - J'ai fait un design neutralisant les couleurs de l'entreprise -... C'est pratiquement la même chose que de dire que j'ai jeté tous les préceptes corporatifs de l'entreprise au sol.

  • Troisième réponse: voir les lignes directrices graphiques comme un point de départ, jamais comme des obstacles

Par conséquent, comment agir avec les couleurs corporatives d'une entreprise?

  1. Ajuster le design à une combinaison de couleurs harmonieuse

ou

  1. Exagérer extrêmement l'utilisation de ces couleurs dans chaque élément de design

Mais je pense que l'expression «neutraliser les couleurs de l'entreprise» dans un design n'est pas la bonne chose à faire.


Maintenant la réponse à votre question.

Dans tous vos exemples, vous utilisez des formes bleues en contact avec des formes rouges. Le cyan (bleu dans votre cas) est une couleur complémentaire du rouge, la combinaison de ces deux couleurs ne passe jamais inaperçue, au contraire, elle fait vibrer les deux couleurs. Le contraire de la neutralisation est de juxtaposer des formes avec des couleurs complémentaires:

  • Cyan ⟺ Rouge
  • Jaune ⟺ Bleu
  • Magenta ⟺ Vert

Dans la théorie des couleurs, la couleur qui a le pouvoir de neutraliser les couleurs est le gris : la couleur grise désactive le reste des couleurs, elle enlève leur force.

Il existe des pages Web avec de nombreuses couleurs qui utilisent le gris comme dominante et les autres couleurs comme détails.

Dans l'exemple ci-dessous, vous verrez que la couleur dominante est toujours le bleu. Le rouge, le jaune et le vert sont des couleurs secondaires, désactivées par le gris environnant. Ce n'est pas une conception finale, juste un exemple d'utilisation. En suivant les directives de votre conception, si vous évitez le contact entre les couleurs et utilisez du gris pour neutraliser, vous obtiendrez sûrement un bon résultat.

4 musefan Sep 14 2020 at 18:23

En fin de compte, vous êtes obligé d'utiliser une couleur assez audacieuse. Cependant, essayez d'utiliser cela à votre avantage et essayez de créer un design toujours audacieux.

Je pense que l'essentiel ici est d'essayer d'ajouter une séparation entre les couleurs en conflit en utilisant une couleur neutre, similaire à ce que vous avez essayé de faire dans votre deuxième exemple. Rendez-le plus grand et plus audacieux !

Peut-être quelque chose comme ça:

Si vous avez une certaine flexibilité sur les couleurs secondaires, il peut être utile d'essayer de les «éclaircir» un peu. Quelque chose comme ça:


En outre, en passant, l'utilisation d'un petit cercle de couleur peut être trompeuse. Dans vos exemples, un utilisateur peut supposer qu'il représente une sorte d'indicateur "d'état". Surtout si vous utilisez des couleurs de feux tricolores.