10.02.2013 Views

COURS DE WEB DESIGN - Le blog de Helmut - Ivoire Blog

COURS DE WEB DESIGN - Le blog de Helmut - Ivoire Blog

COURS DE WEB DESIGN - Le blog de Helmut - Ivoire Blog

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

1- IMAGES & COULEURS<br />

<strong>COURS</strong> <strong>DE</strong> <strong>WEB</strong> <strong>DE</strong>SIGN<br />

Avant <strong>de</strong> se lancer dans le web<strong>de</strong>sign, il me semble intéressant <strong>de</strong> faire un petit rappel <strong>de</strong>s choses<br />

essentielles dans le traitement d’image. Certains éléments <strong>de</strong> ce rappel paraîtront simple à certains mais<br />

seront utiles à d’autres…<br />

Vocabulaires :<br />

RVB : La couleur est définie par une combinaison <strong>de</strong> rouge, vert et bleu. Cette palette est dite additive.<br />

CMJN : la couleur est définie par une combinaison <strong>de</strong> cyan, magenta, jaune et noir. Cette palette est dite<br />

soustractive<br />

Connaissances indispensables sur les images :<br />

<strong>Le</strong> spectre : Il s’agit <strong>de</strong> toutes les couleurs possibles d’un espace chromatique comme le RVB ou CMJN.<br />

La teinte : Elle définit un point précis du cercle chromatique ou spectre ci-<strong>de</strong>ssus.<br />

La valeur : Décrit la plage <strong>de</strong> couleurs, du pâle au vif. On modifie la valeur pour faire passer une image du<br />

rouge foncer au rouge clair par exemple.<br />

La saturation : Définit l'intensité d'une couleur. <strong>Le</strong>s couleurs assourdies sont <strong>de</strong>s couleurs dont la saturation<br />

est très faible, on peut ainsi transformer une même couleur en plusieurs autres.<br />

<strong>Le</strong> contraste : Il s'agit <strong>de</strong> l'écart entre les valeurs. La lisibilité d'un texte est liée au contraste. Il faut donc<br />

faire très attention au contraste quand on réalise un logo par exemple.<br />

Pour résumer :<br />

Connaître la terminologie <strong>de</strong>s couleurs est utile pour détailler le choix d'une combinaison <strong>de</strong> couleurs<br />

efficace. La teinte, la valeur et la saturation sont les éléments clés d'une sélection <strong>de</strong> couleurs.<br />

La valeur (luminosité ou absence <strong>de</strong> luminosité) <strong>de</strong> vos couleurs affecte la lisibilité du résultat final. Il est<br />

important d'appliquer <strong>de</strong> forts contrastes aux zones <strong>de</strong> textes si vous utilisez une image <strong>de</strong> fond pour un<br />

tableau par exemple.<br />

Comme vous le savez déjà certainement chaque couleur à une signification, il faut absolument prendre en<br />

compte ce critère lors <strong>de</strong> la création <strong>de</strong> votre charte graphique.<br />

Il y a trois types <strong>de</strong> couleurs :<br />

<strong>Le</strong>s couleurs primaires : Il s’agit <strong>de</strong>s couleurs <strong>de</strong> base, on ne peut pas les obtenir en mélangeant d’autres<br />

couleurs. Ce sont les couleurs que nos yeux perçoivent le mieux : le rouge, le jaune et le bleu.<br />

<strong>Le</strong>s couleurs secondaires : Pour obtenir une couleur secondaire il faut mélanger <strong>de</strong>ux à <strong>de</strong>ux, à parts<br />

égales les couleurs primaires.<br />

Par exemple du jaune et du rouge donneront <strong>de</strong> l’orange, le bleu et le jaune du vert ou encore le bleu et le<br />

rouge donneront du violet.<br />

<strong>Le</strong>s couleurs tertiaires : Pour obtenir une couleur tertiaire on mélange <strong>de</strong>ux couleurs secondaires à part<br />

égales. Ces couleurs sont toutes voisines sur la roue <strong>de</strong>s couleurs, elles se marient facilement et donnent<br />

ainsi un ensemble visuellement agréable. <strong>Le</strong>s couleurs qui contrastent entre elles sont celles qui sont<br />

diamétralement opposées sur la roue comme le vert et l'orange ou le violet et la jaune. L'association <strong>de</strong> <strong>de</strong>ux<br />

couleurs opposées donne un résultat assez fatiguant pour l'œil, donc à ne pas utiliser en web<strong>de</strong>sign.<br />

Cabinet <strong>de</strong> formation <strong>Le</strong> Groupe Bowl -JCMOUTOH Utiliser Dreamweaver 2

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!