1 1 ÖÖ Histoire du graphismeHistoire du graphisme 2 2 ...
Transcript of 1 1 ÖÖ Histoire du graphismeHistoire du graphisme 2 2 ...
G R A P H I S M EG R A P H I S M E
1 1 ÖÖ Histoire du graphismeHistoire du graphisme
3 3 Règles de ise e pageRègles de ise e page
2 2 –– Typologie graphiqueTypologie graphique
3 3 –– Règles de mise en pageRègles de mise en page
4 4 –– Avant / AprèsAvant / Après4 4 Avant / AprèsAvant / Après
5 – Exercices
RS
RS
5 Exercices
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M EL e s g r a n d s c l a s s i q u e s
AA
BB
RS
RSLe nombre d’or est inscrit dans les proportions de la
VID
AL
-C
NR
VID
AL
-C
NRLe nombre d or est inscrit dans les proportions de la
pyramide de Khéops. Si l’on divise la hauteur (A) par lamoitié de la base (B) on obtient un résultat très proched b d’
Fran
ck
VI
Fran
ck
VIdu nombre d’or
G R A P H I S M EG R A P H I S M EL e s g r a n d s c l a s s i q u e s
Art classique: • simplicité, • harmonie, • représentation• représentation proportionnelle, • retenue émotionnelle,
RS
RS
retenue émotionnelle,• observation de la nature
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M EL a n a i s s a n c e d e l ‘ é c r i t
RS
RS
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M EC a l l i g r a p h i e
Le livre de Kells, manuscrits illustrémanuscrits illustré réalisé par des moines celtes vers 800 après JC800 après JC.
Abb d K ll
RS
RS
Abbaye de KellsComté de Meath
IrlandeART
VID
AL
-C
NR
VID
AL
-C
NRART
INSULAIRE
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M EI m p r i m e r
Sutra de Diamant de Dunhuang (Chine) date de 868 après JC est considéré comme le plus ancien texte imprimé au monde.
RS
RS
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M EI m p r i m e r
Bible de Gutemberg
(1455)
RS
RS
Caractères enluminés en hommage aux enluminures créés par William Morris pendant le mouvement Arts & Crafts
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M EI m p r i m e r
618‐906 : Chine – impression par blocs de bois sculptés1240 : Corée impression de libres avec des caractères mobiles1240 : Corée – impression de libres avec des caractères mobiles1309 : Premières productions de papier en Europe1423 : Début de l’impression de livres en Europe1452 Pl h d’i i ét lli E1452 : Planches d’impression métalliques en Europe1605 : Premier journal hebdomadaire (Anvers)1819 : Première rotative
RS
RS
1878 : Invention de la photogravure1892 : Presse rotative 4 couleurs1904 : Invention de l’offset
VID
AL
-C
NR
VID
AL
-C
NR
1907 : Invention de la sérigraphie
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M EI m p r i m e r
RS
RSCanon de Van de Graaf Canon de Tschichold
VID
AL
-C
NR
VID
AL
-C
NRCanon de Van de Graaf
Division des pages d’un livre dans des proportions « esthétiquement plaisantes »
Rapport 1/9 et 2/9
Canon de TschicholdDivision des pages d’un livre dans des proportions proches du nombre d’or
Rapport 2/3
Fran
ck
VI
Fran
ck
VIRapport 1/9 et 2/9 Rapport 2/3
G R A P H I S M EG R A P H I S M ER e n a i s s a n c e
RS
RS
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
L’Ecole d’AthènesRaphaël (1483 – 1520)Scènes de l’Antiquité en perspective avec des personnages contemporains
G R A P H I S M EG R A P H I S M EA r t s & C r a f t s
Le Kelmscott Chaucer publié en 1896 a marqué de
RS
RS
Le Kelmscott Chaucer publié en 1896 a marqué de façon décisive l’histoire de la composition graphique
VID
AL
-C
NR
VID
AL
-C
NR
P li d tè ITC R i M ki t h
Fran
ck
VI
Fran
ck
VIPolice de caractères ITC Rennie Mackintosh
G R A P H I S M EG R A P H I S M EB a u h a u s
Affiche Victoire du communisme sur les
Couverture de la revue MERZ ‐ 1924
El Lissitzky
RS
RS
Collage M2 439 Kurt Schwitters
monarchiesEl Lissitzky
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
Police de caractères Bayer Universel
G R A P H I S M EG R A P H I S M EA r t N o u v e a u
NostalgiegLignes ondoyantesMotifs végétauxPrédominence du décoratif
KlimtToulouse‐Lautrec
RS
RS
GaudiGuimard
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
Police de caractères Eckmann
G R A P H I S M EG R A P H I S M EA r t D é c o
Dessin de l’intérieur du Collège Street Store
RS
RS
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
Couverture du magazine Vogue ‐ 1926
G R A P H I S M EG R A P H I S M EM o d e r n i s m e
RS
RS
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M EA u j o u r d’ h u i
RS
RS
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M ETypologie graphiqueTypologie graphique
Quels sont les différents
types et caractéristiques
des « produits » de
i ti ?
RS
RS
communication ?
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M ETypologie graphique _ Les papiersTypologie graphique _ Les papiers
L•Affiche : réservé aux grands formats – papier épais –satiné d’un côté rugueux de l’autre
Les catégories (qualité)g p p p g
•Alfa : réservé aux éditions de luxe – papier bouffant, souple, soyeux
•Apprêté : pour la presse – papier lisse
Bibl l i t è fi i t è é i t t•Bible : pour les ouvrages – papier opaque très fin mais très résistant
•Bristol : pour les cartes de visite – papier épais et lisse
•Buvard : pour ses propriétés absorbantes (et certains effets) – impression difficile
•Chiffon : réservé aux éditions de luxe – contient du tissu – filigrané
•Collé : résistant à l‘absorption des encre – surface renforcée en gommes et résines
•Cristal : emballage de luxe – transparent – résistant à l’eau
RS
RS
g p
•Journal : presse quotidienne – absorbant – mauvaise qualité – séchage rapide
•Kraft : enveloppe, emballage, sacs – très résistant, brun à l’origine
K l t ( ti é l é) f i li t è ti é t b ill t
VID
AL
-C
NR
VID
AL
-C
NR•Kromelote (satiné, surglassé) : surfaces – papiers lisses très satinés et brillants
•Vélin :transparent, ressemble à la peau – papier sans grain, uni, lisse satiné
•Vergé : papier « manuel » ‐ filigrane, bords irréguliers, brut, issus de la pâte brute
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M EL
Typologie graphique _ Les papiersTypologie graphique _ Les papiers
4A0 1682 X 2378Formats de la norme ISO 216
Les formats
Nome ISO
216 mise en
2A0 1189 X 1682 2B0 1414 X 2000
A0 841 X 1189 B0 1414 X 1000 C0 1297 X 917
A1 594 X 840 B1 1000 X 707 C1 917 X 648 D1 779 X 545
A2 420 X 594 B2 707 X 500 C2 648 X 458 D2 545 X 385
Formats de la norme ISO 216
place en
1975 et basé
le
A2 420 X 594 B2 707 X 500 C2 648 X 458 D2 545 X 385
A3 297 X 420 B3 500 X 353 C3 458 X 324 D3 385 X 272 E3 560 X 400
A4 210 X 297 B4 353 X 250 C4 324 X 229 D4 272 X 192 E4 400 X 280
A5 148 X 210 B5 250 X 176 C5 229 X 162 D5 192 X 136 E5 280 X 200sur le
standard A0
= 1m²
A6 105 X 148 B6 176 X 125 C6 162 X 114 D6 136 X 96 E6 200 X 140
A6 74 X 105 B7 125 X 88 C7 114 X 81 D7 96 X 68
A8 52 X 74 B8 88 X 62 C8 81 X 57
A9 37 X 52 B9 62 X 44 C9 57 X 40
RS
RS
A9 37 X 52 B9 62 X 44 C9 57 X 40
A10 26 X 37 B10 44 X 31 C10 40 X 28
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M EL
Typologie graphique _ Les papiersTypologie graphique _ Les papiers
Les formats
Cloche 30 X 40
Pot ou écolier 31 X 40
Jésus variable
Soleil 60 X 80
Dénomination Dénomination Format Format
Pot ou écolier 31 X 40
Tellière 34 X 44
Couronne écriture 36 X 46
Couronne édition 37 X 47
Soleil 60 X 80
Colombier commercial 63 X 90
Colombier affiche 60 X 80
Petit Aigle 70 X 94
Ecu 40 X 52
Coquille 44 X 56
Carré 45 X 56
Cavalier 46 X 62
Grand Aigle 75 X 106
Grand Monde 90 X 126
Univers 100 X 130
RS
RS
Cavalier 46 X 62
Raisin 50 X 65
VID
AL
-C
NR
VID
AL
-C
NR
Il i t d f t é ifi t f i li é l’AFNOR
Fran
ck
VI
Fran
ck
VIIl existe des formats spécifiquement français normalisés par l AFNOR
dont les dénominations sont hérités des filigranes d’autrefois
G R A P H I S M EG R A P H I S M EL
Typologie graphique _ Les papiersTypologie graphique _ Les papiers
L
Le grammage
Le poids du papier est exprimé en grammes au m² :
c’est le grammage
• Papier Bible : 28 g/m²• Impressions ordinaires : 70 à 90 g/m²
Papiers bristols 170 à 300 /m²• Papiers bristols : 170 à 300 g/m²• Feuille cartonnées : 120 g/m²
RS
RS• Une feuille A4 de 80 g/m² pèse 5 g
VID
AL
-C
NR
VID
AL
-C
NRU e eu e de 80 g/ pèse 5 g
• Une rame = 500 feuilles• Une ramette = 250 feuilles• Une main = 25 feuilles
Fran
ck
VI
Fran
ck
VI• Une main = 25 feuilles
G R A P H I S M EG R A P H I S M ETypologie graphique _ les Typologie graphique _ les ecransecrans
LLes ordinateurs
L t ille
Diagonale Définition
La taille
15’’ 800 x 600
17 ’’ 1024 x 768
19’’ 1280 x 102419 1280 x 1024
21’’ 1600 x 1200
RS
RS
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M ETypologie graphique _ les Typologie graphique _ les ecransecrans
LLes ordinateurs
Le f t d’ ffi h e
Format Résolution HZ Résolution VT Pixels
Les formats d affichage
VGA 640 480 307 200
SVGA 800 600 480 000
XGA 1024 768 786 432XGA 1024 768 786 432
SXGA 1280 1024 1 310 720
SXGA+ 1400 1050 1 470 000
RS
RS
UXGA 1600 1200 1 920 000
QXGA 2048 1536 3 145 728
VID
AL
-C
NR
VID
AL
-C
NR
QSXGA 2560 2048 5 242 800
QUXGA 3200 2400 7 680 000
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M ETypologie graphique _ les Typologie graphique _ les ecransecrans
LLes télévisions
RS
RS
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M EL
Typologie graphiqueTypologie graphique La mise en page concerne en
fait l’essentiel des « produits »
que nous utilisons chaque jour.
Le termes mises en page serait
l é !• Annonces presse
les produits papierles produits papier
plus approprié !• Brochures• Bulletins périodiques• Cataloguesg• Compte‐rendus• Dépliants• FlyersFlyers• Journaux d’entreprises• Journaux de presse• Livres
RS
RS
• Livres• Livrets• PlaquettesP
VID
AL
-C
NR
VID
AL
-C
NR• Prospectus
• Rapports• Revues
Fran
ck
VI
Fran
ck
VI
• Signalétique• Thèses
G R A P H I S M EG R A P H I S M ETypologie graphiqueTypologie graphique
les supports audioles supports audio--visuelsvisuels
B• Borne• CD• Cinéma• DVD• Internet• Ordinateur• Rétroprojecteur• Télévision• Vidéo
RS
RS
Vidéo
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M ETypologie graphique _ les journauxTypologie graphique _ les journaux
Journaux d’entreprises, bulletinsbulletins…
Généralement en A4 ou A3
2 à 4 l2 à 4 colonnes
Justification complète des textestextes
Marges d’au moins 13 mm pour un A4, 15 mm pour
RS
RS
p pun A5
Gouttières de 5 à 7 mmE e ple p ur u f r at A4 Exemple pour un format A3
VID
AL
-C
NR
VID
AL
-C
NR
Caractères textes de 8 à 11Exemple pour un format A4 Exemple pour un format A3
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M ETypologie graphique Typologie graphique –– les brochuresles brochures
Plaquettes, brochures…
Unité de mise en page en double
pagepage
Équilibrer l’ensemble
RS
RS
Marges très larges
Fer à gauche ou
VID
AL
-C
NR
VID
AL
-C
NRFer à gauche ou justifié
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M ETypologie graphique _ livresTypologie graphique _ livres
Ouvrage de « qualité »
Format 210x297 mm à la française
RS
RS
Ouvrage « courant »Format 210x297 mm
VID
AL
-C
NR
VID
AL
-C
NRà la française
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M ETypologie graphique _ livresTypologie graphique _ livres
RS
RS
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M ETypologie graphique _ PostersTypologie graphique _ Posters
Le format standard de 80 120
A4 Demi-poster
poster est 80 x 120 cmIl correspond à 12 formats
A4
21 x 30 cm
Poster portraitA noter qu’on appelle
demi‐poster le format 60 x 80 cm parfois utilisé
60 x 80 cmp
dans les manifestations.Enfin, en fonction des normes de présentation
RS
RS
80 x 120 cm
normes de présentation et d’affichage il est
indispensable de savoir à l’avance s’il faut faire sa
Poster paysage
VID
AL
-C
NR
VID
AL
-C
NR
120 x 80 cm
l avance s il faut faire sa maquette en portrait
(vertical) ou en paysage(h i t l)
Fran
ck
VI
Fran
ck
VI120 x 80 cm(horizontal)
G R A P H I S M EG R A P H I S M ERègles de mise en pageRègles de mise en pageg gg g
Que ce soit pour un document
électronique, une affiche, un poster ou
même un film (on parle alors de story−
board), il est nécessaire d’agencer les
« éléments » dans l’espace de
perception. C’est la mise en page
RS
RS
Avant les couleurs, avant le texte, avant le contenu, la mise en page est la première
VID
AL
-C
NR
VID
AL
-C
NR
chose qu’on perçoit. Elle obéit à des règles simples mais strictes.
Une bonne mise en page, c’est 50% de la perception d’un produit, elle est
Fran
ck
VI
Fran
ck
VIp g p p p
fondamentale.
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page −− LectureLecture
C g gg g
Systématiquement (instinctivement), sur une vision large (écran de cinéma, affiche publicitaire,
vidéo projection…)le regard va d’abord se porter au centre, puis en haut à gauche, puis vers la
Comment regarde−t−on ?
j g g
droite (pour ceux qui écrivent de gauche à droite).
2 31
2 3
RS
RS
1
4 5
VID
AL
-C
NR
VID
AL
-C
NR4 5
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M EC
Règles de mise en page Règles de mise en page −− LectureLecture
Il va donc falloir penser l’agencement de l’espace en conséquence : le plus important au centre,
les repères de compréhension en haut à gauche…
Comment regarde−t−on ?g gg g
g
Repères Repères Repères Repères Repères Repères Repères Repères
Lecture LectureRepères Repères Repères Repères Repères Repères Repères Repères
Aperçu
RS
RS
Aperçu
VID
AL
-C
NR
VID
AL
-C
NR
Lecture Lecture
Fran
ck
VI
Fran
ck
VI
Références Références Références Références Références Références
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page −− LectureLecture
Dans la très grande majorité des produits,
l’espace « originel » sera de type portrait
t ) t
g gg g
(poster, revue…) ou de type paysage
(écran…)
Si le format est libre, c’est le contenu qui
dé id d f tdécidera du format
• Portrait : de haut en bas (colonnes)
• Paysage : de gauche à droite (lignes)
RS
RS
• Paysage : de gauche à droite (lignes)
En format portrait la mise en page se fera
VID
AL
-C
NR
VID
AL
-C
NREn format portrait, la mise en page, se fera
verticalement, de haut en bas avec des blocs textes
plutôt verticaux ; en format paysage, de gauche
à d it d bl t t l tôt h i t
Fran
ck
VI
Fran
ck
VIà droite avec des blocs textes plutôt horizontaux
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page −− LisibilitéLisibilité
A ’g gg g
A l’écran
Vitesse de lecture
é l l t
Mieux vaut
une police
« a érif »écran plus lente de
près de 30% par
rapport au papier !
sans sérif »
RS
RS12
VID
AL
-C
NR
VID
AL
-C
NR12Nombre magique
Taille de caractères non inférieur à 12Aé
Fran
ck
VI
Fran
ck
VI
Phrases de 12 motsParagraphes de 12 lignes
Aérer
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page −− LisibilitéLisibilité
A g gg g
A la projectionQuatre facteurs interviennent dans la lisibilité d’un texte de diaporama :
L ’• La taille du texte d’origine
• La police de texte
• La distance de projection (vidéo ou rétro)
• L di t e d le te
Si la distance du lecteur est fonction de la taille de la salle, du nombre de spectateurs et… de l’humeur des
i i l ill• La distance du lecteur participants, le rapport taille originelle d’écriture / taille rétro-projetée est calculableA
Rapport A : taille écriture / B : distance écran
Si vous écrivez en Arial 12 (A) et faites une
RS
RS
B
pp /• Arial 12 / 1 m = « Texte » = 3 cm• Arial 12 / 2 m = « Texte » = 6 cm• Arial 12 / 3 m = « Texte » = 9 cm• Arial 18 / 1 m = « Texte » = 5 cm• Arial 18 / 2 m = « Texte » = 10 cm
projection à 3 mètres de l’écran (B), alors le mot
VID
AL
-C
NR
VID
AL
-C
NR• Arial 18 / 2 m = « Texte » = 10 cm
• Arial 18 / 3 m = « Texte » = 15 cm « Texte » apparaîtra avec une taille de 9 cm Le rapport entre la taille sur écran d’ordinateur et la taille
Fran
ck
VI
Fran
ck
VI
projetée doit être pris en compte : il faut souvent tester !
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page −− LisibilitéLisibilité
A g gg g
A la projection
Connaissant le rapport entre taille pp
d’écriture et distance de projection, on
peut en déduire la lisibilité des auditeurs
par rapport à la distance à l’écran
Tests réalisés en conditions optimales : fond blanc, écriture A Xoptimales : fond blanc, écriture noire, pas de lumière parasite, pas d’effet de « pixélisation »
ADistance écran / spectateur
XLisibilité
RS
RS
1m 2m 3m 4m 5m 6m 7m 8m 9m 10mArial 12/1m X XArial 12/2m X X X X X XArial 12/3m X X X X X X X X X X
En Arial 12 avec une projection à 2 mètres on lit jusqu’à
VID
AL
-C
NR
VID
AL
-C
NR
Arial 18/1m X X X XArial 18/2m X X X X X X X X X XArial 18/2m X X X X X X X X X X
mètres, on lit jusqu’à 6 mètres de distance à l’écran
Fran
ck
VI
Fran
ck
VI/
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page –– LisibilitéLisibilité
Il est indispensable d’aérer les plans en y incluant des images (si la démonstration s’y prête).
Mieux vaut toujours des produits « mixtes » que des produits tout texte ou tout image, mais en
f ti d l’ tili ti ( é j té ffi hé) l i l ê
g p gg p g
L'ensemble de mes travaux de recherche s'est organisé jusqu’en 1998 autour du domaine de la conceptualisation, de l'utilisation, de la représentation et de l'application de
L'ensemble de mes travaux de
fonction de l utilisation (sur un écran ou projeté, affiché), la mise en page ne sera la même.
représentation et de l application de l'information géographique numérique pour l'étude des composantes spatiales et des dynamiques spatio-temporelles des milieux naturels. L'avènement de nouvelles sources
recherche s'est organisé jusqu’en 1998 autour du domaine de la conceptualisation, de l'utilisation, de la représentation et de l'application de l'information
L'ensemble de mes travaux de recherche s'est organisé jusqu’en 1998 autour du domaine de la conceptualisation, de l'utilisation de la représentation et de l'application de
L'ensemble de mes travaux de recherche s'est organisé jusqu’en 1998 autour du domaine de la conceptualisation, de l'utilisation, de la représentation et de l'application de l'information géographique numérique pour l'étude des composantes spatiales et des dynamiques spatio-temporelles des milieux naturels. L'avènement de nouvelles sources
l utilisation, de la représentation et de l application de l'information géographique numérique pour l'étude des composantes spatiales et des dynamiques spatio-temporelles des milieux naturels. L'avènement de nouvelles sourcesL'ensemble de mes travaux de recherche s'est organisé jusqu’en 1998 autour du domaine de la conceptualisation, de l'utilisation, de la représentation et de l'application de l'information géographique numérique pour l'étude des composantes spatiales et des dynamiques spatio-temporelles des milieux naturels. L'avènement de nouvelles sources
RS
RSA l’écranA la projection
VID
AL
-C
NR
VID
AL
-C
NR
Diminuer la taille des textes
Diminuer la quantité de textes
Réduire la taille des images
jAugmenter la taille des textes
Augmenter la quantité de textes
Agrandir les images
Fran
ck
VI
Fran
ck
VIg
Diminuer l’espace entre les objets
Réduire le nombre d’objets
g g
Laisser de l’espace entre les objets
Augmenter le nombre d’objets
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page −− LisibilitéLisibilité
A ’g gg g
A l’exposition
ABAu moment de l’affichage
Penser que le poster peut
êt è t bl
BAu moment de l affichage
être derrière une table
(80 cm de haut) : le
lecteur sera plus loin, une p ,
partie peut être cachée
Pl l t d t
RS
RS
Placer le centre du poster
à hauteur de la poitrine :
le regard doit être droit• Si l’écriture est en 12 ou 14 (arial) le lecteur ne pourra lire à plus de 1 2 m du
Règle de taille
VID
AL
-C
NR
VID
AL
-C
NR
g
Ne pas le placer trop haut
• Si l écriture est en 12 ou 14 (arial), le lecteur ne pourra lire à plus de 1,2 m du
poster (A)
• Pour un titre d’accroche, une écriture de l’ordre de 62 à 66 pourra être lue
jusqu’à plus de 6 m du poster (B)
Fran
ck
VI
Fran
ck
VIjusqu à plus de 6 m du poster (B)
• Très fortes variations de lisibilité en fonction des couleurs d’écritures, des
styles, de l’éclairage
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page −− DécoupageDécoupage
L g gg g gg
La règle du demi
RS
RS
VID
AL
-C
NR
VID
AL
-C
NR
La règle du demi consiste à découper l’espace par moitié, puis à nouveau par
Fran
ck
VI
Fran
ck
VIg p p p p p
moitié, etc et à disposer les objets selon cet agencement.
C’est la règle la plus simple et la plus claire.
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page −− DécoupageDécoupage
L g gg g gg
La règle du tiers
RS
RS
VID
AL
-C
NR
VID
AL
-C
NR
D è t é t C’ t à l t l t
Fran
ck
VI
Fran
ck
VI
Deuxième variante du découpage : en tiers. C’est−à−dire que la zone de travail est
divisée en trois, puis en sous multiples du tiers.
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page −− DécoupageDécoupage
L ’
Le troisième découpage de
g gg g gg
Le nombre d’or
p g
l’espace consiste à appliquer
à la taille des objets et à
leur di p iti la règle du
Qu’est ce que le nombre d’or ?
leur disposition la règle du
nombre d’or, c’est−à−dire
un rapport hauteur /
Le nombre d’or (noté phi) est la solution positive à l’équation :
X² ‐ X ‐ 1 = 0 soit (V5+1)/2
largeur de 1 sur 1,618.
Ce rapport constitue
(parait−il !) les
RS
RS
p
proportions idéales…
1,618
VID
AL
-C
NR
VID
AL
-C
NR
1
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page –– A savoirA savoirg p gg p g
Les éléments obligatoiresg
Il existe un certain
nombre d’éléments
obligatoires qu’il est
i di bl d é i
•Marges de sécurité (pour le papier)
• Titre
indispensable de prévoir
dès le début du
maquettage, non
RS
RS
• Titre
• Auteur(s)
• Logo(s)
• Repères de montage (pour le papier)
q g ,
seulement dans leur
contenu mais aussi dans
VID
AL
-C
NR
VID
AL
-C
NRRepères de montage (pour le papier)
• Codes couleurs
•Boutons
leur positionnement et
leurs caractéristiques
graphiques
Fran
ck
VI
Fran
ck
VIgraphiques
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page –– A savoirA savoirg p gg p g
Penser aux constantes !
Espace réellement utilisableDans un espace ou les plans se succèdent (type
di ) t i élé t d i t êt t t diaporama) certains éléments doivent être constants
à l’écran.
Il ne faut jamais perdre le lecteur : il faut
’il h à t t t à l i d é it qu il sache à tout moment à quel niveau du récit
il se trouve. C’est le simple principe de la
pagination et des en−têtes sous traitement de texte
qu’il faut rep rter u u diap ra a
RS
RSEspace réellement utilisable
qu il faut reporter sous un diaporama.
Si le lecteur est autonome (borne interactive),
c’est primordial
VID
AL
-C
NR
VID
AL
-C
NR
L’espace pris par les constantes diminue
l’ tili bl t i t d l
Fran
ck
VI
Fran
ck
VIl espace utilisable : en tenir compte dans la
mise en page
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page –– A savoirA savoirg p gg p g
Utiliser tout l’espace !
Gros défaut de beaucoup de présentations : rien G f p p
ou presque à l’écran !
Ne pas hésiter à remplir l’espace
Attention au mode de projection
RS
RS
Attention à la surcharge et à l’harmonie
Ne pas fatiguer le regard
C
VID
AL
-C
NR
VID
AL
-C
NR
Changer de mise en page de temps en temps
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page –– A savoirA savoir
Toute l’information nécessaire pour guider le spectateur ou l’utilisateur
g p gg p g
Penser par écran!Toute l information nécessaire pour guider le spectateur ou l utilisateur
La diapo doit se suffire à elle‐même
L t t Les spectateur ou
l’utilisateur est susceptible de
voir ou de récupérer une
l i l é
RS
RS
…
seule image, un seul écran
: Il faut penser ses objets
et sa mise en page en
é ue e :
VID
AL
-C
NR
VID
AL
-C
NR
Pas de texte « à suivre »
conséquence :
Ch é d it êt t i ’ t t j é id t d t t C’ t l
Fran
ck
VI
Fran
ck
VIChaque écran doit être autonome, ce qui n est pas toujours évident pour des textes. C est alors
dans l’écriture du scénario que se fera la bonne ventilation des données
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page –– A savoirA savoirg p gg p g
Pas de trou, pas de surcharge!
O U IO U IO U IO U I
RS
RS
VID
AL
-C
NR
VID
AL
-C
NR
Le regard va naturellement se focaliser sur les « vides »
L
Fran
ck
VI
Fran
ck
VI
La surcharge fatigue
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page –– A savoirA savoirg p gg p g
Respecter l’alignement!
O U IO U IN O NN O N O U IO U IN O NN O N
RS
RS
VID
AL
-C
NR
VID
AL
-C
NR
Quelle que soit votre mise en page : respecter l’alignement
Fran
ck
VI
Fran
ck
VI
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page –– A savoirA savoir
Pas de cadres!
g p gg p g
N O NN O NOn a souvent tendance à mettre
des cadres partout. A la des cadres partout. A la
longue, c’est un effet
désagréable et froid.
O h h l tôt à O U IO U I
On va chercher plutôt à
dissocier les différents blocs
d’information par le jeux des
RS
RS
couleurs de fond, par des
gammes de grisés différents,
par les effets reliefs, puis par
VID
AL
-C
NR
VID
AL
-C
NRp ff f , p p
la déstructuration des blocs.
C’est plus doux, plus facile à
identifier
Fran
ck
VI
Fran
ck
VIidentifier
G R A P H I S M EG R A P H I S M ERègles de mise en page Règles de mise en page –– A savoirA savoir
Ne déformez pas les images!
g p gg p g
Pour redimensionner les images, utilisez
« les poignées » d’angle et non celles de
côté pour respecter l’homothétie
NON OUI
RS
RS
NON OUI
VID
AL
-C
NR
VID
AL
-C
NR
Fran
ck
VI
Fran
ck
VI