Définitions
Communauté
Articles

Fermer 00. Articles libres

Fermer 00. Présentation

Fermer 01. Principes généraux

Fermer 02. Univers et scénarios

Fermer 03. Personnages

Fermer 05. Choix et utilisation du média

Fermer 06. Rédaction

Fermer 07. Gestion

Fermer 09. Art et webdesign

Visites

   visiteurs

   visiteurs en ligne

09. Art et webdesign - La couleur sur les sites de jeu d'interprétation

Pourquoi traiter des couleurs ?

Plus que tout autre site, un site ou un forum lié à un jeu de rôle en ligne se doit d'être évocateur, de stimuler l'imaginaire, de porter au rêve, de transmettre une ambiance... Les couleurs retenues tout autant que les éléments graphiques et l'organisation de la page vont y contribuer.

Trop souvent, la couleur d'un site est choisie un peu au hasard : sous le coup d'une inspiration extérieure, par goût esthétique, par choix ergonomique... Mais elle fait rarement l'objet d'un choix concerté. Or, la couleur est un élément déterminant qui possède son propre langage, qui ne s'arrête pas à une représentation symbolique mais s'adresse directement à une sensibilité façonnée par notre culture et notre environnement.

La couleur sur écran

Quand on travaille sur écran, il faut oublier les vieux principes de mélange des couleurs, BA-BA de nos cours de dessin à l'école, qui veut que les couleurs primaires soient le jaune, le cyan et le magenta, et que leur mélange donne une vague bouillasse noirâtre.

Ce qu'on nomme couleur est en fait une fréquence d'onde lumineuse, telle qu'elle est perçue par l'oeil humain (pour faire bref). Dès le XVIIe siècle, Newton avait démontré que la lumière blanche pouvait se décomposer en différentes couleurs, qui elles-mêmes pouvaient se recomposer en lumière blanche. Le physicien Young, en 1807, découvrit que notre oeil était particulièrement sensible à trois longueurs d'onde, qui correspondent au vert, au rouge et au bleu, et que ces trois dernières suffisaient pour recomposer toutes les autres couleurs.

Cette découverte devait trouver une application bien plus tardive avec la création des moniteurs couleurs, qui utilisent cette "synthèse additive des couleurs" pour restituer à nos yeux la richesse chromatique du monde... Néanmoins, un écran est loin de pouvoir restituer toute la variété des nuances qui existent dans le monde réel. Il est notamment faible dans la restitution des teintes vertes, jaunes-vertes ou cyan.

Par ailleurs, le rendu des couleurs peut varier en fonction de divers critères. Tous les écrans n'ont pas le même rendu des couleurs. Contrairement à une croyance trop répandue, les écrans CRT (cathodiques) ont un rendu plus fidèle et nuancé que les écrans plats, surtout d'entrée de gamme, où les couleurs apparaissent comme dénaturées et trop vives. Selon le système d'exploitation employé, les couleurs peuvent aussi varier, ce qui a conduit à la création d'une palette de 216 couleurs dite "Websafe" qui auront à peu près le même rendu quelle que soit la plate-forme.

Un peu de vocabulaire

Quand on parle d'une couleur, on la décrit généralement comme sombre ou claire, terne ou vive. Ces notions sont comprises de tous. Au niveau technique, les mots seront un peu différents...

Toujours en simplifiant, la couleur sera définie par trois choses :

  • la teinte ;
  • la valeur ;
  • la saturation.

La teinte est la fréquence de l'onde lumineuse : dans l'arc-en-ciel, on en définit sept (rouge, orange, jaune, vert, bleu, indigo, violet...) mais c'est une convention. Newton ayant introduit l'indigo afin de baser la décomposition du spectre sur le chiffre sept, censé représenter un équilibre parfait, on en retient plutôt six actuellement. Il existe entre ces teintes principales une infinité de nuances... Autant dire que nous avons le choix.

