Typographie et mise en page. Virginie Ahrens - Master 1 ILTS-CDMM

Transcription

1 Typographie et mise en page

2 Typographie : notions élémentaires Caractères Familles de caractères Polices de caractères Unités de mesure typographiques : point didot, point pica, pica, pouce.

3 Détail d une typo 1/2

4 Détail d une typo 2/2

5 Les classifications de caractères 1921 Thibaudeau 1952 Vox 1962 Atipy 1964 Din 1964 Novarese 1978 Jacno 1980 Alessandrini

6 Exemple : classification Vox (la plus connue)

7 Classification Vox 1/6 Classification Époques Valeurs Manuaires Humanes Moyen-âge La famille Manuaires comprend les caractères dont la forme s inspire des lettres dessinées au moyen âge. Renaissance Humanisme XVIe siècle La famille Humanes s inspire des formes de lettre romaines rénovées à la Renaissance. Fantastique Biblique Imaginaire Ténébreux Mythique Mystérieux Tradition Sciences humaines Savoir Culture (au sens large) Texte à lire sur papier

8 Classification Vox 2/6 Classification Époques Valeurs Garaldes XVIIe siècle La famille des Garaldes sont les caractères dont la forme rappelle celle des créations classiques françaises et italiennes. Féminin Léger Douceur Sensible Souplesse Réales XVIIIe siècle La famille de Réales comprend les caractères de labeur dont le dessin rappelle les types les plus utilisés au 18e siècle. Masculin Riche Prestigieux Luxe

9 Classification Vox 3/6 Classification Époques Valeurs Didones Mécanes XIXe siècle (exemples au musée d Orsay) La famille des Didones comprend les caractères qui évoquent la typographie pure du 19e siècle. XXe siècle (Renault, Marlboro) La famille des Mécanes comprend les caractères qui, par leurs formes géométriques, évoquent l ère de la mécanique. Droit Précis Exigent Rigueur Impeccable Presque sévère Début de la pub Mécanique Solide Stable Construit Puissant Fort

10 Classification Vox 4/6 Classification Époques Valeurs Linéales Contemporaine (Pas d empattement) La famille des Linéales comprend les types de caractères bâton (sans empattement) de la typographie moderne. Valeurs de notre époque Information pure (et pas communication) Moderne Actuelle Design Claire Nette Basique Epurée

11 Classification Vox 5/6 Classification Époques Valeurs Incises Mairies, Imitations, écritures gravées (exemple : Bistrot Romain) Institutionnelle Administratif Loi Scriptes Les familles Incises comprend les caractères s inspirant des inscriptions de l antiquité (terminales élargies). Ecriture courante Les familles Scriptes comprennent les caractères qui imitent l écriture courante ou la calligraphie. Humaine Unique Singulière Personnelle Emotion Plaisir Affect

12 Classification Vox 6/6 Classification Époques Valeurs Excessives/ Expressives Electronique

13 Quelques polices de caractère dans la Classification Vox

14 La classification d Aldo Novarese 1/2 Aldo Novarese ( ) propose une classification en 10 familles découlant directement de la classification Thibaudeau (fin des années 50) classée à partir des empattements.

15 La classification d Aldo Novarese 2/2 Lapidaires Ornées Médiévaux Egyptiennes Bodoniens Vénitiens Linéraires Transitionnels Fantaisies Ecritures

16 Police Serif et Sans-Serif Police sans serif (caractères baton) ici Helvetica Police serif (caractères avec empattement) ici Times Empattements en rouge

17 Exemples Arial 14 (sans serif) abcdefghijklmnopqrstuvwxyz Comic 14 (sans serif) abcdefghijklmnopqrstuvwxyz Franklin 14 (sans serif) abcdefghijklmnopqrstuvwxyz Times 14 (serif) abcdefghijklmnopqrstuvwxyz Garamond 14 (serif) abcdefghijklmnopqrstuvwxyz

18 Le choix des polices Chaque police a sa spécificité Attention aux polices capitalisées Arial Courier Garamond Copperplate Century

