Mettez la science des couleurs au profit de votre design web [Infographie]

Mettez la science des couleurs au profit de votre design web [Infographie]

Lors de mes pérégrinations sur le Web, J’ai trouvé une infographie très bien faite sur la psychologie des couleurs. Je n’ai pas résisté à la traduire pour vous la proposer.

Les couleurs véhiculent des images et des idées, elles évoquent des sentiments et des sensations au plus profond de nous et de chacun de vos visiteurs. Voulez-vous savoir lesquels ?

Infographie de la psychologie des couleurs (en français)

Cette infographie a été réalisée par TestKing.

Toute amélioration de la traduction est la bienvenue (j’ai pris quelques libertés). Ami bilingue, manifestez-vous.

(Cliquez pour agrandir)

Psychologie des couleurs pour un site web

Analyse du design de ce blog

D’après cette infographie, « Les Doigts dans le Net » évoque simplicité, clarté et ouverture. Des notes de rose foncé rappellent le rouge, passionnant et attirant. J’aime assez cette interprétation. 😉

Et vous, quelles sont vos couleurs ?

image, infographie

A propos de MarieEve Louvel

Depuis 3 ans, je partage mes connaissances sur ce blog, pour les entrepreneurs désireux de créer leur site vitrine et/ou leur blog professionnel avec WordPress. Mon expérience professionnelle va de l'accompagnement à la formation, en passant par de la création de site ou de logiciel. Retrouvez mes cours en ligne sur mon site FeelWeb Formation [http://feelwebformation.com]

9 commentaires

  1. Merci d’avoir traduit cette image. C’est très intéressant, même si je ne suis pas graphiste, ça peut toujours me servir pour adopter les bonnes couleurs de titre ou de texte.

    Répondre
  2. Merci pour la traduction. J’ai toujours su que les couleurs avaient une réelle influence mais l’appliquer de manière concrète c’est déjà plus difficile. En tout cas, cet outil se révèle diablement efficace !

    Répondre
  3. Bonjour Marie-Eve,
    c’est toujours intéressant de revisiter des classiques et j’ai trouvé le classement par Alexa par couleur des sites vraiment instructif. On peut en dégager les tendances utilisées par les meilleurs.
    Sur les 36 premiers sites mondiaux, 10 utilisent le bleu, le orange vient ensuite en 2ème position…. utile dans le choix des couleurs pour une charte graphique pour un site…

    Répondre
  4. Cette typologie des couleurs est assez conforme à l’idée que je me faisais des symboles et valeurs associées à chaque couleur. Il y a quand même des couleurs qui sont particulièrement difficiles à utiliser, comme le jaune qui pose le problème de la couleur de la police (noir sur jaune = moche, blanc sur jaune = illisible).

    Très intéressant, merci

    Répondre
  5. Merci pour cet article et pour la traduction.
    Pour notre site en ligne de reparation iphone, on recherchait des couleurs évoquant la sécurité, la confiance et la tranquillité.
    Nous avons donc bien fait selon cet article d’opter pour le bleu et le gris.

    Je ne savais pas par contre que le gris pouvait signifier dans le subconscient un manque d’énergie.
    Nous tenterons d’apporter quelques améliorations au design par des petites touches de couleurs plus vives.

    Répondre
  6. Bonjour Marie-Eve,
    merci pour cet article instructif;
    Dans ce monde, les gens n’ont pas la même perception de la couleur. En effet Les couleurs les touchent de différentes façons (‘âge, sexe, origine ethnique, croyance, climat local..). Déjà étant enfant, l’humain est sensible aux couleurs qui l’entoure.
    Tout au long de notre vie, elles continuent d’agir sur nos humeurs ou nos dispositions. Selon nos tempéraments, nous pouvons développer des affinités ou une aversion pour certaines d’entre elles.
    merci

    Répondre
  7. @album photo: merci pour ton commentaire, mais je préfèrerais que tu utilises ton prénom ou un pseudo plutot qu’un mot clef, ce serait plus sympa. Je vais penser à mettre un plugin pour insérer des mots-clefs.

    @laurent : je suis moi-même assez malhabile avec les couleurs, ce type de pense-bête est l’idéal!

    @olivier : moi aussi, j’ai été particulièrement intéressée par ce classement. Très instructif.

    @reparation-iphone : même remarque que « album photo »

    Répondre

Trackbacks/Pingbacks

  1. Mettez la science des couleurs au profit de votre design web ... | JMlegendre | Scoop.it - [...] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } lesdoigtsdanslenet.com -…
  2. Mettez la science des couleurs au profit de votre design web ... | Science & Techno 2.0 | Scoop.it - [...] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } lesdoigtsdanslenet.com -…
  3. Toutes les bonnes choses ont une fin ! - Les Doigts dans le Net - [...] dans le Net compte à présent plus de 70 articles dont quatre tutoriels vidéos, cinq podcasts , une infographie,…
  4. Mettez la science des couleurs au profit de votre design web [Infographie] - Les Doigts dans le Net | Le Numerique nous "bouffe" mais c'est tellement BON | Scoop.it - [...]   [...]

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

This Blog will give regular Commentators DoFollow Status. Implemented from IT Blögg

EmailEmail
PrintPrint