Si l'impact des couleurs sur le web, sur la recherche d’informations et leur mémorisation et sur la transformation est important (cela fera l'objet d'un post ultérieur) elles sont souvent difficiles à choisir et à assembler.
Aujourd'hui, un court article afin de vous faire partager une découverte :
Il s'agit d'un outil génial d'aide au choix de palettes de couleurs.
Colorschemedesigner.com propose en effet des assemblages de couleurs à partir d'une couleur de base.
Couleurs primaires, tertiaires, complémentaires, il existe des règles d'assemblage à respecter. C'est là que colorschemedesigner intervient et vous facilite la tâche... tout en provoquant un wow effect certain.
Comment cela fonctionne -t-il ?
L'interface et les fonctions :
La première étape consiste à choisir la couleur de départ, à partir de votre charte graphique, de vos goûts etc. sur une roue chromatique.
Ensuite il faut choisir le type de modèle à générer : monochromatique, complémentaire, tertiaire, quadruple, analogique et analogique accentué.
Un menu d'aide contextuel (show tooltips) vous aidera à choisir le modèle correspondant le mieux à votre besoin, par exemple : "Le modèle monochromatique est basé sur une seule couleur et utilise uniquement des variations de cette couleur par modification de sa saturation et de sa luminosité ; le résultat est confortable pour la vue, même avec des couleurs criardes ; cependant ce modèle ne permet pas une identification aisée des objets à mettre plus en avant."
Une fois votre couleur sélectionnée, ainsi que votre thème, vous pouvez visualiser une page type utilisant cette palette. Par exemple, pour un modèle complémentaire à partir d'un violet, en déclinaison claire et foncée, cela donne :
Une fois le résultat obtenu, il ne vous reste plus qu'à exporter votre travail. Pour ce faire vous pouvez obtenir, à l'écran, la liste de couleurs ou exporter votre palette directement en HTML + CSS, XML, texte, ACO (palette Photoshop), ou GPL (palette GIMP).
Ayant pensé à tout, le concepteur de cet outil génial a intégré un simulateur d'anomalie de vision des couleurs (dyschromatopsie) très complet gérant deutéranopie (daltonisme), deutéranomalie, tritanopie etc.
Notre même palette, vu par un daltonien donnerait donc :
Dernière chose avant de vous laisser découvrir par vous même colorschemedesigner :
La page n'est pas construite en flash mais en jquery ce qui permet un site très léger (266 ko dont 153 ko de scripts) et accessible à partir d'un Iphone.
Coup de chapeau à Peter Stanicek qui a conçu cet outil et l'optimise depuis 2002.
Excellent outil, merci !
RépondreSupprimer