SlideShare une entreprise Scribd logo

Graphisme ÉCLAIRÉ

Le graphisme en 7 points : étagement des couleurs, contraste, parcours de lecture, accord typographique, simplification des images, rapport texte-image, équilibre des masses.

1  sur  10
Télécharger pour lire hors ligne
Studio BenZiv - Formation COM-Créa
Un design graphique
É C L A I R É
É
C
L
A
I
R
É
Étagement des couleurs régulier
Lecture guidée
Images simplifiées
Contrastes appropriés
Accord typographique cohérent
Rapport lettrage-image choisi
Équilibre des masses ajusté
Étagement des couleurs régulier
Pour faciliter la superposition des couleurs entre elles et attribuer
à chaque couleur un rôle et une surface différenciés
Étagement qualitatif des couleurs
Contraste de 20 % minimum entre les valeurs des couleurs voisines
et contraste identique entre deux couleurs voisines du nuancier.
Étagement quantitatif des couleurs principales
Dominante - Médiante - Tonique.
Contrastes appropriés
Pour faire voir nettement ce qui doit être montré
et faire « ne pas voir » ce qui doit être dissimulé.
Contraste de valeur entre formes et fond
10 % pour une mise en retrait.
20 % au moins pour une lecture confortable.
50 % minimum pour une mise en évidence.
Choix des couleurs approprié au contraste voulu
La valeur d’une couleur importe davantage que sa teinte.
Prise en compte de la lecture en Z
Les occidentaux lisent de gauche à droite,
en commencant leur lecture en haut à gauche et en la finissant en bas à droite.
Modification effective de l’ordre habituel de lecture
Divers paramètres, volontairement mis en place,
modifient l’ordre habituel de lecture (taille relative, contraste forme-fond,
lignes de force, direction des regards, etc.).
Lecture guidée
Pour permettre un lecture de ce qui doit être lu,
dans l’ordre de lecture souhaité.
Accord typographique cohérent
Les polices expressives et ornées à leur place,
les polices fonctionnelles et simplifiées à la leur.
Une police pour les textes en grands corps
Textes de lecture discontinue : titres, sous-titres, accroches, etc.
Une police pour les texte en petits corps
Textes de lecture continue : paragraphes, légendes, notes, folios, etc.

Recommandé

Etagement des couleurs d'un nuancier
Etagement des couleurs d'un nuancierEtagement des couleurs d'un nuancier
Etagement des couleurs d'un nuancierYves Goguely
 
Utilisation de nuanciers fonctionnels
Utilisation de nuanciers fonctionnelsUtilisation de nuanciers fonctionnels
Utilisation de nuanciers fonctionnelsYves 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
 
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
 
Etagement des valeurs des couleurs
Etagement des valeurs des couleursEtagement des valeurs des couleurs
Etagement des valeurs des couleursYves Goguely
 
Compositions MALINES
Compositions MALINESCompositions MALINES
Compositions MALINESYves 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
 

Graphisme ÉCLAIRÉ

  • 1. Studio BenZiv - Formation COM-Créa Un design graphique É C L A I R É
  • 2. É C L A I R É Étagement des couleurs régulier Lecture guidée Images simplifiées Contrastes appropriés Accord typographique cohérent Rapport lettrage-image choisi Équilibre des masses ajusté
  • 3. Étagement des couleurs régulier Pour faciliter la superposition des couleurs entre elles et attribuer à chaque couleur un rôle et une surface différenciés Étagement qualitatif des couleurs Contraste de 20 % minimum entre les valeurs des couleurs voisines et contraste identique entre deux couleurs voisines du nuancier. Étagement quantitatif des couleurs principales Dominante - Médiante - Tonique.
  • 4. Contrastes appropriés Pour faire voir nettement ce qui doit être montré et faire « ne pas voir » ce qui doit être dissimulé. Contraste de valeur entre formes et fond 10 % pour une mise en retrait. 20 % au moins pour une lecture confortable. 50 % minimum pour une mise en évidence. Choix des couleurs approprié au contraste voulu La valeur d’une couleur importe davantage que sa teinte.
  • 5. Prise en compte de la lecture en Z Les occidentaux lisent de gauche à droite, en commencant leur lecture en haut à gauche et en la finissant en bas à droite. Modification effective de l’ordre habituel de lecture Divers paramètres, volontairement mis en place, modifient l’ordre habituel de lecture (taille relative, contraste forme-fond, lignes de force, direction des regards, etc.). Lecture guidée Pour permettre un lecture de ce qui doit être lu, dans l’ordre de lecture souhaité.
  • 6. Accord typographique cohérent Les polices expressives et ornées à leur place, les polices fonctionnelles et simplifiées à la leur. Une police pour les textes en grands corps Textes de lecture discontinue : titres, sous-titres, accroches, etc. Une police pour les texte en petits corps Textes de lecture continue : paragraphes, légendes, notes, folios, etc.
  • 7. Réduction du nombre de couleurs et de valeurs Images en niveaux de gris, en bichromie, en noir et blanc (silhouettes, silhouettes ajourées), etc. Réduction du nombre de détails et de formes Images matricielles filtrées (seuil, isohélie, etc.), images vectorielles schématiques ou pictographiques. Images simplifiées Pour renforcer l’impact des images en réduisant le nombre des composants de chaque image
  • 8. Place image > place lettrage L’émotion (le non-verbal) l'emporte a priori sur la réflexion (verbal). Dans les 2 cas, seul le rapport quantitatif de la place occupée par chaque média est prise en compte. Place lettrage > place image La réflexion (le verbal) l'emporte a priori sur l’émotion (le non-verbal). Rapport lettrage-image choisi Pour donner à l’un ou à l’autre des médias l’importance requise par les objectifs de communication du projet.
  • 9. Équilibre des masses ajusté Pour stabiliser ou dynamiser la composition dans le cadre de la page-écran Répartition statique ou dynamique des masses Symétrie, dissymétrie et asymétrie dans un espace clairement délimité. Évaluation du poids graphique de chaque élément Taille + contraste forme-fond + espacement = masse graphique.
  • 10. Réalisation : Yves Goguely http://studiobenziv.wordpress.com