Créer un schéma de couleur : un outil qui facilite la vie du designer

davidm — Sat, 25 Feb 2006 18:27:00 +0100

Le choix des couleurs dans le cadre de la conception d’un site web est souvent un élément déterminant mais dont les choix sont peu formalisés. Il est généralement admis qu’il s’agit d’un processus artistique et en tant que tel, il est rarement explicitement discuté avec le client. Le designer s’appuie plus ou moins sur la symbolique des couleurs ainsi que sur sa pratique du design, ainsi que sur les meilleures pratiques (comme ici) pour proposer des schémas de couleurs. Le choix des couleurs fait partie de la “navette” qui a lieu entre le designer et le client lors de la conception de la maquette.

C’est une approche qui fonctionne et je suis de ceux qui pensent que rien ne remplace l’oeil du designer. Mais force est de constater qu’on peut amélioréer l’efficacité du travail accompli (notamment d’un point de vue des délais et de l’interactivité) en utilisant des outils comme ColorSchemer.

Voici quelques raisons d’utiliser ce type de logiciel…

Si on dit souvent que les goûts et les couleurs sont une question de goût… ce n’est qu’en partie vrai : leur choix et leur association est déterminante dans la conception de site web. Il existe quelques règles de bases (éviter les couleurs criardes, les contrastes trop forts...) et des complémentarité de couleurs… Si on cherche plus loin, on tentera d’utiliser une couleur et une intensité lumineuse adaptée à chaque élément de mise en page, chaque bordure et chaque élément de texte… Mais une fois ces règles admises, il existe une variété de schéma de couleur possibles pour un site web donné... ColorSchemer est un outil qui peut servir à un webdesigner pour présenter des alternatives de schéma de couleur rapidement.

Ce type de logiciel permet :

de montrer au client, à partir d’une couleur donnée, en un clic, les couleurs complémentaires qu’on peut lui associer
la possiblité de “prendre” des couleurs “naturelles” au sein d’une photographie (une technique que j’utilise souvent, qui donne des teintes plus naturelles) : ColorSchemer fait même mieux en proposant une thématique couleur directement en filtrant une photo :)
de donner un premier exemple de page web générée automatiquement à partir d’une thématique couleur
de créer des “gradients” harmonieux (dégradés de couleurs)
de déterminer des combinaison possible entre couleur de fond et couleur de texte
d’imprimer des schémas de couleurs compris dans un thème : cela permet de générer une fiche de synthèse des couleurs utilisées pour la charte du site
d’importer des schémas de couleur : d’un site web, d’une image ou encore d’une palette de couleur photoshop (fichier .aco)
d’exporter

nodeo.net - Blog - Pour un web libre, moderne et ouvert ! - Créatif

Créer un schéma de couleur : un outil qui facilite la vie du designer