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

Post on 14-Jan-2017

43 views 0 download

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