mettre en œuvre des compositions C-L-A-I-R-E-S
-
Upload
yves-goguely -
Category
Design
-
view
43 -
download
0
Transcript of mettre en œuvre des compositions C-L-A-I-R-E-S
Studio BenZiv - Formation COM-Créa
Mettre en œuvre des compositions
CLAIRES
CLAIRES
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ésPour faire voir nettement ce qui doit être montréet faire « ne pas voir » ce qui doit être dissimulé.
Contraste de valeur entre formes et fond10 % pour une mise en retrait
20 % au moins pour une lecture confortable35 % minimum pour une mise en évidence
Lignes de force structurantesPour aligner ce qui doit être visuellement lié
et ne pas aligner ce qui doit être séparé.
Grille de structuration en appui sur le cadreGrille à la moitié, aux tiers ou aux quarts
Grille aux huitièmes (3 + 5 = 8)
Parallèles obliques structurantesDiagonales du cadre ou des modules de la grille
Accord typographique cohérentLes polices très expressives et très ornées à leur place,
les polices fonctionnelles et simpli�ées à la leur.
Une police pour les textes en grands corpsTitres, sous-titres, accroches, etc.
Une police pour les texte en petits corpsIntitulés fonctionnels, paragraphes, légendes, notes, folios, etc.
Informations hiérarchiséesPour rendre l’important repérable au premier coup d’œil
et di�érencier ce qui vient en deuxième, en troisième, etc.
Echelle des taillesLe primordial est plus grand que le secondaire
Contraste des valeurs entre formes et fondLe primordial se détache davantage du fond que le secondaire
Rapport proportionnel choisiPour 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 couleursPour faciliter la superposition des couleurs entre elles et attribuer
à chaque couleur un rôle et une surface di�érenciés
Étagement qualitatif des couleursContraste de 20 % minimum entre les valeurs des couleurs voisines
et contraste identique entre deux couleurs voisines du nuancier
Étagement quantitatif des couleurs principalesDominante - Médiante - Tonique
Simplicité en toutPour 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