Graphisme ÉCLAIRÉ

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.
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
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.
É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.
Réalisation : Yves Goguely
http://studiobenziv.wordpress.com
1 of 10

Recommended

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
196 views14 slides
Utilisation de nuanciers fonctionnels by
Utilisation de nuanciers fonctionnelsUtilisation de nuanciers fonctionnels
Utilisation de nuanciers fonctionnelsYves Goguely
632 views13 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
683 views15 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
588 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
Etagement des valeurs des couleurs by
Etagement des valeurs des couleursEtagement des valeurs des couleurs
Etagement des valeurs des couleursYves Goguely
205 views14 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
22.6K 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
5.5K 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
6.2K 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
4.7K views19 slides
Introduction to Data Science by
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data ScienceChristy Abraham Joy
82.2K views51 slides
Time Management & Productivity - Best Practices by
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
169.7K 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 Boyd22.6K 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 Mero5.5K 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 Ray6.2K 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.7K 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.6K 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.6K 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.6K 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.2K views
Introduction to C Programming Language by Simplilearn
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming Language
Simplilearn8.4K 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

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