Introduction à la Typographie
Contents
1. r citute cripte antaisie page 9 Avec les Garaldes D une mani re g n rale les Garaldes se combinent bien avec les Lin ales tel que le Gill Sans et les Humanistes car elles ont les m mes proportions Par exemple vous pouvez r diger le corps du texte avec une garalde et composer les titres des sections Avec une telle association est la fois coh rente et belle regarder Il existe des centaines d autres possibilit s de cet ordre mais elles sont bien trop nombreuses pour les d crire toutes Toutefois une pr sentation succinte de ces r gles d utilisation vous aidera d velopper et affiner votre sens critique au moment de choisir du 7 au 12 D cembre 2002 Champagne Ardenne Combinaison de Futura Light Heavy et Garamond Avec les R ales Le Time et autre Baskerville ou Antiqua se combinent bien avec des polices sans s rif du type Avant Garde Helvetica ou Franklin Gothic Avec les Didones Elles se marient bien avec les Lin ales g om triques comme le Futura notamment lorsque ces derni res sont en gras ou tr s gras quilibrant ainsi les pleins tr s marqu s des didones Avec les M canes Lutilisation des M canes se cantonne principalement aux logos et chaque fois que vous devez obtenir une lisibilit maximum pour de petites quantit s de texte En g n ral on les associe avec des Lin ales du type Helvetica Univers ou Franklin Gothic Avec les Lin ales De loin les polices2. trie elle voit sont r le cantonn aux titres et citations Le choix de la taille des caract res est aussi tr s important vitez les tailles en dessous de 8 px sinon le texte est illisible m me avec une loupe contrario des tailles trop grandes g chent le texte et ne le rendent pas plus lisible le texte perd tout contraste avec les titres et la Structure du discours est perdue par le lecteur ce qui abr gera d autant sa visite La longueur des lignes de texte est aussi un choix faire en con jonction avec la taille du texte d une mani re g n rale limitez la longueur des lignes 15 25 mots Au del de par la difhicult de lecture l cran l il du lecteur perd ses rep res et fatigue plus vite Georgia ABC 1234 Time New Roman 1234 La typographie n existe que pour mettre en valeur le contenu d un document Autrement dit il n existe pas de typo pour la typo Tout choix typographique police corps interligne et longueur des lignes doit tre fait dans le but d am liorer la lisibilit du texte adapter la police au contenu Avant de choisir une police examinez la imprimez en des chantillons et essayez de voir ce qu elle sugg re quoi cette police vous fait elle penser Il est probable que vos lecteurs r a giront comme vous Aussi est il logique de se demander si ce qu voque une police correspond au contenu de votre document Y a t il similitude ou antagonisme Si votre page
3. pour les quantit s Le s parateur de milliers est une es ace comme en fran ais avec toutefois la l g re diff rence suivante on ne s pare le chiffre des mille de celui des dix mille que lorsque la partie enti re du nom bre a plus de quatre chiffres et non trois comme en fran ais 25000 personnes 1250 75 fr fr symbole du franc en suisse Chiffres arabes ou chiffres romains La majorit des nombres se composent en chiffres arabes Il s agit notamment des dates sauf les ans du calendrier r publicain les si cles et mill naires quantit s sommes mon taires heures num ros d ordre d articles de lois de d crets etc coordon n es g od siques codes postaux t l phones etc Degliame S bastien CNAM Champagne Ardenne 2005 reproduction interdite sans autorisation crite de l auteur On compose en chiffres romains et en capitales quelquefois m me en petites capitales les ans du calendrier r publicain 5 fructidor an III les si cles et mill naires XX si cle V mill naire certaines grandes p riodes IV R publique VIII dynastie les divisions des ouvrages tome II volume V acte IV les num ros dynastiques des souverains Louis XIV Abr viations incorrectes des ordinaux Les abr viations correctes sont premier I premi re 1 ers premiers I premi res 1 deuxi me 2 deuxi mes 2 etc Composition des titres Souvent une source d err
4. reproduction interdite sans autorisation crite de l auteur page 7 M cane Clarendon O M etri Q U n A a Franklin Gothic L il est petit comparable U N g celui des didones Gill Sans Degliame S bastien CNAM Champagne Ardenne 2005 reproduction interdite sans autorisation crite de l auteur Les bas de casse sont relativement grandes par rapport aux capitales Les empatements sont droits et pais et le contraste entre pleins et d li s est faible L il est assez important Les lin ales sont d pourvues d empatement Historiquement les polices lin ales n existent que depuis le XIX si cle aussi leur classement correspond uniquement leur forme toutes les polices de cette page sont des lin ales sauf le Clarendon Le type de caract re Lin ale correspond ce que les Anglo Saxons appelent grotesque Les Lin ales sont plus li n aires sic et moins souples que les polices empattements le contraste entre les pleins et d li s est peu marqu et l inclinai son des contrepoin ons est presque nulle Les proportions des Humanistes sont comparables aux Garaldes Les G om triques ne comportent pas de pleins et d li s et les courbes restent pratiquement constantes de lettre lettre ce qui renforce Le c t strict de tels caract res page 8 Les Onciales sont bas es sur les caract res manuscrits des moi nes irlandais du Ve si cle Ainsi
5. il faut au pr alable installer un utilitaire appel Adobe Type Manager uniquement sur PC et MacOS 9 MacOS X lisse les polices en natif Cet utilitaire vous permettra de vi sualiser et d imprimer avec une qualit optimale les polices PS Sachez pour finir que cet utilitaire est gratuit et t l chargeable sur le site www adobe fr Pour en terminer avec les formats de polices il faut savoir que d autres formats circulent mais qu ils sont marginaux comme les formats Multiple Master et PostScript Type 3 Enfin il faut savoir que si le fonctionnement est le m me entre plateformes Windows et Mac OS les polices ne sont pas changeables du fait d une diff rence de format de fichier Mais il existe bien sou vent les m mes polices sur Mac et PC Manipulations des polices sous MAC OS X Pour le Mac les polices accessibles aux applications sont si tu es dans le r pertoire Polices contenus dans le dossier Biblioth que Fonts indique le dossier de l utilisateur Les polices TT apparaissent sous forme d un fichier simple par con tre les polices PS apparaissent sous forme de deux fichiers Afin de ne pas surcharger le syst me il n est pas conseill de dis poser de plus de 200 polices dans le dossier Fonts Le syst me continuera de les utiliser mais il sera sensiblement ralenti Nous verrons en fin de chapitre comment d passer cette limite Sous Windows Depuis Windows 95 les polices accessibles aux applications
6. le Book of Kell vangile ma nuscrit enlumin datant du VII si cle et provenant d un monas t re de County Meats est sans doute le plus c l bre et le plus bel chantillon d Onciale que nous connaissons Les Fractures constituent une forme crite provenant du nord de l Europe qui remonte la fin du Moyen ge On les appelle galement caract res gothiques les Anglo Saxons eux donnent parfois le nom de gothique aux Lin ales souvenir de l po que o le Moyen ge tait consid r comme barbare et que les Goths apparemment n taient pas la mode Les Scriptes se basent sur l criture manuscrite et sont pour cet te raison d licates classer En g n ral les caract res des scrip tes sont li s et difficile lire tout comme l criture manuscrite Les Scriptes sont utilisables dans les contextes o la lisibilit n est pas votre souci primordial Les Fantaisies ne sont pas con ues pour tre particuli rement lisibles Utilis es dans les logos d entreprise les enseignes les publicit s les titres d ouvrages le multim dia la vid o et les titres de film elles doivent attirer l attention De m me que les Scriptes les fantaisies sont difficiles classer ici l absence de r gles est la r gle Am rican Uncial B n dictus Phyllis Swash Ad Lib Degliame S bastien CNAM Champagne Ardenne 2005 reproduction interdite sans autorisation crite de l auteur nciale
7. le choix de la police de texte ne se fait pas au hasard La lisibilit est primordiale Or s il est un fait relativement vrai pour le papier et qui dit que les polices empattement sont plus lisibles que les polices sans empattement cest exactement l inverse l cran En dessous d une taille de 11 pixels les polices Serif sont quasiment illisibles On peut dire que le web est le royaume des polices sans serif en effet de par le manque de finesse des crans leur lecture s en trouve facilit e m Le Verdana et Tr buchet MS sont les exemples parfait de po lices dessin es pour la lecture l cran l ouverture des lettres et la grandeur relative de leur il en font des polices de choix pour les textes long et ou dont la taille est inf rieure 11 px m LArial bien qu tant une police sans empattement et bien moins lisible que le Verdana en petits caract res Son dessin est plus troit et donc diminue sa lisibilit par contre dans le ca dre du web elle convient parfaitement pour les mises en exergue morceau de texte rappelant un morceau pr cis du texte princi pal et pour le titrage m Le Georgia c est la seule police s rif rester lisible aux alen tours de 1opx elle est pr f rer au Time New Roman si le sujet se pr te l utilisation d une police s rif de plus elle est dot e en Standard de chiffres bas de casse bien plus l gants m Quand la police Comics Sans de par sont manque de g om
8. les plus utilis es sur le web de par leur lisibilit l cran les Lin ales sont class es selon une m thode purement fonctionnelle et non historique Les plus connues sont certaine ment l Helvetica et le Franklin Gothic si si toute la communica tion du groupe France T l vision est faite en Franklin Gothic La majorit des Lin ales surtout dans leurs variantes plus gras se combinent bien avec les polices s rif et contribuent mettre en valeur certains d tails de ces derni res Il s agit l bien s r d une g n ralisation mais il est difficile de se tromper avec de telles combinaisons Les Lin ales se jouent aussi dans un ha bile m lange de graisses notamment avec le Futura qui est tr s utilis avec des couples light et heavy Pour la petite histoire le Futura sert la communication de la marque Nivea la naissance de la marque 1920 P Evitez de d former le texte La modification non homoth tique du texte saccage les propor tions mises au point par leur dessinateur Un tel malmenage des caract res montre tout de suite le peu de ma trise de ceux qui le pratique vitez les m langes Il nest pas recommand de mixer toutes les polices qui ornent votre typoth que En typo comme dans bien des cas en graphis me le peu est l ami du beau N abusez pas des caract res gras R sistez la tentation de mettre en caract res gras les mots d un texte que vous voulez faire ressortir Les caract res g
9. sont contenues dans le dossier Fonts du r pertoire Windows Les po lices TT apparaissent avec l extension ttf Les polices PS appa raissent comme sur Mac en deux fichiers l un avec l extension pfb et l autre avec l extension pfm Dans le dossier Fonts de Windows vous trouverez aussi des fichiers FOT qui sont en fait des fichiers que seul Windows utilise et qu il cr e l installation des polices ces fichiers ne con tiennent aucune description de caract res Le dossier Fonts contient aussi des fichiers font de type Bitmap reconnaissables au rouge qui orne leurs ic nes ces fontes sont utilis es par Windows pour le dessin de son interface et pour certaines applications Il ne faut surtout pas y toucher sous peine de ne jamais plus pouvoir red marrer l ordinateur correc tement Gestion des polices Le probl me c est que nous avons pour les besoins de la cr ation des centaines voir m me des milliers de polices en stock qu il faut installer d sinstaller au gr de nos travaux et inspiration Heureusement il existe des utilitaires qui g rent vos polices et qui peuvent les activer la vol e Pe t ya Loi Server bals Pa A OI x ABC 121 bd 14 port bd aa s ABCDEFGHIJKLMNOPORSTUVWXYZ 51 abcdeftghijkimnoparstuvwxyz Adde 5 1224567890 amp s 00COO000000000000000000000 occooogooooccogooonoocoooonon ESTAA Tel ABCDEFGHIKLMNOPORSTUVWXYZ abcdefghy
10. Conservatoire National des Arts et M tiers Certificat Webmestre 25828 Informatique cycle A Graphisme et Web cours et TP A6 Introduction a la nn e S bastien DEGLIAME RE ENAS tre AR nement distance CNAM OEE AN interdite quelqu errsoienttes moy sa S accord crit de l auteur MAN Tous les noms de marques et de produits utilis s dans ce cours sont des DM a marques d pos es ou des appellations commerciales de leur propri taire e N u gt respectif Un cours de typo en web design Oui si vous d pensez de l ar gent pour un logiciel quelque soit la nature vous trouvez normal qu il soit accompagn d un manuel d utilisation Les polices de caract res le sont rarement voire jamais Les di teurs fournissent bien quelques instructions bartiates pour leur installation allant parfois jusqu fournir des exemples de po lices imprim es mais c est tout Les Traitements de texte sont livr s avec des correcteurs orthographiques les programmes graphiques eux disposent de filtres sophistiqu s et de modules additionnels tandis que les logiciels de PAO sont fournis avec des mod les Par contre vous tes sens s savoir vous servir des polices quand vous les achetez L ironie de la chose est que les traitements de textes existent de puis vingt cinq ans la PAO depuis quinze alors que l histoire de la typographie remonte cinq cents ans La philosophie sur laquelle repose le dessin d une p
11. Erich Walbaum 1800 Troy William Morris 1892 Civilit Robert Granjon 1557 Cristophe Plangin 1514 1589 1550 Copperplate Frederic Goudy 1901 Cheltenham Betram Goohue 1896 Century Linn Boyd Benton 1894 Optima Herman Zapf 1928 Cochin Charles Nicolas Cochin 1739 Fell types John Fell 1672 Caslon William Caslon 1725 Romaines du Roi Philippe Grandjean 1703 Universit Jean Jannon 1621 Baskerville John Handy 1757 e John Baskerville 1705 1775 e William Caslon 1706 1766 e Cristoffel Van Dijck 1601 1659 Giambattista Bodoni 1740 1813 La famille Didot 1689 1836 Vincent Figgins 1765 1844 1600 1650 1700 1750 1764 Pierre Simon ach ve le Manuale Typographique Frutiger Adrian Frutiger 1976 American Typewriter Joel amp Toni Stan 1974 Avant Garde gothic Herb amp Tom Carmese 1971 Gill Sans Eric Gill 1926 Chaucer William Morris 1893 Futura Paul Renner 1920 Goudy Old Style Frederic Goudy 1915 The Golden William Morri 1890 Bodoni Gaimbattista Bodoni 1789 Clarendon Benjamin Fox 1845 1800S Les grandes polices Les grands fondeurs Frederic Goudy 1865 1947 Franck Pierpont 1850 1937 1850 Les grandes inventions e Eric Gill 1882 1947 Paul Rener 1876 1956 Jan Tschich
12. cette r gle On crira donc En 1964 1965 noter ici l attitude totalement inverse de la typographie anglai se qui impose l abr viation dans le cas des intervalles d ann es d un m me si cle On crirait donc en anglais In the years 1964 65 et non pas 1964 1965 Probablement pour ne pas faire exception la r gle pr c dente d interdiction des abr viations de mill simes dans les dates les expressions du type les ann es 30 exigent d crire le nombre en toutes lettres Les ann es trente Autre exemple d abr viation de date illicite Il faut crire le mil l sime en entier Avril 1972 noter sur cet exemple que la capitale sur le nom de mois est l gitime car le mot correspondant se trouve en d but de phrase La r gle g n rale de capitalisation de la premi re lettre de cha que phrase r gle qui ne supporte elle aucune exception l em porte donc logiquement dans le conflit qui l oppose ici la r gle de composition des dates expos e au point N 1 Composition des heures En fran ais le format abr g de l heure est 20h30 le mot heu re est symbolis par un h minuscule m me dans un texte en capitales sans point et s par des deux nombres par une espace ins cable Il faut savoir qu une heure exprim e en fin de phrase comme aura rendez vous 15 h nest pas correct en effet il est recommand de sp cifier heures en toutes lettres La m me remarq
13. elez vous les lignes de vos cahiers d colier M me si en informatique nous n avons plus besoin de lignes pour crire droit les caract res reposent tout de m me sur cette ligne virtuelle page 4 l il ou ligne d il C est la hauteur variable suivant la police qui s tend de la ligne de base jusqu au sommet d une lettre minuscule non montante comme le e par exemple La hampe C est la partie d une lettre qui monte ou descend au del de l il ou en dessous de la ligne de base comme le p ou le t L empattement C est l application d une partie horizontale au sommet d une hampe De fait on distingue deux grandes familles de police les polices empattement dite S rif et celles qui n en n ont pas di tes aussi sans s rif Deux exemples triviaux le Time est une police empattement et l Arial une police sans empattement Police s rif Police sans s rif Le cr nage C est la fa on dont deux caract res adjacents se combinent au ni veau de leur cartement respectif voir sch ma La qualit d une police se voit souvent pour un il exerc la qualit du cr nage ou aussi appel approche ou Kerning Un cr nage bien fait con tribue tr s largement la facilit de lecture d un document Le cr nage prend toute son importance lorsque vous composez des titres avec Photoshop ou Fireworks et dans un corp impor tant car le cr nage rend votre texte plus beau aussi un co
14. eurs aussi Monsieur M et non pas Mr qui est l abr viation anglaise Madame Mme ou Mme Mademoiselle Mlle ou Mlle et non pas Melle Avec ce petit ventail de r gles vous pouvez d j concevoir des documents coh rents au niveau typographique page 12 Mettre des espace de part et d autre du h Ecrire le mois en toutes lettres Ne pas mettre de s parateur E ATETEA soi parie L q t O m O q e ie T ins cable avant le 19 930 19h30 le num ro 1 930 tira le Ba gros lot 1930 Kg de neonecies SE p tes d une valeur de 1930 Frs Le gagnant Du Vint retirer sont Ot le 10 Novembre peu apres 19 Cappitale abusive sur nom de mois Ne pas mettre d espace avant les points de suspension Abreviation incorrecte et ne pas s parer du mot suivant Ne pas mettre d espace avant la virgule Abreviation des heures non souhaitable ici Degliame S bastien CNAM Champagne Ardenne 2005 reproduction interdite sans autorisation crite de l auteur page 13 Une Br ve histoire de la typographie eCaract res de la bible 42 lignes Gutenberg 1455 3300 av JC Premiers documents crits criture pictographique 3100 av JC Apparition des hi roglyphes en Egypte e Claude Garamond 1499 1561 e Gutenberg 1394 1568 1450 e Mise au point du proc d typo 1500 graphique par Gutenberg Egyptian Vincent Figgins 1817 Walbaum Justus
15. ilisez pas avec d autres polices mais jouez plut t sur la graisse et les italiques Vous remarquerez alors de nouvelles ca ract ristiques et d autres d tails qui vous seraient rest s cach s si vous n aviez fait que lire son propos Vous verrez si elle fonc tionne bien ou non dans certaines situations si elle permet de gagner de la place ou d vore l espace des lignes ou si elle para t sombre ou claire dans de petits corps Seulement la discipline qu exige cette m thode d apprentissage est un peu en contradiction avec le fait de poss der des biblioth ques qui en comptent plusieurs centaines Mais elle vous appor tera des connaissances sur une police qui vous permettront de cr er de plus beaux documents que si vous di posiez de milliers de polices diff rentes Cet exercice s applique bien s r en premier lieu aux polices de texte N allez pas utiliser la fantaisiste Comics Sans pour tous vos documents Commencez avec une police s rif et passez la la moulinette pendant quelques semaines voire quelques mois Puis passez une sans s rif Cela vous prendra un peu de temps mais vous vous sentirez bien t t plus s r de vos choix En fait vous saurez exactement quelle police utiliser pour quel document tel point que votre exp rience et vos connaissances s appliqueront ensuite de nouvelles polices que vous n avez jamais utilis es parce que vous saurez ce que vous devez chercher lorsque vous les emploierez I
16. iner les caract res quelle que soit la taille ou la r solution Des formules math matiques d finissent les vecteurs autrement dit les contours qui dessinent la police La taille des polices PS ou TT peut toujours tre modifi es de mani re continue sans paliers elles se basent sur un syst me de mesures relatives le carr em Degliame S bastien CNAM Champagne Ardenne 2005 reproduction interdite sans autorisation crite de l auteur Lem est une unit de longueur un em correspondant la taille en point ou corps d un caract re Pour une police de corps ou taille 12 un em gale 12 points un sixi me de pouce soit ap proximativement 4 mm pour une police de corps 72 un em gal 72 points soit un pouce env 2 54 cm 1em Corps Quelle que soit la police utilis e un em sera proportionnelle ment toujours de la m me taille pour un corps donn Lorsqu on imprime une police ou quon change de corps les mesures rela tives sont converties en mesures absolues Celles ci d pendent de la r solution du p riph rique de sortie par exemple un cran d ordinateur en g n ral 72 ppp une imprimante de 300 4800 PPP Voici un aper u des coubres de Bezier constituant une lette page 3 Du fait de l int gration des technologies Truelype dans les syst mes Mac OS et Windows l utilisation des TT ne r clame pas de logiciel particulier Par contre pour utiliser de mani re agr able les PS
17. klmnoparstuvwxyz selected 123450789026 R A Fort vij Te Fous w O Ana Black Noma Dpenlyce Dogts W his Nond OpenType Tee ABCOEFGHUKLMHOPORSTUVWEXYZ w A Connie Sart MS Normal OpenT ypa Coq abcdetghijkimnoparstnaryz wW Core New Noma Upen Type Tee L LADS W O Erkangelo Edesss Openlyce Copa 123456789011 a 1 w O Fishin Dotis Medam N OpenType river W O Gaston OpenType 2 ABCDEFGHIJKLMNOPQRSTUVWXYZ 4 pee care Es abcdefaghijkimnoparstuvwx yz OC Opent b 1234567890 8 5 8 amp O ITE Sore Sans Sid Bold k O ITC Stora Sart Sid Machan g s l ABCDEFGHIJKLMNOPQRSTUVWXYZ a LA Suictace sous Windows Les logiciels de gestion de polices fonctionnent tous peu pr s de la m me mani re savoir que l utilisateur stocke ses polices dans un dossier externe au Syst me Ensuite dans le logiciel de gestion il cr des ensembles en f amp de crit re qui lui parraissent loquent personnellement je les classe par diteur Adobe AGFA FontFont Il est possible de cr er des ensembles par projet Enfin les logiciels de gestions permettent d activer des polices l unit en fonction des be soins Lutilitaire le plus connus car bien con us sur MAC et PC est Suitcase de la soci t Extensis Actuellement en version 11 pour MacOS X et 9 x pour PC c est un logiciel payant Il fonctionne suivant un principe edict plus haut On peut citer aussi Font Agent Pro Mac et PC qui bien que moins c
18. l vous faudra alors beaucoup moins de temps pour vous faire une opinion sur une nouvelle police ou savoir quels documents vous pourrez r aliser avec page 6 Les grandes familles de polices classification Vox La classification formelle la plus couramment utilis e et qui a le m rite de recouper les classifications historiques est celle labo r e en 1954 par le fran ais Maximilien Vox Adopt e et compl t e par la plus importante organisation typographique mondiale l Association typographique internationale ATypl elle poss f r i l e a bas de galement la caract ristique d avoir t traduite en anglais et en allemand renfor ant ainsi son caract re universel e a a T Les Garaldes sont chaleureuses amicales romantiques classi ques parfois un peu alambiqu es Les R ales sont plus ration nelles et plus gales Les Didones enfin sont plus froides styli P s es fines et sophistiqu es ten L oeil est plus important empattements dits triangulaire C i C que pour les Garaldes Ron E o o o o L oeil est peu pr s indentique f O d celui des Garaldes empattements fins et droits Diff rences de traits L inclinaison des contrepoincons diminue des garaldes aux didones pour qui elle est nulle Garaldes contraste important R ales contraste important Didones contraste tr s important Degliame S bastien CNAM Champagne Ardenne 2005
19. lais Les styles peu vent r sulter de la combinaison d autres styles comme gras ita lique Lorsque plusieurs styles de caract res ont en commun un des sin de caract res particulier on dit qu ils forment une famille de caract res Du dessin d coule 8 grandes familles de caract res nous reviendrons sur leurs diff rences par la suite les garaldes les r ales les didones les m canes les g om triques les lin ales les humanistes et enfin les scriptes Polices l poque des caract res en plomb une police d signait un sty le de caract res dans une taille donn e Du fait de la d finition des polices num riques qui peuvent avoir une taille variable la police l heure actuelle d signe donc un dessin de caract res et tous ses styles associ s Un autre terme conna tre est la graisse Il d signe l paisseur des l ments constituants une police les graisses d une police ajoutent autant de styles de caract res aux jeux de caract res glo baux ex Adobe Garamont medium light bold semi bold bold italic Notez que dans ce domaine beaucoup de d nominations de styles sont anglaises bold gt gras light ou thin gt maigre italic gt italique medium ou r gular gt normal Retenez que dans un es rit de simplification nous nommerons police un dessin donn de caract res On a vu se d velopper ces derni res ann es un grand nombre de formats de polices num riques Deux seulement on
20. m pl ment sur le kernig est donn e dans le deuxi me cours sur la typo L interlignage C est la distance s parant les lignes de bases des diff rentes li gnes de texte d un paragraphe Degliame S bastien CNAM Champagne Ardenne 2005 reproduction interdite sans autorisa tion crite de l auteur ascendante ou jambage sup rieur ligne ascendante axe optique L D 2 descendante ou gt jambage inf rieur empatement corps ms w ligne descendante V contrepoincon ligne de base Un bon point de d part pour d terminer un interlignage correc te est de r gler ce dernier sur 120 du corps de la police utilis e avec cr nage AV To sans cr nage La lecture sur cran est 25 plus lente que sur support papier 79 des utilisateurs lisent les pages en diagonale sans cr nage La premi re chose qu on remarque sur un site quand il est r ussi c est son graphisme On se dit plus rarement qu il est bon parce que son contenu est int ressant et bien organis Par contre quand un contenu est brouillon mal organis peu pertinent le site s en trouve p nalis on n a pas envie d aller plus loin ou de revenir avec cr nage pages C est donc bien le contenu qui par sa qualit et la fr quence de son renouvellement nous lie un site et nous donne envie d y passer du temps et de revenir De ces consid rations d coule que
21. old 1902 1974 1887 invention par Alfred Mergenthaler de la Linotype Degliame S bastien CNAM Champagne Ardenne 2005 reproduction interdite sans autorisation crite de l auteur Emigre Zuzana Licko 1986 Dead History P Scott Makela 1990 Peignot A M Cassandre 1937 Univers Adrian Frutiger 1954 Albertina Chris Band 1965 Typeface Six Neville Brody 1990 Time New Roman Stanley Morrison 1932 Adrian Frutiger n en 1928 Aldo Novarese n en 1920 Herman Zapf n en 1918 _ _ _______ 1900 e Y o Y o o o 1971 premier ligiciel de 1950 stade exp rimental P 8 1996 bauche de la norme dessin de polices num ri OpenType par Adobe ques Ikarus par URW penlype p de la photocomposition et de la lettre transfert 1980 sortie de la revue 1960 introduction d fini tive de la photocomposition Pmigre et de l impression offset 1983 introduction du lan gage PostScript Adobe 1961 commercialisation de 1984 sortie de l Apple lettres tranfert Lettraset Machintosh 1987 sortie du logiciel Fontographer par Macro m dia 1991 sortie du format TrueType par Apple et Microsoft page 14
22. olice telle que Fette Fraktur est trois si cles de celle qui a pr sid e l labo ration du Futura et pourtant quelques pixels tout au plus les s parent dans le menu polices Ces cinq cents ann es d volu tion typographique devraient faire partie de notre inconscient collectif or la plupart des probl mes concernant des documents PAO ou Web ne sont dus ni un manque de cr ativit ni une absence d in biration artistique quoique En g n ral les probl mes autrement dit les documents laids ou mal ficel s sont rechercher au niveau de la typographie poli ces mal choisies tailles inadapt es trop grande vari t de poli ces mauvais caract res et esbacements incorrects pour ne citer que les principaux Il est donc temps de revoir un peu ce que sont les fondements de la typographie afin qu l avenir documents num riques ou non soient plus beaux et plus lisibles La typographie d coule d un art mill naire la calligraphie M me si nous nallons pas faire des TP de calligraphie pour le web design bien que cela soit passionnant il ne faut pas oublier pour autant d o viennent les lettres La typographie est apparue avec Gutenberg aux environs de 1450 Au d but furent les caract res en plomb fa onn s la main par un ma tre fondeur nom qui est toujours donn de nos jours ceux qui dessinent des caract res par des moyens num riques Contrairement une id e g n rale Web n es
23. onnus est tout aussi efficace Degliame S bastien CNAM Champagne Ardenne 2005 reproduction interdite sans autorisation crite de l auteur ANA FonsAgenc Pro Ls La y FESEE EE y EE 24 FREFIFEFErEES CEE 166 EEF z res e T Ajerson Rac 5 x gt GA l i parers MC Ie abcdejghijklmnoparstuvuwxyz BCDEFGHIJKLMNOPQRSTUVWXYZ g a wsd 4 Agf r opre r ki D agla Waddy Ore byi Asf 0123456789 1 E Waddy Ore bgi Asf AT nv We choose to go to the Moon and do those other te x things not because they are easy but because they are hard FontAgent Pro sous MacOS X noter aussi que depuis MacOS 10 3 le syst me est fournis avec un gestionnaire de polices donc le principe est similaire ceux vu plus haut suffisant lorsque l on a que quelques dizaines de polices g rer il devient tr s lent au dela de plusieurs centaines dans ce cas il pr f rable d adopter un logiciel professionnel tel que Suitcase ou FontAgent Avant de d battre sur le choix des polices vous devez conna tre quelques mots de vocabulaire suppl mentaires Bas de casse Aussi appel es minuscules ce nom vient de la disposition des minuscules lors de la composition avec des caract res en plomb les minuscules taient plac es au plus proche des mains du com positeur dans la casse vue que ce sont elles les plus usit es Ligne de base C est la ligne sur laquelle reposent les caract res rapp
24. rand orchestre Bossa nova Rock n Roll Venez Nombreux M lange indigeste de polices entre autres De haut en bas Franklin Gothic heavy Le monde normal Copperplate Gothic bold Stencil Time New Roman Quartet normal Goudy bold page 10 Et pour finir ce cours succinct sur la typographie il faut faire un point sur les r gles de ponctuation et de composition En effet on s aper oit surtout depuis l av nement des program mes de traitement de texte que les gens font un peu tout et n im porte quoi avec ces r gles Pourtant quelles que soient les muta tions des techniques de diffusion de l crit respecter les r gles typographiques de pr sentation d un texte reste une exigence du savoir lire et sans doute du savoir vivre Je vais donc vous donner les vraies r gles de ponctuation telles qu elles ont t dict es par l Imprimerie Nationale Premi re pr cision on ne dit pas un mais une espace l es pace typographique est un mot du genre f minin a fait tou jours bien dire en soci t pour briller inutilement Composition des signes de ponctuation Voir tableau ci contre Une erreur tr s commune est l association du etc avec les points de su bension En effet les points de suspension indi quent une suite de texte non crite et etc e amp t l abr viation de et cetera voulant dire la m me chose donc etc est un pl onas me La composition exacte est etc Composi
25. ras attirent irr sistiblement le regard mais d truisent la continuit du texte s ils ne sont pas utilis s de mani re ad quate Les caract res gras sont utiliser de pr f rence dans les titres les l gendes les logos et parfois au d but des paragraphes comme instrument tylis tique Degliame S bastien CNAM Champagne Ardenne 2005 reproduction interdite sans autorisation crite de l auteur Je vous conseille plut t d utiliser les italiques car ils s int grent mieux dans le corps du texte tout en accrochant le regard Bannissez l utilisation du soulignement Le caract re gras est d j assez moche comme a dans du texte de gr ce n y ajoutez pas le soulignement qui est une aberration typographique l poque des machines crire le souligne ment tait une m thode tol r e pour faire ressortir du texte il n y avait pas d autre alternative Malheureusement le souligne ment s est infiltr dans les syst mes d exploitation ce qui expli que que la commande persiste dans des logiciels de TdT En typographie le soulignement n est utilis que dans certains con textes particuliers comme par exemple les publications financi res ou universitaires D ormation RMATION Version d form e D formation D FORMATION Les d formations d truisent les proportions entre ascendante et horizontales Grande Fiesta le mardi 12 avril 2003 AU CAVEAU CNAM 12 EUROS L ENTREE G
26. t pas le m dia qui utilise le plus de caract res num riques la PAO Pagination Assist e par Ordinateur en fait une consommation effr n e de puis plus de 15 ans et les m thodes d utilisation pour le web en d coulent directement T A he Le 1 RE EC En Capitale romaine grav e dans la Cursive romaine trac e dans la pierre cire Quadrata peinte sur papyrus Rustica peinte sur un mur Degliame S bastien CNAM Champagne Ardenne 2005 reproduction interdite sans autorisation crite de l auteur Onciale sur parchemin Anglaise sur papier page 2 Lorsque d anciennes m thodes typographiques Linotypie ont t remplac es par la PAO certains termes traditionnels ont subi des glissements C est pourquoi il importe de clarifier le sens de certains termes utilis s mauvais escient ou qui connaissent d sormais un sens plus large qu l poque des caract res m tal Caract res En typographie l l ment de base s appelle un caract re il peut s agir d une lettre d un chiffre ou d un symbole On appelle jeu de caract res un groupe de caract res Un ou plusieurs jeux de caract res partageant des options graphiques constituent un dessin de caract res Le Time par exemple est le nom d un des sin de caract res On appelle style de caract res un jeu de caract res complet cor res ondant une variante stylistique de dessin de caract res comme italique ou gras italic et bold en ang
27. t surv cu PostScript type 1 et TrueIype Truelype a t pr sent pour la premi re fois par Apple et Microsoft en 1991 soit presque 7 ans apr s qu Adobe ait com mercialis ses polices PostScript Atuellement il n est pas pen sable que Truelype et PostScript di baraissent mais ces deux normes voluent constamment La prochaine grosse volution est la prise en compte au sein d une m me police de l ensemble des caract res b ciaux pour les principaux alphabets connus OpenType Car actuellement une police ne peut stocker que 256 caract res codage sur 8 bits cela peut para tre suffisant pour nos usages mais ces 256 caract res imposent un choix car ils ne peuvent contenir toutes les Sp cificit s typographiques et alphab tiques de toutes les langues comme le chinois le japo nais le cyrillique l arabe C est pourquoi Adobe a planch sur Le sujet pendant 5 ans et leur trouvaille c est le format OpenType qui permet de stocker 65 536 caract res codage sur 16 bits le tout dans un seul et m me fi chier commun toutes les plateformes Mac OS Windows UNIX Mais ce format commence juste tre g r par les syst mes MacOS X et Windows XP attendons encore donc Une police PS ou TT nest pas simplement une image de cette police une taille donn e mais sa description math matique c est dire un ensemble d instructions indiquant l ordinateur et l imprimante le cas ch ant comment dess
28. tion des dates En fran ais de tr s rares exceptions pr s les dates se compo sent avec les noms de jour et de mois en toutes lettres et en mi nuscules sauf bien s r lorsqu ils sont en d but de phrase En outre et c est une r gle g n rale pour tous les nombres crits en chiffres il est tout fait d conseill de s parer par une fin de ligne un nombre en chiffres arabes ou romains du nom qui le pr c de ou qui le suit et avec lequel il forme une entit gramma ticale Voici quelques exemples de dates valides Le lundi 24 ao t 1953 le mercredi 19 octobre le jeudi 10 le 5 d cembre 1982 le 26 mai en mai 1987 etc Dans le cas d une date comme celle de notre premier exemple les deux espaces devraient tre ins cables mais il est admis de pou voir couper entre le mois et l ann e surtout dans la presse o les colonnes de texte sont troites Avant espace s cable ou d but de espace s cable ou d but de Degliame S bastien CNAM Champagne Ardenne 2005 reproduction interdite sans autorisation crite de l auteur lt lt gt gt lt 0 Apr s page 11 Pas d abr viation des dates en fran ais Tous les guides typographiques sont formels On n abr ge pas un mill sime except dans certaines expressions historiques fig es Les volontaires de 93 la guerre de 14 18 Les intervalles d ann es d un m me si cle ne font pas exception
29. traite d Emma nuel Kant par exemple les polices Verdana ou Futura ne corres pondront ni au style ni l poque mais le New Baskerville en revanche sera tout fait appropri Si vous cr ez des sites insti tutionnels des titrages en Palladio ou Galliard ou des scripts en Zapf Chancery seront plus adapt s que le Hobo ou l Ad Lib par exemple Ces derniers vu leur apparence peu formelle pourront tre avantageusement utilis s pour des sites jeunes Tout ceci peut para tre vident mais vous seriez surpris du nombre de do cuments que je vois passer et qui comportent ce type d erreurs Pour les titres l utilisation de dessins classiques tels que le Garamond le Georgia le Caslon ou le Palladio pour n en ci ter que quelques uns limite les risques d erreur mais ces poli ces sembleront peut tre un peu d mod es dans un site techno Il nest jamais facile de choisir et il est impossible de pr voir sans faire des prototypes de pages dans des logiciels tels que Photoshop ou Fireworks Degliame S bastien CNAM Champagne Ardenne 2005 reproduction interdite sans autorisation crite de l auteur Choisir une police et apprendre la conna tre En mati re de typographie comme dans beaucoup d autres cho ses dans la vie c est en forgeant que l on devient forgeron Alors choisissez une police dont l asbect vous para t assez universel puis utilisez la dans diverses situations titres colonne de texte Ne l ut
30. ue s applique aussi aux minutes Rendez vous dans 5 min n est pas correcte Rendez vous dans 5 minutes correcte Composition de nombres avec unit En fran ais on compose le plus souvent de tels nombres en chif fres arabes Nous ne nous int resserons ici qu au formatage g n ral du nombre dans son contexte et notamment avec une unit de mesure qui peut ventuellement l accompagner dans certains cas Une unit de mesure lorsqu elle est abr g e doit suivre le nom bre s par e de ce dernier par une espace ins cable La plupart des unit s de mesure ont une abr viation normalis e et ofhcielle Celle de kilogramme est kg en minuscules m me dans un texte en capitales et non Kg kgr kgr kgs ou m me kilogr etc Composition g n rale des nombres En fran ais le symbole utilis pour s parer la partie enti re des d cimales est toujours la virgule et non le point Pour faciliter la lecture des nombres sup rieurs 999 on s pare les groupes de trois chiffres partir de la virgule par un l ger esbacement 25 000 personnes 1250 75 En anglais le symbole utilis pour s parer la partie enti re des d cimales est toujours le point car la virgule est utilis e comme s parateur de milliers 25 000 persons 1 250 75 En suisse romande le symbole utilis pour s parer la partie en ti re des d cimales est le point comme en anglais pour les mon naies et la virgule comme en fran ais
Download Pdf Manuals
Related Search