SlideShare une entreprise Scribd logo

Utilisation de nuanciers fonctionnels

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  sur  13
Télécharger pour lire hors ligne
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 !

Recommandé

Etagement des valeurs des couleurs
Etagement des valeurs des couleursEtagement des valeurs des couleurs
Etagement des valeurs des couleursYves Goguely
 
Valeurs et usages des couleurs pures
Valeurs et usages des couleurs puresValeurs et usages des couleurs pures
Valeurs et usages des couleurs puresYves Goguely
 
Etagement des couleurs d'un nuancier
Etagement des couleurs d'un nuancierEtagement des couleurs d'un nuancier
Etagement des couleurs d'un nuancierYves Goguely
 
Création de variantes colorées d'une composition
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
 
Couleurs et contraste de valeurs
Couleurs et contraste de valeursCouleurs et contraste de valeurs
Couleurs et contraste de valeursYves Goguely
 
Compositions MALINES
Compositions MALINESCompositions MALINES
Compositions MALINESYves Goguely
 
Graphisme ÉCLAIRÉ
Graphisme ÉCLAIRÉGraphisme ÉCLAIRÉ
Graphisme ÉCLAIRÉYves Goguely
 
MoTIFF : 5 couches dans une composition
MoTIFF : 5 couches dans une compositionMoTIFF : 5 couches dans une composition
MoTIFF : 5 couches dans une compositionYves Goguely
 

Contenu connexe

En vedette

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - 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 Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
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
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
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...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
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...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

En vedette (20)

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - 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
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
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
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
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...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
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...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 

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