Utilisation de nuanciers fonctionnels

Utilisation de nuanciers
fonctionnels étagés
Nouvelle
version
Nouvelle
version
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
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
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
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 ;-)
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 !
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
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 !
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.
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
- - - 100
45
45
25
25
55
65
70
75 80
75
10 90
45
45
25
25
55
65
70
75 80
75
9010
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.
Yves GOGUELY
Formation Com-Créa - niveau 1
GRETA Clermont-Auvergne
Mise à jour : mars 2020
1 of 13

Recommended

Etagement des valeurs des couleurs by
Etagement des valeurs des couleursEtagement des valeurs des couleurs
Etagement des valeurs des couleursYves Goguely
207 views14 slides
Valeurs et usages des couleurs pures by
Valeurs et usages des couleurs puresValeurs et usages des couleurs pures
Valeurs et usages des couleurs puresYves Goguely
686 views15 slides
Etagement des couleurs d'un nuancier by
Etagement des couleurs d'un nuancierEtagement des couleurs d'un nuancier
Etagement des couleurs d'un nuancierYves Goguely
198 views14 slides
Création de variantes colorées d'une composition by
Création de variantes colorées d'une compositionCréation de variantes colorées d'une composition
Création de variantes colorées d'une compositionYves Goguely
590 views12 slides
Couleurs et contraste de valeurs by
Couleurs et contraste de valeursCouleurs et contraste de valeurs
Couleurs et contraste de valeursYves Goguely
1.8K views17 slides
Compositions MALINES by
Compositions MALINESCompositions MALINES
Compositions MALINESYves Goguely
653 views10 slides

More Related Content

Featured

ChatGPT and the Future of Work - Clark Boyd by
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
28.7K views69 slides
Getting into the tech field. what next by
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
6.7K views22 slides
Google's Just Not That Into You: Understanding Core Updates & Search Intent by
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
7K views99 slides
How to have difficult conversations by
How to have difficult conversations How to have difficult conversations
How to have difficult conversations Rajiv Jayarajah, MAppComm, ACC
5.7K views19 slides
Introduction to Data Science by
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data ScienceChristy Abraham Joy
82.6K views51 slides
Time Management & Productivity - Best Practices by
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
169.8K views42 slides

Featured(20)

ChatGPT and the Future of Work - Clark Boyd by Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd28.7K views
Getting into the tech field. what next by Tessa Mero
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero6.7K views
Google's Just Not That Into You: Understanding Core Updates & Search Intent by Lily Ray
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray7K views
Time Management & Productivity - Best Practices by Vit Horky
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky169.8K views
The six step guide to practical project management by MindGenius
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius36.7K views
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright... by RachelPearson36
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson3612.8K views
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present... by Applitools
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools55.5K views
12 Ways to Increase Your Influence at Work by GetSmarter
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter401.7K views
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G... by DevGAMM Conference
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference3.6K views
Barbie - Brand Strategy Presentation by Erica Santiago
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
Erica Santiago25.1K views
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well by Saba Software
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Saba Software25.3K views
Introduction to C Programming Language by Simplilearn
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming Language
Simplilearn8.5K views
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr... by Palo Alto Software
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
Palo Alto Software88.4K views
9 Tips for a Work-free Vacation by Weekdone.com
9 Tips for a Work-free Vacation9 Tips for a Work-free Vacation
9 Tips for a Work-free Vacation
Weekdone.com7.2K views
How to Map Your Future by SlideShop.com
How to Map Your FutureHow to Map Your Future
How to Map Your Future
SlideShop.com275.1K views

Utilisation de nuanciers fonctionnels

  • 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