14 novembre 2003
Dans les sites que vous allez créer tout comme dans le monde qui nous entoure, les couleurs sont omniprésentes et sont pleines de sens, et ce, contrairement à tout ce que l’on pourrait croire. Ne vous sentez-vous pas doucement agressé lorsque vous vous trouvez dans une pièce rouge ? Tout comme ne vous relaxez-vous pas dans un champ vert ?
Il est important suivant le message que vous souhaitez faire passer d’adapter les couleurs, ou tout du moins de ne pas utiliser de couleur dont le sens serait inverse au propos que vous allez tenir… Elles vont provoquer chez le récepteur de votre message des sensations tant psychologiques que physiques. En gros, chaque couleur correspond à un goût, un parfum, un son ou une texture.
En exagérant un peu, et à titre d’exemple, un site de pompes funèbres ne doit pas être jaune, vous en conviendrez.
On peut départager deux types de couleurs : les couleurs froides (bleu) et les couleurs chaudes (orange ou rouge) et une infinité de combinaisons qui vont osciller entre ces deux types. Le noir et le blanc sont exclus.
Couleur |
Sensations évoquant |
Capacité |
|---|---|---|
Noir |
La mort (si mate) / la fécondité (si brillant).Evoque l’élégance, la mélancolie, le pessimisme, le désespoir, la neutralité. |
Amincit, rétrécit les formes. |
Blanc |
La pureté, la propreté, la virginité, le commencement, la lumière, l’innocence, le vide, une certaine angoisse (vide).Dépourvue d’émotion, de sensualité. |
|
Bleu |
L’immatérialité, apaisement, tranquillité, rêve/sérénité, standard/discipline, peu fantaisiste, froide. |
Rassure (utilisée par 60% des marques) |
Jaune |
Couleur de l’éclat, la vivacité, la valeur, la renaissance, la traîtrise, la gaîté, la vie. |
Peu de vestimentaire dans les jaunes, mal visible avec du blanc. Très lisible sur fond noir.Stimule le cerveau et l’intellect. |
Rouge |
Le risque, l’audace, le feu/sang, la passion/destruction de la passion.Le sens donné change suivant le contexte.Liberté, révolte, interdit/provocation. |
Visible très rapidement, jusqu’à 40x plus vite que les autres couleurs. Le rouge réchauffe et la vue du rouge accélère la circulation du sang. |
Vert |
Espérance, liberté, optimisme, thérapeutique, naturalité, jeunesse.Moisi/passé/pas mûr |
Il calme et rafraîchit. Vertu thérapeutique et apaisante. (se mettre au vert) |
Gris |
Neutralité, équilibre.Effet design dans les tons métallisés. Audace. |
Mettre en confiance. |
Violet |
Trouble, originalité, mystère, réflexion, spiritualité, préciosité, malaise |
Angoissant, choquant en douceur. C’est une couleur raffinée. |
Orange |
Couleur familière, chaleureuse, joyeuse. La paix |
Très visible |
Rose |
La femme, l’enfance, l’harmonie, la douceur, l’amour, le raffinement. |
Améliore la respiration |
On remarquera que, comme marqué ci-dessus, le rouge est la couleur la plus rapidement vue, qui saute le plus à l’œil. Il est donc intelligent de l’utiliser pour mettre en valeur les données importantes d’une page. Le bleu est le plus utilisé pour la création de sites, car c’est la couleur la moins choquantes de celles évoquées en amont.
Média : Interview-Webmaster.com | Lien permanent
01 novembre 2003
Même si l'architecture et le développement d'un site Web sont primordials dans la réussite d'un siteweb, le choix des couleurs est une étape importante qu'il ne faut surtout pas négliger dans la réalisation d'une charte graphique...
Vous qui créez des sites, vous vous êtes évidemment déjà posé la question : "bon, et là maintenant, je mets quelle couleur ?". Beaucoup malheureusement se disent : "ben là, ch'uis chaud pour le rouge, ça va faire bien". Evitez ce genre de réflexion, car cela vous mènera indubitablement à un truc qui n'a pas de sens.
Comment choisir la bonne couleur, prenons la question autrement, quelles couleurs ne pas choisir ? Les couleurs dites "pétantes" sont d'ores et déjà à proscrire, elle ne font que fatiguer les yeux du visiteur, et sont en général réservées aux sites warez, qui sont plus contenu que design. Le jaune est aussi à éviter car il est difficilement visible notamment sur les écrans LCD...
Il faut savoir que d'après des études, un visiteur placé dans une pièce aux couleurs chaudes (rouge, orange, etc.) donne une température de 4° plus élevée que lorsqu'on le met dans une pièce aux couleurs froides à la même température pourtant (source : www.admirabledesign.com). Les couleurs froides ont l'habitude d'amener plus de calme et de confort, cela explique pourquoi elles sont le plus souvent utilisées, cela dit, un peu de chaleur ne fait pas de mal et s'intègre bien parfois.
Ensuite, il faut accentuer les contrastes au maximum, ne pas hésiter sous photoshop® à utiliser des ombres très opaques, des contours d'1px d'épaisseur ou dupliquer le calque et réduire l'opacité de façon à faire un effet d'ombre très agréable.
Contrastes, oui, mais surtout éviter de mélanger certaines couleurs ensemble. le jaune et le rouge par exemple, mais cela, vous le verrez par vous-même de toutes façons. Nous vous mettrons en bas des exemples de couleurs qui peuvent aller ensemble, ce peut être pour vous une bonne source d'inspiration...
Pensez à définir une charte graphique et une ligne de conduite à suivre tout le long de la création de votre site, sans quoi celui-ci pourrait paraître incohérent et... rebuter le visiteur...
Média : Interview-Webmaster.com | Lien permanent