Graphisme & WEB

Bienvenue

Introduction : programme objectif évaluation

Programme

Couleur & Typographie
Image et numérique
Charte graphique, logo
Retouche photo et création de visuel
Conception/Optimisation visuels
Dessin vectoriel
Projet individuel

Objectif

Rendre « joli », attractif
et intuitif, le rendu visible de ce que vous produisez.

Évaluation

QCM (Coef 1)

Cas pratique (Coef 2)

Projet individuel (Coef 2)

Couleurs & Web

Le rôle de la couleur

Couleurs & Web

La couleur à l'écran

Aquamarine

Hexadecimale

#7fffd4

décimale

rgb(127, 255, 212)

Couleur & web

Du monde l'impression au monde de l'écran

Les couleurs sont plus flash, plus soutenu sur un écran car l’écran génère de la lumière contrairement à l’impression.

Couleur & web

Choix des couleurs : harmonie

Pour choisir des couleurs, on peut utiliser plusieurs règles d’harmonie chromatique : la couleur semblable, la couleur complémentaire (ou les complémentaires partagées), la triade, les nuances, … Exemple

Complémentaires partagées

Complémentaire

Triade

On va pouvoir jouer sur plusieurs paramètre dans une couleur : Teinte, saturation, luminosité, pourcentage de rouge, pourcentage de vert, …

Couleur & web

Choix des couleurs et usage.

Couleur & web

Quelques petites règles :

• On essaie au maximum d'utiliser de la couleur quand il y a une action à executer, ou un intérer à attirer le regard.

• On utilise la même couleur pour des actions de même type.

• On évite (sauf cas particulier) d'utiliser plus de 3 couleurs dans une charte.

Exercice !

Voici une maquette. A vous de choisir les couleurs qui le rendront inoubliable ! N'oubliez pas d'utiliser https://color.adobe.com/fr/create/

See the Pen Exercice Colors by Jordy DADEN (@ComUnique) on CodePen.