Quelles couleurs éviter dans la conception Web

La publicité est une affaire délicate et tout dépend de la façon dont vous vous présentez. Les couleurs sont au cœur de toute publicité qui décide du succès avec lequel elle fera la promotion de votre marque, de vos marchandises ou de vos services. C'est pourquoi l'utilisation de tons de couleurs appropriés est devenue impérative pour les entreprises d'aujourd'hui afin d'attirer l'attention de votre public cible, car chaque produit nécessite différentes formes de publicité.

Si vous cherchez à apprendre les bases du choix des couleurs dans votre conception Web, cet article vous aidera à approfondir vos connaissances sur la façon de le faire correctement. Le bon schéma de couleurs peut être le facteur décisif du succès de vos campagnes publicitaires, donc exécuter la combinaison parfaite n'est pas une tâche facile.

Importance des schémas de couleurs

Le pouvoir des combinaisons de couleurs est quelque chose à ne pas sous-estimer. Si on lui donne la bonne exposition, il peut être exploité pour devenir votre plus grande force dans toute conception de sites Web. Si elles sont utilisées de manière créative, même les couleurs les plus simples peuvent être arrangées pour émouvoir les esprits et les cœurs du public cible et attirer leur attention. Un jeu de couleurs qui utilise la combinaison appropriée de teintes de couleurs augmente non seulement la capacité de faire de la publicité, mais améliore également le temps qu'un utilisateur passe en moyenne sur un site Web.

Cependant, choisir les mauvaises combinaisons de couleurs peut être pour le moins désastreux et peut noyer n'importe quel produit ou service, quelle que soit sa taille ou ce qu'il apporte à la table. Certains annonceurs optent pour des couleurs flashy pour afficher leurs marques afin de capter l'attention de leur public cible. Bien qu'ils puissent réussir à faire tourner les têtes dans leur direction, le public finira par se désintéresser du long terme. Un designer ne ferait cela que pour distraire le client et masquer la qualité inférieure de la marchandise. Cela finit par nuire à l'image de marque et à la réputation de l'entreprise.

Dans cet article, nous aborderons les types de combinaisons de couleurs à éviter dans la publicité en ligne. Notre équipe a dressé une liste de "NOT TOs" ainsi qu'une méthode alternative à essayer.

Utiliser une seule couleur

Avoir une seule couleur représentant l'ensemble de votre site Web le rend à la fois fade et sans intérêt pour votre public cible. Il est très peu probable que le public essaie même de le parcourir avant de passer au site suivant qui est développé avec des schémas de couleurs plus appropriés.

Essaye ça:

Ajuster les schémas de couleurs en conséquence est une tâche essentielle à assurer pour une conception professionnelle, capable d'attirer l'attention sur les aspects importants du site Web. Les éléments tels que les boutons, les sous-titres, les citations et les hyperliens doivent être coloriés en conséquence pour souligner leur importance.

Choisir la mauvaise couleur

Choisir la mauvaise couleur pour votre conception Web peut signifier la différence d'être ignoré sur un porte-revues ou vendu à vue. Pour un site Web qui a un produit à vendre ou même un service à promouvoir, il peut facilement choisir une teinte de l'extérieur du produit ou de la propriété philosophique du service. Dans tous les cas, une représentation approfondie de votre site Web avec ce que vous proposez aide à établir une connexion avec l'utilisateur. Utiliser une couleur foncée comme le bleu marine pour un design web fait pour vendre des produits de beauté sera décevant.

Essaye ça:

Avant de laisser votre site Web se transformer en une catastrophe coûteuse, utilisez la théorie des couleurs pour sélectionner les teintes qui sont étroitement associées au produit ou qui présentent quelque peu ses caractéristiques. Cela aide le spectateur à rester engagé sur le site Web et même à essayer les produits.

Couleurs Néon

L'utilisation de couleurs néon n'est pas du tout interdite, mais célébrer Holi avec elles sur votre conception Web pourrait être un geste stupide. Les couleurs néon sont créées en augmentant l'intensité de la luminosité par une teinte pour la faire ressortir dans le contraste.

Il ne fait aucun doute qu'ils sont funky et amusants dans la conception, mais juste par des quantités appréciables. Les utiliser sans cesse sur votre modèle peut vraiment faire pleurer les yeux du spectateur, mais aussi faire saigner le texte dans le contraste perturbant leur lisibilité. Si je ne me trompe pas, votre objectif est d'engager le visiteur et non de provoquer une crise d'épilepsie.

Essaye ça:

