couleur et webdesign

Couleurs et webdesign

Affichages : 630

Omniprésente, elle influence nos sentiments, nos humeurs et nous suis tout au long de notre vie.
Constante psychologique très puissante, elle est entre autre utilisée en psychologie comportementale, en sociologie et pour ses effets thérapeutiques par le biais de la chromothérapie.


Mais la couleur est également un élément symbolique culturel important.
Par exemple dans la symbolique asiatique le blanc est associé à la mort et au deuil, considérée comme une renaissance, elle évoque la pureté contrairement à l’occident où le noir sera la couleur pour représenter le deuil.


Les professionnels de la communication l’ont bien compris et emploient la psychologie de la couleur pour mieux influencer et illustrer leurs messages.


Bien comprendre les utilisations appropriées, la réponse émotionnelle et l’implication psychologique de la couleur est essentielle pour une communication efficace.Chacun d’entre nous à une perception et un rapport diffèrent à celle-ci, mais outre le rapport personnel, il est essentiel d’avoir tout cela à l’esprit afin d’appliquer des codes différents suivant votre cible.


En web design, il est primordial de savoir mettre en place de bonnes associations de couleurs. Cela peut paraître évident, mais de nombreux sites passent à côté.


En musique si vous souhaitez créer une mélodie harmonieuse, il y a des règles à respecter afin d’accorder les notes, au risque de vous faire saigner les oreilles! Pour la couleur c’est exactement pareil, savoir ce qu’est la couleur et comment elle fonctionne est impératif !


Primaires, secondaires, tertiaires, complémentaires, accords analogues…
Je vous renvoie sur cet article sur le blog de John’s graphisme pour une explication très claire sur le fonctionnement et les accords.


Une couleur dispose d’une multitude de nuances et rien ne doit vous limiter dans vos choix, le maître mot doit être l’harmonie avant tout!
Pour vous aider dans vos recherches voici quelques outils utiles, ainsi que des articles sur la couleur et son fonctionnement.


OUTILS


1. Color Grab
Rentrer l’URL d’une image, color grab vous permet de récupérer les couleurs associées et de les exporter en un fichier .aco


2. Color Scheme designer
Large panel d’export, choix du type d’accord, exemple de page associée…


3. Kuler
Développé par Adobe, Kuler est un outil très complet avec un large panel de nuanciers disponible. Vous pouvez récupérer des nuances à partir d’une image, créer et partager vos nuanciers et plus encore !


4. Contrast A
Un outil très pratique pour tester contraste et lisibilité.


5. Colourlovers
Un des meilleurs sites communautaire sur la couleur, très complet, à mettre au chaud dans vos favoris!


6. Checkmycolours
Très pratique pour savoir si votre site à un bon taux de contraste, il analyse les codes hexa des couleurs employées via le CSS et/ou le HTML.


Allez plus loin


Profil couleur
Comprendre la couleur et ses profils, Espaces colorimétriques, Utilisation des profils ICC


Code couleur
La signification des couleurs, symbolique.


Colorsysteme
Systèmes de couleurs dans l’art et les sciences


La couleur et ses mystères
Dossier futura science sur la couleur


Pourpre
Articles consacrés à la couleur, phénomène physique, perception des couleurs…

 

INFOGRAPHIES


La psychologie de la couleur à voir sur testking


Qu’est ce que le web design dit sur vous, à voir sur sixrevisions

Pinterest