Utilisation de la théorie des couleurs dans la conception Web

Utilisation de la théorie des couleurs dans la conception Web

Utilisation de la théorie des couleurs dans la conception Web
СОДЕРЖАНИЕ
02 июня 2020

Dans un article précédent, nous avons discuté du concept derrière la théorie des couleurs dans la façon dont il se rapporte à l’espace blanc ou négatif..


La théorie des couleurs nous dit que différentes couleurs fonctionnent ensemble – ou pas – pour des raisons spécifiques. (Pour une définition plus approfondie de la théorie des couleurs, consultez Cet article de NYU.)

Bien que vous ne pensiez peut-être pas à la façon dont la couleur affectera ceux qui visitent votre blog, au cours du processus de conception Web, le concepteur considère cela comme un élément très critique de la création du site Web parfait..

Comment la couleur nous fait sentir

Jetez un oeil à ce bloc de couleur:

Jaune

Comment vous sentez-vous?

Et que diriez-vous de ce bloc:

bleu

Vous êtes-vous senti différent en regardant l’exemple A que vous avez ressenti en regardant l’exemple B?

Si c’est le cas, ce n’est pas une surprise.

  • Le jaune est électrique, énergisant.
  • Le bleu clair apaise.

La couleur compte. Nous avons tous des associations psychologiques instinctives avec certaines couleurs. Certains d’entre eux sont associations psychologiques courantes avec la couleur, tandis que d’autres sont des associations individuelles créées par le contexte de nos vies. Même la teinte utilisée fera la différence. Une nuance de bleu plus douce évoque des sentiments apaisants tandis que des nuances plus fortes dénotent la force.

Trois catégories de couleurs

Il y a de fortes chances que vous ayez appris la théorie des couleurs pendant un cours d’art élémentaire; il est probable que vous en ayez oublié une grande partie à moins que vous ne travailliez dans la conception graphique!

La roue chromatique contient trois types de couleurs:

  1. Primaire
  2. Secondaire
  3. Tertiaire

Couleurs primaires ne peut pas être créé en mélangeant d’autres couleurs ensemble.

Couleurs secondaires sont formés en mélangeant deux couleurs primaires: le bleu et le jaune font le vert, le rouge et le jaune font l’orange.

Couleurs tertiaires sont dérivés en combinant les couleurs primaires et secondaires: bleu-vert ou rouge-orange.

Les concepteurs Web utilisent ces types de couleurs pour évoquer des sentiments lors de la conception d’un blog.

Des couleurs complémentaires

Pour maîtriser le design, vous devez également comprendre quelles couleurs sont belles ensemble. Des couleurs complémentaires se trouvent sur les côtés opposés de la roue chromatique. Lorsqu’elles sont utilisées ensemble, ces couleurs contrastent les unes avec les autres, donnant à vos créations un aspect dynamique. Ces couleurs complémentaires peuvent également être utilisées pour améliorer un sentiment spécifique ou pour superposer des sentiments supplémentaires au-dessus de l’émotion principale que vous souhaitez donner à votre visiteur. Par exemple, vous pouvez utiliser du rouge sur vos boutons d’appel à l’action pour transmettre l’urgence et le combiner avec des verts dans toute votre mise en page pour donner à vos visiteurs un sentiment de sécurité.

Vous pouvez utiliser un outil comme le Calculatrice de couleurs sur le site de Sessions College pour trouver la paire parfaite de couleurs complémentaires pour votre projet de design.

Créez l’ambiance de votre blog grâce à la couleur

Vous voulez savoir quelles couleurs sont associées à quels types de sensations? Voici un guide pratique:

  • rouge – Chaud, électrique, énergisant. Idéal comme accent pour créer du mouvement.
  • Bleu – Apaisant, force, professionnel. Les sites de voyage ou de détente fonctionnent bien avec cette teinte.
  • Jaune – Excitant et électrique. Trop peut causer de la distraction sur un site, alors utilisez-le pour les accents.
  • Orange – Électrique; cependant, les navigateurs affichent cette nuance différemment, alors restez-y avec un accent. Vert – Cool, apaisant, professionnel; idéal pour les sites faisant référence à la nature, aux finances, aux affaires.
  • Noir – Force et puissance. Alors que le noir a été utilisé comme couleur principale dans la conception de sites Web, il peut également être difficile pour les lecteurs..
  • gris – Peut être utilisé pour la force, le calme, le pouvoir, l’autorité. Grande teinte à incorporer à la plupart des autres couleurs; le gris est beaucoup utilisé dans la conception web aujourd’hui.
  • blanc – Bien que cela puisse sembler une couleur inutile dans la conception de sites Web, n’oubliez pas ce que nous avons dit à propos de l’espace blanc ou négatif. Vos lecteurs ont besoin de zones blanches pour que le reste du site soit net. Sans cet espace blanc, vous risquez de submerger vos lecteurs, et ils se détourneront probablement.

Quelques exemples de théorie des couleurs en usage

Pour vous montrer comment la théorie des couleurs est utilisée dans le développement web, quoi de mieux que de proposer quelques visuels?

Facebook est peut-être l’exemple le plus célèbre d’un site Web qui utilise la couleur bleue pour évoquer un sentiment de sécurité et de confiance:

Utilisation de la théorie des couleurs dans la conception Web: Facebook

Éveils naturels, un magazine de vie saine, utilise une combinaison de verts et de bleus pour mettre les lecteurs dans un état d’esprit calme et énergique. Il y a aussi une petite touche d’orange pour encourager l’action.

Éveils naturels

Oi Polloi est un site Web de commerce électronique qui utilise une variété de couleurs vives pour attirer les clients dans leur magasin. Initialement, leur palette de couleurs peut sembler chaotique, mais la variété est intentionnelle: elle représente le large éventail de marques disponibles dans leur boutique.

Oi Polloi

Conseil final

Si votre site Web n’obtient pas la traction souhaitée, il y a de fortes chances que la couleur fasse partie de votre problème. Prenez le temps de vraiment comprendre ce que vous voulez que les gens ressentent lorsqu’ils entrent sur votre site Web, puis créez un nouveau design qui utilise des couleurs choisies pour évoquer ces sentiments.

Pour plus d’aide sur les bases du blogging, consultez nos articles 5 bonnes conceptions de blog et un guide complet sur la façon de démarrer un blog.

N’oubliez pas de rejoindre notre cours accéléré sur l’accélération de votre site WordPress. Avec quelques correctifs simples, vous pouvez réduire votre temps de chargement de 50 à 80%:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector