Création de nuanciers fonctionnels en design graphique. Exercices de répartition de couleurs aux valeurs étagées sur des compositions graphiques simples. Utilisation des gris correspondants avec un nuancier fonctionnel étagé.

1. Utilisation de nuanciers
fonctionnels étagés
Nouvelle
version
Nouvelle
version

2. 45 - 25 = 20
45 - 25 = 20
Dans cette approche,
les gris se substituent
aux couleurs choisies
pour multiplier
les utilisations.
L’écart entre les
valeurs des couleurs
est de 20%. Le contraste
est donc juste suffisant
pour lire confortablement !
45
45
25
25
55
65
70
75 80
75
10 90
45
45
25
25
55
65
70
75 80
75
9010

3. Dans cet exemple,
on utilise des couleurs
dont les valeurs
offrent un fort
contraste.
L’écart entre les
valeurs des couleurs
est de 45%. Le contraste
est donc largement suffisant
et la lecture très confortable !
70 - 25 = 45
70 - 25 = 45
45
45
25
25
55
65
70
75 80
75
10 90
45
45
25
25
55
65
70
75 80
75
9010

4. Usages fonctionnels de 2 couleurs pures
4 couleurs dont 2 gris de substitution sont utilisés pour chaque proposition
45 - 75 45 - 75 25 - 70 25 - 70
25 - 70 25 - 70 25 - 55 25 - 55

5. Autres usages fonctionnels de 2 couleurs pures
25 - 75 25 - 75 45 - 7545 - 75
Choisissez 2 couleurs pures en fonction des valeurs proposées pour former
2 nuanciers fonctionnels. Testez les nuanciers construits en permutant couleurs
et nuances de gris sur les étiquettes ci-dessous (comme sur la page précédente)
45
45
25
25
55
65
70
75 80
75
10 90
45
45
25
25
55
65
70
75 80
75
9010
Les contours sont utilisés pour visualiser les formes blanches sur fond blanc. Il est inutile de les conserver
après colorisation des formes. Keep it simple... la perfection est atteinte quand il n’y a plus rien à retrancher ;-)

6. Usage de 2 couleurs pures + noir
Les gris correspondants sont utilisés en substitution
20 - 70 - 100
Dans l’exemple ci-dessus, le blanc n’est
pas utilisé dans les blocs de composition,
par contre il est présent en arrière-plan !

7. 00 - -
Nuancier de 2 couleurs pures + blanc
Choisissez 2 couleurs pures pour les ajouter au blanc du nuancier.
Formez ainsi un nuancier de 3 couleurs étagées et testez ce nuancier
en permutant occasionnellement une couleur et le gris correspondant.
45 45
25 25
55 65
70 75
8075
10
90
45 45
25 25
55 65
70 75
8075
90
10

8. Usages de 3 couleurs pures étagées + blanc
00 - 25 - 55 - 90
etc.
Dans les exemples de cette page, les gris n’ont pas été utilisés !

9. Continuez à substituer des gris dans les variantes colorisées ci-dessous
00 - 25 - 55 - 90
Le nombre de gris substitués est laissé à votre appréciation.

10. Nuanciers de 3 couleurs pures + noir
Choisissez 3 couleurs pures à ajouter au noir.
Formez ainsi 1 nuancier fonctionnel de 4 couleurs.
Testez le nuancier en colorisant la composition ci-dessous.
- - - 100
45
45
25
25
55
65
70
75 80
75
10 90
45
45
25
25
55
65
70
75 80
75
9010

11. - - - 100
45
45
25
25
55
65
70
75 80
75
10 90
45
45
25
25
55
65
70
75 80
75
9010

12. Couleurs étagées pour nuanciers fonctionnels
30 35 40
40
40
30
30
30
30
20
20
20 25
25
30 3520 25
25
60 65
50
55 60
7570
55
55
60 65 7570 80 90
80 90
80 90
100
100
100
100
100
100
10
10
20 2510
10
10
10
45
45
40
50
50
45
40353020 25 55 60 65 75
70 75
70 80
80
90 10010 5045
4035 55 60 65 7570 80 90
55 60 65 7570 80 90
5045 55 60 65 7570 80 90
5045
5045
35
403020 25 55 60 65 757010 45 5035
80 90 100403020 25 55 60 65 757010 45 5035
20 25 35
Couleurs composées de 2 primaires maximum et parfois de noir.
Le classement proposé est approximatif mais assez précis pour construire des nuanciers étagés.

13. Yves GOGUELY
Formation Com-Créa - niveau 1
GRETA Clermont-Auvergne
Mise à jour : mars 2020