La valeur correspond à l'amplitude lumineuse de la couleur. Une couleur de faible valeur tendra vers le noir, une couleur de valeur élevée vers le blanc. Elle déterminera donc si une couleur est sombre ou claire.

La saturation pourrait être définie par la pureté de la couleur : on considère qu'on désature une couleur quand on la mélange avec un gris de même valeur. Plus la proportion de gris est importante, moins la couleur est saturée. Plus elle est basse, plus la couleur sera saturée, donc vive. Une image totalement désaturée apparaîtra en noir et blanc.

A noter que les logiciels graphiques, lors de l'opération dite de "désaturation", baissent à part égale la saturation et la valeur : sinon, les teintes pures deviendraient blanches lors de la désaturation.

Les logiciels graphiques permettent de choisir les couleurs soit à partir de ces trois principes, soit à partir de la quantité de rouge, bleu et vert que contient une couleur (couleurs RVB). Les trois couleurs à leur niveau maximal donnent du blanc, à leur niveau minimal, du noir. Un gris sombre correspondra à un niveau égal de rouge sombre, de vert sombre et de bleu sombre.

Comment choisir ses couleurs

Les premiers critères qui vont nous guider sont ceux de l'ergonomie et de l'esthétisme.

Si l'esthétisme joue une part importante dans nos choix de couleurs, l'ergonomie doit rester primordiale. Certaines teintes pures, si elles prennent trop d'importance dans la page, peuvent blesser l'oeil par leur vivacité. Il est souvent préférable pour des grandes plages de couleur d'utiliser des couleurs plus sombres, plus pâles ou désaturées. Par ailleurs, l'association de certaines couleurs peut être désagréable à l'oeil ou manquer de constraste.

Au delà de l'esthétisme et des préférences personnelles, chaque couleur se trouve investie d'une signification symbolique : philosophique, religieuse, ésotérique... Même si nous n'en avons pas toujours conscience, ce langage est très profondément enfoui dans notre subconscient. Cette signification peut changer d'une culture à l'autre, éventuellement d'une période à l'autre... Avec le développement de la publicité et de la communication par l'image, les couleurs ont parfois revêtu de nouvelles nuances de signification, plus ou moins basées sur leur symbolique antérieure. Elles évoquent aussi certaines matières, certaines ambiances, certains objets...

La plupart des sources sur la symbolique des couleurs ont tendance à mélanger allègrement les époques et les domaines géographiques, à mêler sans discernement ésotérisme et langage publicitaire actuel, à évoquer les impacts psychologiques sans les rattacher aux données historiques et culturelles. Aussi, si le sujet vous intéresse, vous faudra-t-il faire preuve de discernement face aux sources que vous consulterez et de vous reporter si besoin est aux ouvrages de spécialistes tel que Michel Pastoureau, dont les recherches sur l'histoire des couleurs font autorité.

Dans la pratique, essayez de vous limiter aux données culturelles occidentales, car c'est à elles que réagira l'immense majorité de votre public : vos joueurs ont peu de chance de réaliser intuitivement que le vert de votre site symbolise le cinquième chakra...

Sources utiles sur le web

Théorie des couleurs

Symbolique des couleurs

Utilisation des couleurs en webdesign


Date de création : 08/12/2008 @ 13:02
Dernière modification : 03/05/2009 @ 12:33
Catégorie : 09. Art et webdesign
Page lue 322 fois


Prévisualiser Prévisualiser     Imprimer l'article Imprimer l'article

Réactions à cet article


Personne n'a encore laissé de commentaire.
Soyez donc le premier !


Préférences

Se reconnecter
---

Votre nom (ou pseudo) :

Votre code secret


 Nombre de membres 5 membres


Connectés :

( personne )
Lettre d'information
Pour avoir des nouvelles de ce site, inscrivez-vous à notre Newsletter.
S'abonner
Se désabonner
Abonné
( personne )

Snif !!!
Recherche



^ Haut ^