Compositions MALINES

Studio BenZiv - Formation COM-Créa
Mettre en œuvre des compositions
M A L I N E S
M
A
L
I
N
E
S
Marges choisies
Lignes structurantes solides
Niveaux hiérarchiques évidents
Simplicité prioritaire
Alignements en nombre réduit
Informations regroupées
Espacements ajustés
Marges minimum
1/32e de la plus grande dimension (hauteur ou largeur) du cadre.
29,7/32 = 0,93 (environ 9 mm) • 14,8/32 = 0,46 (environ 5 mm).
Marges confortables
1/16e de la plus grande dimension (hauteur ou largeur) du cadre
29,7/16 = 1,86 (environ 19 mm) • 14,8/32 = 0,92 (environ 9 mm).
Marges choisies
Pour déterminer clairement ce qui est placé dans la composition,
ce qui est situé à sa périphérie et ce qui en est sorti.
Alignements en nombre réduit
Pour aligner ce qui doit être visuellement lié et ne pas pertuber la lecture
en multipliant les dispositifs d’association
Choix d’un alignement dominant
Alignement à gauche, à droite, centré ou justifié.
Utilisation d’un autre alignement
Le contexte de la composition nécessite parfois l’utilisation
d’un alignement différent de celui choisi pour la majorité du texte.
Grille de structuration issue du format du cadre
Une grille à la moitié, aux tiers, aux quarts du format,
ou éventuellement une grille aux huitièmes (3 + 5 = 8 et 8 ÷ 5 = 1,6),
sert de charpente à l’ensemble de la composition.
Parallèles obliques structurantes
Les diagonales du cadre ou des modules de la grille ainsi que leurs parallèles
servent d’appui aux contenus (textes et images) et aux formes structurantes.
Lignes structurantes solides
Pour renforcer la cohésion des différents éléments de la composition
et positionner les formes structurantes
Informations regroupées
Pour faciliter la perception, l’interprétation
et la compréhension du message transmis
Information globale découpée
Les informations textuelles et et les images sont plus faciles à percevoir
si elles sont découpées en unités plus petites
Disposition structurée des informations
L’interprétation du message à transmettre est conditionnée
par la cohérence de l’organisation des unités d’informations.
Niveaux hiérarchiques évidents
Pour rendre l’important repérable au premier coup d’œil
et différencier ce qui vient en deuxième, en troisième, etc.
Échelle des tailles
Le primordial est plus grand que le secondaire.
Contraste des valeurs entre formes et fond
Le primordial se détache davantage du fond que le secondaire.
Espacements ajustés
Pour différencier ou associer les groupes d’éléments informatifs
et permettre au regard de se reposer dans des espaces vides
entre deux groupes d’informations.
Séparer pour différencier
À l’inverse, des éléments éloignés les uns des autres sont perçus
comme étant moins liés que des éléments plus rapprochés.
Rapprocher pour associer (principe de proximité)
Des éléments proches les uns des autres sont perçus
comme étant davantage liés que des éléments plus espacés.
Simplicité prioritaire
Pour trancher entre deux solutions fonctionnelles ou esthétiques
et orienter globalement le travail de composition graphique
Rasoir d’Ockham (ou principe de parcimonie)
Le complexe ne doit pas être utilisé sans nécessité.
Philosophie de Python (Tim Peters)
Le simple vaut mieux que le complexe.
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

Compositions MALINES

  • 1. Studio BenZiv - Formation COM-Créa Mettre en œuvre des compositions M A L I N E S
  • 2. M A L I N E S Marges choisies Lignes structurantes solides Niveaux hiérarchiques évidents Simplicité prioritaire Alignements en nombre réduit Informations regroupées Espacements ajustés
  • 3. Marges minimum 1/32e de la plus grande dimension (hauteur ou largeur) du cadre. 29,7/32 = 0,93 (environ 9 mm) • 14,8/32 = 0,46 (environ 5 mm). Marges confortables 1/16e de la plus grande dimension (hauteur ou largeur) du cadre 29,7/16 = 1,86 (environ 19 mm) • 14,8/32 = 0,92 (environ 9 mm). Marges choisies Pour déterminer clairement ce qui est placé dans la composition, ce qui est situé à sa périphérie et ce qui en est sorti.
  • 4. Alignements en nombre réduit Pour aligner ce qui doit être visuellement lié et ne pas pertuber la lecture en multipliant les dispositifs d’association Choix d’un alignement dominant Alignement à gauche, à droite, centré ou justifié. Utilisation d’un autre alignement Le contexte de la composition nécessite parfois l’utilisation d’un alignement différent de celui choisi pour la majorité du texte.
  • 5. Grille de structuration issue du format du cadre Une grille à la moitié, aux tiers, aux quarts du format, ou éventuellement une grille aux huitièmes (3 + 5 = 8 et 8 ÷ 5 = 1,6), sert de charpente à l’ensemble de la composition. Parallèles obliques structurantes Les diagonales du cadre ou des modules de la grille ainsi que leurs parallèles servent d’appui aux contenus (textes et images) et aux formes structurantes. Lignes structurantes solides Pour renforcer la cohésion des différents éléments de la composition et positionner les formes structurantes
  • 6. Informations regroupées Pour faciliter la perception, l’interprétation et la compréhension du message transmis Information globale découpée Les informations textuelles et et les images sont plus faciles à percevoir si elles sont découpées en unités plus petites Disposition structurée des informations L’interprétation du message à transmettre est conditionnée par la cohérence de l’organisation des unités d’informations.
  • 7. Niveaux hiérarchiques évidents Pour rendre l’important repérable au premier coup d’œil et différencier ce qui vient en deuxième, en troisième, etc. Échelle des tailles Le primordial est plus grand que le secondaire. Contraste des valeurs entre formes et fond Le primordial se détache davantage du fond que le secondaire.
  • 8. Espacements ajustés Pour différencier ou associer les groupes d’éléments informatifs et permettre au regard de se reposer dans des espaces vides entre deux groupes d’informations. Séparer pour différencier À l’inverse, des éléments éloignés les uns des autres sont perçus comme étant moins liés que des éléments plus rapprochés. Rapprocher pour associer (principe de proximité) Des éléments proches les uns des autres sont perçus comme étant davantage liés que des éléments plus espacés.
  • 9. Simplicité prioritaire Pour trancher entre deux solutions fonctionnelles ou esthétiques et orienter globalement le travail de composition graphique Rasoir d’Ockham (ou principe de parcimonie) Le complexe ne doit pas être utilisé sans nécessité. Philosophie de Python (Tim Peters) Le simple vaut mieux que le complexe.
  • 10. Réalisation : Yves Goguely http://studiobenziv.wordpress.com