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

10
Studio BenZiv - Formation COM-Créa Mettre en œuvre des compositions CLAIRES

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

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

Studio BenZiv - Formation COM-Créa

Mettre en œuvre des compositions

CLAIRES

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

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

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

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

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

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

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

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.

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

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

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

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.

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

É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

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

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

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

Réalisation : Yves Goguely

http://studiobenziv.wordpress.com