Cependant, si vous êtes vraiment persistant, vous pouvez toujours supprimer la luminosité inutile des couleurs néon afin de rendre le texte un peu plus sombre et moins intense. De plus, si vous avez déjà décidé d'ajouter des couleurs néon au thème, assurez-vous de les utiliser pour les éléments plus petits afin que le lecteur puisse les voir facilement.

Couleurs vibrantes

Maintenant, mélanger ou associer des couleurs avec du mauvais sang revient à brouiller intentionnellement la vision de votre visiteur. Cela se produit lorsque des couleurs très saturées interagissent les unes avec les autres et produisent un « effet vibrant » qui produit un mouvement lumineux. Cet effet vibrant est très détesté par les utilisateurs.

En combinant ces teintes aux couleurs vives, la vision devient gênante et produit un effet d'image rémanente qui gâche la vision. Cela empêche non seulement l'utilisateur de lire le contenu, mais crée également un sacré désordre dans votre texte.

Essaye ça:

Encore une fois, il n'est pas recommandé de combiner des couleurs vibrantes les unes avec les autres, mais si c'est le cas, la meilleure façon d'y remédier est d'introduire une couleur neutre entre les deux couleurs vives afin que l'une des deux devienne une teinte plus foncée.

Aussi, si vous avez besoin de trouver quelles couleurs vont vibrer vous pouvez les mettre côte à côte et vous remarquerez :

1. La haute saturation de couleur présente entre eux
2. Complémentaires et espacés de 180 degrés sur la roue chromatique
3. Peu de contraste apparaît lorsque les couleurs sont converties en niveaux de gris

Thèmes arc-en-ciel

À mon avis, tout ce qui enfreint les règles de la théorie des couleurs peut être dangereux pour votre conception de sites Web tôt ou tard. Alors avouons-le, les sites Web aux couleurs de l'arc-en-ciel ne fonctionnent tout simplement pas. Imaginez combien de règles vous avez massacrées juste pour créer un modèle sur le thème de l'arc-en-ciel dans votre tête juste après avoir lu ceci.

Les conceptions Web aux couleurs de l'arc-en-ciel ne sont pas seulement non conventionnelles, mais aussi trompeuses - si vous voyez ce que je veux dire. Vous voulez promouvoir, annoncer ou vendre quelque chose, mais montrer des arcs-en-ciel à vos clients et visiteurs ne vous aidera pas.

Essaye ça:

Cependant, si vous souhaitez produire une conception Web multicolore avec plus de 3 couleurs, utilisez le blocage des couleurs ou le style de carte pour votre modèle. Cela vous permet d'attribuer des couleurs aux catégories bloc par bloc sans compromettre l'équilibre des couleurs dans la conception.

Couleurs claires sur blanc

Chaque fois que je vois cette erreur, je réalise à quel point le client a tendance à se désintéresser et à passer à l'autre site. Utiliser une couleur claire sur un fond de couleur claire revient à vendre un sandwich rempli de pain. Vous devez équilibrer la lumière avec l'obscurité et définir une différence raisonnable qui permet au lecteur de parcourir le site Web en douceur au lieu de l'abandonner. Dans les dernières tendances en matière de conception de sites Web, l'augmentation de l'utilisation des images d'en-tête en fait un accident courant.

Essaye ça:

La meilleure façon d'éviter cela est de comparer la couleur d'arrière-plan avec les palettes de la roue chromatique. Vous pouvez facilement distinguer la bonne combinaison en vérifiant la convivialité du contraste les uns avec les autres. Un bon mélange unira le contenu à la conception et produira un attrait naturel dans la conception de votre site Web.

Expérimenter avec des arrière-plans détaillés

C'est probablement la plus meurtrière des erreurs concernant les couleurs dans les conceptions Web. Les propriétaires d'entreprise embauchent des designers pour produire le meilleur de leur travail et leur érigent un site Web qui a tout ce qu'il faut pour amener leur entreprise et leurs revenus au sommet. Mais c'est là que parfois les choses se déséquilibrent un peu. Les concepteurs de sites Web recherchent toujours de nouvelles façons d'impressionner leurs sous-traitants et, dans cette poursuite, ils ajoutent souvent une quantité excessive de détails de couleur en arrière-plan. Temporairement, cela n'a pas l'air si mal, mais lorsque la conception passe aux étapes finales avec tous ses éléments et son contenu, elle devient un vilain morceau de modèle.

Essaye ça:

La seule façon d'éviter cette débâcle est de demander à votre concepteur Web de s'abstenir d'ajouter des détails de couleur en arrière-plan et de tenir votre équipe au courant si quelque chose de nouveau est testé ou mis en œuvre dans le plan d'origine.

Jaune pâle et bleu vif