19 Exemple serif / sans-serif 1 Longtemps, je me suis couché de bonne heure. Parfois, à peine ma bougie 2 éteinte, mes yeux se fermaient si vite que je n avais pas le temps de me dire : 3 «Je m endors.» Et, une demi-heure après, la pensée qu il était temps de 4 chercher le sommeil m éveillait ; je voulais poser le volume que je croyais avoir 5 dans les mains et souffler ma lumière ; je n avais pas cessé en dormant de faire 6 des réflexions sur ce que je venais de lire, mais ces réflexions avaient pris un 7 tour un peu particulier ; il me semblait que j étais moi-même ce dont parlait 8 l ouvrage : une église, un quatuor, la rivalité de François I er et de Charles-Quint. 1 Longtemps, je me suis couché de bonne heure. Parfois, à peine ma bougie éteinte, mes yeux 2 se fermaient si vite que je n avais pas le temps de me dire : «Je m endors.» Et, une demiheure après, la pensée qu il était temps de chercher le sommeil m éveillait ; je voulais poser le 3 4 volume que je croyais avoir dans les mains et souffler ma lumière ; je n avais pas cessé en 5 dormant de faire des réflexions sur ce que je venais de lire, mais ces réflexions avaient pris 6 un tour un peu particulier ; il me semblait que j étais moi-même ce dont parlait l ouvrage : 7 une église, un quatuor, la rivalité de François I er et de Charles-Quint.

20 Variantes typographiques Romain Italiques ou penchés Caractères gras Petites capitales

21 Simplification et lisibilité deux mille un, odyssée de l espace 2001, odyssée de l espace MDCCLXXXIX 10 signes signes mille sept cent quatre-vingt-neuf 28 signes

22 Niveaux de lecture Visualisation de la hiérarchie des informations sur la page Variation du corps, de la graisse des caractères, de l alignement permettent de différencier ou au contraire de regrouper visuellement les éléments de même nature

23 Analyse des caractères et lisibilité Critères impactant la lisibilité : La longueur des ascendantes et des descendantes L axe et l encombrement des caractères Le corps des caractères L interlignage

24 Analyse des caractères et lisibilité Corps (taille) des caractères : Au dessus de 24 pts : à voir Au dessous de 24 pts : à lire Interlignage Espacement vertical entre deux lignes de texte successives Exprimé à l aide de deux chiffres : 10/12 par exemple

25 Analyse des caractères et lisibilité Longueur des lignes Distance du texte entre la marge de gauche et la marge de droite Moyenne: entre 40 et 70 caractères de texte, soit 10 à 12 mots par ligne

26 L approche, la chasse, l encombrement 1/3 L approche est un blanc placé entre 2 lettres d un mot La chasse est la largeur visible de chaque caractère L encombrement est la largeur invisible de chaque caractère

27 L approche, la chasse, l encombrement 2/3 Encombrement Chasse Approche

28 L approche, la chasse, l encombrement 3/3 Approche standard Approche excessive Approche trop serrée

29 Mise en valeur des paragraphes Alinéas Renfoncement de certaines lignes de texte. Visuellement, l œil enregistre qu il s agit de débuts de paragraphes. Une rentrée d alinéas permet de distinguer 2 paragraphes sans ajouter d espace Permet d indiquer au lecteur un nouveau paragraphe en cas de ligne pleine

30 Composition de textes ou de mots 1/8 Justifié Fer à gauche Fer à droite Centré Vertical Détouré

31 Composition de textes ou de mots 2/8 Justifié Le texte occupe la largeur fondamentale du format donné Le format Justifié est utilisé dans un texte long 1500 signes minima

32 Composition de textes ou de mots 3/8 Fer à gauche Créer un effet d annonce Lecture transversale Brèves, textes courts

33 Composition de textes ou de mots 4/8 Fer à droite Dissonance Pas dans les habitudes de lectures occidentales, de gauche à droite Textes extrêmement courts (maxi 5 lignes) Textes d appoint

34 Composition de textes ou de mots 5/8 Centré Communication sans tension Cartons d invitation par exemple

35 Composition de textes ou de mots 7/8 Vertical Classer Répertorier A utiliser avec parcimonie

36 Composition de textes ou de mots 8/8 Détouré Par rapport à une forme ou une image

37 Lézarde, cheminée Blanc disgracieux devant être corrigé.

38 Veuves et orphelins Une ligne veuve est la dernière ligne d'un paragraphe apparaissant isolée en haut d'une page. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellensodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices sodales. Veuve Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet. Un orphelin est la première ligne d'un paragraphe apparaissant isolée en bas d'une page. Orphelin Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellen massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet. Ec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Proin porttitor, orci nec nonummy molestie.

39 Autres termes typographiques Crénage Cadratin Esperluète Lettrine Texte en drapeau