Studio BenZiv - Formation COM-Créa
Mettre en œuvre des compositions
CLAIRES
C
L
A
I
R
E
S
Contrastes appropriés
Accord typographique cohérent
Rapport proportionnel choisi
Simplicité en tout
Lignes de force structurantes
Informations hiérarchisées
Étagement des couleurs
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
35 % minimum pour une mise en évidence
Lignes de force structurantes
Pour aligner ce qui doit être visuellement lié
et ne pas aligner ce qui doit être séparé.
Grille de structuration en appui sur le cadre
Grille à la moitié, aux tiers ou aux quarts
Grille aux huitièmes (3 + 5 = 8)
Parallèles obliques structurantes
Diagonales du cadre ou des modules de la grille
Accord typographique cohérent
Les polices très expressives et très ornées à leur place,
les polices fonctionnelles et simplifiées à la leur.
Une police pour les textes en grands corps
Titres, sous-titres, accroches, etc.
Une police pour les texte en petits corps
Intitulés fonctionnels, paragraphes, légendes, notes, folios, etc.
Informations hiérarchisées
Pour rendre l’important repérable au premier coup d’œil
et différencier ce qui vient en deuxième, en troisième, etc.
Echelle 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
Rapport proportionnel choisi
Pour donner un rythme clair aux proportions
des éléments de la composition
Rapport tiré des suites de Fibonacci et de Lucas (1,618)
1 - 2 - 3 - 5 - 8 - 13 - 21 - 34 - 55 - 89 - 144 - etc.
2 - 4 - 6 - 10 - 16 - 26 - 42 - 68 - 110 - 178 - etc.
4 - 7 - 11 - 18 - 29 - 47 - 76 - 123 - 199 - 322 - etc.
Rapport mathématique simple (2 ou 1,5)
2 - 4 - 8 - 16 - etc. ou 2 - 3 - 4,5 - 6,8 - 10,1 - etc.
Étagement des couleurs
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
Simplicité en tout
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

mettre en œuvre des compositions C-L-A-I-R-E-S

  • 1.
    Studio BenZiv -Formation COM-Créa Mettre en œuvre des compositions CLAIRES
  • 2.
    C L A I R E S Contrastes appropriés Accord typographiquecohérent Rapport proportionnel choisi Simplicité en tout Lignes de force structurantes Informations hiérarchisées Étagement des couleurs
  • 3.
    Contrastes appropriés Pour fairevoir 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 35 % minimum pour une mise en évidence
  • 4.
    Lignes de forcestructurantes Pour aligner ce qui doit être visuellement lié et ne pas aligner ce qui doit être séparé. Grille de structuration en appui sur le cadre Grille à la moitié, aux tiers ou aux quarts Grille aux huitièmes (3 + 5 = 8) Parallèles obliques structurantes Diagonales du cadre ou des modules de la grille
  • 5.
    Accord typographique cohérent Lespolices très expressives et très ornées à leur place, les polices fonctionnelles et simplifiées à la leur. Une police pour les textes en grands corps Titres, sous-titres, accroches, etc. Une police pour les texte en petits corps Intitulés fonctionnels, paragraphes, légendes, notes, folios, etc.
  • 6.
    Informations hiérarchisées Pour rendrel’important repérable au premier coup d’œil et différencier ce qui vient en deuxième, en troisième, etc. Echelle 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
  • 7.
    Rapport proportionnel choisi Pourdonner un rythme clair aux proportions des éléments de la composition Rapport tiré des suites de Fibonacci et de Lucas (1,618) 1 - 2 - 3 - 5 - 8 - 13 - 21 - 34 - 55 - 89 - 144 - etc. 2 - 4 - 6 - 10 - 16 - 26 - 42 - 68 - 110 - 178 - etc. 4 - 7 - 11 - 18 - 29 - 47 - 76 - 123 - 199 - 322 - etc. Rapport mathématique simple (2 ou 1,5) 2 - 4 - 8 - 16 - etc. ou 2 - 3 - 4,5 - 6,8 - 10,1 - etc.
  • 8.
    Étagement des couleurs Pourfaciliter 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
  • 9.
    Simplicité en tout Pourtrancher 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 : YvesGoguely http://studiobenziv.wordpress.com