La plupart des concepteurs sont bien conscients que le bleu vif et le jaune pâle sont des choix de couleurs terribles lorsqu'il s'agit d'arrière-plan d'un site Web. Le bleu vif est intense et toujours agressif envers toute autre couleur qui entre dans leur domaine. Le jaune pâle réagit différemment et va à l'encontre du but d'une couleur de fond en affectant l'humeur du visiteur et en provoquant la radicalisation d'autres teintes. Voici pourquoi vous ne devriez jamais essayer de les utiliser.

Bleu vif en arrière-plan

Maintenant, je ne veux pas offenser les amateurs de couleurs bleu vif en disant que cela a l'air terrible en tant qu'arrière-plan de site Web, c'est juste un fait que cela ne peut pas être, ne sera jamais, un bon choix de couleur à définir pour le contraste. D'une part, le bleu vif est trop fort pour être comparé au contenu du site Web et, d'autre part, il laisse au concepteur trop peu d'options pour le combiner avec une autre teinte de la palette. Il a un effet vibrant qui le rapproche des couleurs néon et si vous avez lu ce dont j'ai parlé ci-dessus, les couleurs néon sont un gros NON !

Essaye ça:

Vous pouvez utiliser des nuances de bleu plus claires, en particulier lorsque vous avez une conception de style carte pour votre site Web. Il neutralisera l'effet vibrant et répondra au besoin d'avoir une couleur bleue pour l'arrière-plan.

Jaune pâle en arrière-plan

Ajouter un peu de jaune aux en-têtes et peut-être du texte des titres peut sembler acceptable, mais le noyer avec l'arrière-plan peut faire la différence entre un site Web très visité et un déchet flottant sur Internet. Cela donne non seulement une teinte peu attrayante, mais reflète le mauvais goût de l'entreprise envers ses clients. Le jaune a une signification sentimentale pour frapper une note de bonheur et de joie au sein du public. Ainsi, l'utiliser sans perspective peut être irréversiblement dommageable pour votre site Web en termes de coût et de perte de clients.

Essaye ça:

Vous pouvez l'utiliser avec du marron, du rouge foncé ou de l'orange pour créer un look rétro, puis l'utiliser plus tard également dans d'autres cas. Un fond blanc teinté de jaune peut surprendre vos visiteurs s'il est associé à la bonne couleur pour l'en-tête et le pied de page, comme l'orange.

Ignorer les outils de correspondance des couleurs

La combinaison de couleurs n'est cependant pas une tâche facile, car trouver la combinaison parfaite de couleurs pour attirer les clients est plus facile à dire qu'à faire. En effet, avoir une connaissance approfondie du mélange des couleurs et de la combinaison qui suscite la réaction préférée du public est un art que très peu de gens adoptent. Cela conduit à une forte dépendance à la méthode d'essai et d'erreur, ce qui est extrêmement risqué pour la publicité. Une seule erreur peut finir par échouer toute votre campagne.

Heureusement, il existe une solution pour surmonter cette barrière de schéma de couleurs, qui se présente sous la forme d'un outil de correspondance des couleurs conçu pour combiner différentes couleurs avec des résultats comparables aux vétérans de ce domaine.

Essaye ça:

Les outils de correspondance des couleurs tels que l'outil Adobe Color CC sont développés pour simplifier le processus de sélection des couleurs d'accentuation lorsque vous avez sélectionné la couleur dominante. Bien que l'outil puisse sembler compliqué, en réalité il est conçu pour être à la fois simple et efficace.

Les outils de correspondance des couleurs sont équipés d'options pour simplifier l'agencement des couleurs, telles que :

• Choisir la couleur dominante autour de laquelle sélectionner les couleurs d'accent
• Choisir une photo autour de laquelle sélectionner des couleurs d'accent

Importance des couleurs d'accent

Les informations importantes sur les pages Web peuvent être mises en évidence à l'aide de couleurs d'accentuation pour signifier leur importance. Il peut s'agir d'hyperliens vers d'autres contenus de pages Web sur lesquels vous souhaitez attirer l'attention de votre public. Il est conseillé de s'en tenir à une ou deux couleurs d'accent, car un plus grand nombre de couleurs d'accent finit par créer de la confusion pour les visiteurs du site Web.

Conclusion

Alors que les couleurs jouent un rôle important pour donner à un site Web son code vestimentaire et son attrait, il est impératif de les utiliser correctement dans vos modèles de conception si vous cherchez à faire fonctionner une entreprise prospère. Sans les bonnes teintes à vos côtés, votre site Web ne sera pas seulement une risée, mais aussi une déception coûteuse.