Les Essentiels du Graphisme PDF

Les types de grille Client : National Portrait Gallery Graphisme : NB: Studio Principes de grille: la grille de quatre colonnes produit des mises en page...

Les types de grille Client : National Portrait Gallery Graphisme : NB: Studio Principes de grille: la grille de quatre colonnes produit des mises en page symétriques avec des variations __....,.._, ___.......-- _.. ~ ---- lolorout... _ _ -~--............... __ - , _. _ ~ -~-... -""_, ----- __ ---··- -~ _,____  Les grilles symétriques Les grilles symétriques Lorsqu'une grille symétrique est appliquée à des planches d'une publication, les pages rectos et versos sont identiques. L'illustration ci-dessous comporte des blocs de texte de deux colonnes sur chaque page. Chaque bloc de texte est positionné de manière à refléter le bloc de texte de la page opposée. Leurs marges intérieures et extérieures sont de même taille pour créer un effet d 'harmonie. La grille symétrique (représentée par les lignes grises) de cette planche a été reproduite pour référence, afin de pouvoir la comparer à la grille asymétrique des pages 60 et 61. ~ -~ "' "0 V> "' CL ""' V> 5 ~ Sur cette planche symétrique, chaque page est l'image de l'autre. Les gouttières et marges 2§ de ces maquettes sont égales.  56 57 Client: Situations Graphisme: Thirteen Principes de grille: la grille fait partie intégrante de la création , sous la forme F ~c~~~~~a·~=~= d'un filet léger soutenant ~E=~~~~C:~ les éléments de la page (once ao oltor tor rrtuol $0Cirke) a os a gothenog po~nl lor klt9 llyeu '-. _ , ofttHnoon The event wosn·t pfOfT'IOfed noJ -·· - ··-- -· --· ·-···-· mo.-e lrlrouoh OUI em.- IONTleflf and m1s ---- dld If encourog.e pntss cite-nhon n \11105 PfOO'Omme ol S.luottoos rs dedicofed ta ~one eloy 11'1 fhe oogomg odv«tlur&s rhlnlung CloflcOIIy OIXII.ll h()w touCh WOikS of Qrb$1$ Keothel' ond !von Morl$00. Th9se beee-me rneononglul -..lth.n cod O\JtSIOe herve 11Wolved the doc~tohofl of fhegollelyondoc oullolckofrese-o ch 1'1'1ousonds of tfeM_ the wntrng ol o SCI81lCtl ftctlon novel on a MO jOurney trom Ch100 Sltuoi>Of"!l commmions new artwofkl tn IQ New ZI>Oiond and the hmng of oo B11stot"''"''"Illeconte~! at on inlemat ono 09/CipiO klvoorrte bfond of Rus~ lee creom pvbltshlng and new wroltng Il olso lorms 'lnmorko- ln the sky Clbove the scienllflc part of lhe n-I v lolmod ploce leseQICh township ot Akoderngofodolt StbefJo cent1e otlhe Un verSih,' of !he West o1 fngland Bt!llol wtu.th 15 concemed...,.,fn lhe 155\JM al ploçe. locotoon_ Oft. context andenviiOI'UTieflt ~ lu SdUOIIOflli e~poncU IJ """'""'""'planru ""'""quadno~"''·"'"""'~""""""'>-~nobdloi,qu0110!61b:}ld"'""'""'""'"""'"".........................,...,...,..,...,,.S""J~'"odq"'m'l'l """"'"'"'bdlillot\Jtro~ci>""'''J'JI1 ~obol t"flag~"-"Mbtllts.oq..orrrrl "'""'"'"''d"''""'.,.,.'""""lld"'.....,.apllgriMUtwtfr:l.,..t~......... _._..,.............-......... - "'...... - ·-.. ···--- ----· --..-._.......~-----·-... ··~·.... ----no--- ··--~--~-- ~·-·- -·---·-.................. ·----·--·- 4............... ____ ,_,_ ·-... ----- ---·--·-··· _.._~-·-................-..-.............. ·-···--\1·-'"I'IIU ,1-a-... _.... _. __ _,..... _·----·-· --. -·- ·-................._ ___ _ ····--..-··.t.·---...-.............-_.........._._ - ___.. ".......,.,..._......_.. ,, _ _. ~ -·-~· u.~...,,..__,_,,_............................ __... u_,_.._... ,_....,...,._.., ___...,,._..,.,_ ---·-·----- __.. ---.._____ ----··-- ···-- -.. _........ --·-... ·----.................-.,..,_,............-.............. __ _,,.....,........._.........,...__........................... -.,._ ;. -~ ~_......._ -~----· __...,,....... --_.................... ·-....... ,......._,........,,...,....... _'"'"..................._._._,,.,.............. ____.........,.._._ -;.- ,~ ____....,...____........ ,...,.......................... \..........-"....... _................ -·---................,........ --_____........... ,........... ·-·-· -- ~ ~_....... ,........-.._.................................................. d _ h -.......-............................ Artist at work -·--·---·-·· - ·:...:::::..:.:.":.!-·=..:~.; -.......... _,........ -.. ~::.:=~-·;:::;:::.:·..-..::.::... ~ 0 8 "' 1--=-___ :.=:- ~=-----· "Cl ë"' e---- L..__ -~ :a; "' "'..../ "' ~ Une colonne large est réservée au corps de texte L'espace de la page est divisé en deux colonnes ~ tandis que les notes sont placées dans la marge. de corps de texte (style courant des magazines).  an6u11!q a5eJAno un Jnod S99!J8A S8UUOIO:l ap SJnaÔJ81 : au!J6 ap sad!OU!Jcl Ja5U!J/\ ao 1 aqJa4pi\e::1  Le texte et la largeur des colonnes Le texte et la largeur des colonnes Le texte doit être distribué dans une colonne dont la largeur est adaptée au corps du texte afin que celui-ci soit lisible. Le calcul de la longueur des lignes La longueur de ligne dépend de trois éléments qui définissent certaines mesures: la largeur de la colonne de texte en question, le caractère et le corps utilisés. Toute modification de l'un de ces éléments peut se traduire par la nécessité d'ajuster l'un des deux autres pour garantir la lisibilité de la colonne de texte. Des textes de tailles différentes seront de largeurs différentes. Par conséquent, changer de police de caractères modifie la mise en forme du texte. abcdefghijklnmopqrstuvwxyz Ces deux alphabets figurent des caractères......._ distincts, mais sont dans la même force de corps. Alphabet en minuscules, police Clarendon 18 points : mesure de 265 points Bien qu 'ils contiennent le même nombre de ab cd efg hij klm no pqrst uvwxyz caractères, vous pouvez remarquer que la Clarendon génère une Alphabet en minuscules, police DIN 18 points : mesure de 222 points ligne plus longue que l'autre ; elle peut donc aisément convenir pour des mesures plus larges. Quelques règles de base Une des règles de base de la composition de texte est de définir des mesures correspondant à 12 à 15 mots de quatre à cinq lettres chacun, soit de 60 à 75 caractères. Des lignes plus longues commenceront à fatiguer l'œil du lecteur. En pratique La composition ne se résume pas à une règle stricte, car cela réduirait les -~ possibilités offertes au graphiste. La brochure au format A5 ci-contre comporte ~ une seule colonne, d'une largeur de 369 points. Le texte défini dans cette ~ colonne doit prendre en compte cette mesure pour générer un bloc de texte :i5 lisible. Une police de grande taille a été appliquée pour que le texte soit facile.~ :a; à lire et attrayant visuellement. Un texte en 8 points distribué dans une colonne ~ de même mesure modifierait la dynamique typographique et la grille, car ~ les lignes de texte comporteraient trop de caractères et ne rendraient pas t5 la lecture confortable.  Les colonnes étroites Les colonnes étroites Les colonnes étroites permettent de présenter du texte en optimisant l'utilisation de l'espace disponible. liespace restreint engendre certains problèmes particuliers à résoudre. Une police de caractères relative aux mesures La largeur d'une colonne est en général définie par une dimension étroitement liée au contenu de la colonne. La largeur des polices de caractères est variable. Par conséquent, la largeur des colonnes varie selon les mesures de la police de caractères, de manière à inclure sur chaque ligne une quantité de texte confortable, telle qu'illustré ci-dessous. Polices étroites Polices normales Polices étendues Changer la largeur d'une Changer la largeur d'une Changer la largeur police affecte de manière police affecte de manière d'une police affecte de manière considérable son aspect considérable son aspect considérable son dans des mesures étroites. dans des mesures aspect dans des De nombreuses polices étroites. De nombreuses mesures étroites. disposent de versions polices disposent de De nombreuses étroitisées créées pour versions étroitisées polices disposent répondre aux problèmes créées pour répondre de versions de restrictions d'espace. aux problèmes de étroitisées créées pour répondre aux Avec la version normale restrictions d'espace. problèmes de ou étendue dans la même Avec la version normale restrictions colonne, chaque ligne ou étendue dans la d 'espace. Avec comporterait moins de même colonne, chaque la version normale caractères. Outre le nombre ligne comporterait moins ou étendue dans de lignes supplémentaires de caractères. Outre la même colonne, nécessaires, cela pourrait le nombre de lignes chaque ligne comporterait moins -~ entraîner des problèmes de supplémentaires de caractères. Outre ~ césure et de justification. nécessaires, cela le nombre de lignes pourrait entraîner des supplémentaires problèmes de césure nécessaires, cela et de justification. pourrait entraîner des problèmes de césure et de justification.  anb!weuAp +aua un Jnod S6l!0Jl? S6UU0100 ap 6!J?S : aii!J6 ap Sad!OU!Jd uB!sao aA3 PJ!t.U. : aws!4deJo pue!Jaqw!_i :tua!IO  les mesures larges Les mesures larges Les mesures larges permettent de présenter du texte sur des lignes assez longues, limitées uniquement par la taille de la page. Pour produire une mesure de texte idéale pour la lecture, le graphiste doit déterminer le nombre maximum de caractères par ligne, en fonction de la taille de police appliquée. Les mesures des deux exemples ci-dessous sont identiques. Vous remarquerez cependant que le texte en 18 points est plus lisible que le texte en 6 points. Dans le cas de mesures très larges, la lecture de longs blocs de texte est plus fatigante car l'œil a plus de mal à repérer le début de la ligne suivante. Mesure de 130 mm 1 368 points Texte en 18 points Ce bloc contient deux paragraphes, l'un en corps 18 points et l'autre en corps 6. Le paragraphe en 18 points est distribué dans une colonne dont la largeur constitue une mesure confortable, facilitant ainsi la lecture. Texte en 6 potnts Ce paragraphe en 6 po1nts est distribué dans une colonne de même largeur, qui dépasse la mesure confortable adaptée à cette taille de police. Ce paragraphe est donc plus difficile à lire. car l'œil dort parcounr une distance conséquente pour revenir au début de chaque ligne "' -;:: en ~ ="'