Typographisme

Comprendre la typographie, de Ellen Lupton

Delphine Malassingne — Sat, 02 Nov 2013 15:59:00 +0100

Dans ce « guide théorique et pratique pour les graphistes, les auteurs, les éditeurs et les étudiants », Ellen Lupton aborde effectivement, une par une, les notions pour « comprendre la typographie ».

Une vision globale et pertinente

J’ai longtemps feuilleté les livres dans ma librairie avant de choisir celui-ci. Mes repères pour choisir étaient mes faibles connaissances et mon goût personnel (l’objet livre devait être beau). Comme les autres livres sur le sujet, ce guide fait un rappel historique mais, plus qu’un autre il me semble, il l’aborde par l’aspect pédagogique et pratique, plus qu’encyclopédique.
Il en va de même pour l’ensemble de l’ouvrage. Les illustrations servent vraiment le propos et de nombreux schémas viennent relayer les explications fournies dans le texte.
Pour autant, l’auteur ne se contente pas de généralités sur la typographie et le propos est précis et professionnel.

Ellen Lupton n’oublie pas le support numérique et les spécificités d’Internet (bien qu’édité pour la première fois en 2004, les remarques qui y sont faites restent tout à fait justes et pertinentes.)

Ce guide sur la typographie est facile d’accès tout en étant un panorama riche, précis et pédagogique.

Une mise en page élaborée

C’est Ellen Lupton elle-même qui s’est chargée de la maquette. La mise en page y est élaborée et toujours au service du contenu et de la démonstration. La part-belle est ainsi faite aux exergues, aux légendes et l’auteur ne s’est pas privée d’user et d’abuser de choix typographiques multiples quand elle abordait des caractère typographiques particuliers.

Extraits

En Suisse, après la Seconde Guerre mondiale, certains graphistes ont bâti sur la grille typographique une méthodologie globale de conception, espérant ainsi construire un nouvel ordre social plus rationnel.
Au fil des siècles, la grille a suivi les évolutions de la typographie. Pour les graphistes, elle est un outil intellectuel soigneusement mis au point, porteur d’idéologie et d’ambition, un filtre incontournable à travers lequel passent, à un degré ou un à un autre, tous les systèmes (ou presque) d’écriture et de production.

Le graphisme est autant une activité liée à la mesure de l’espace qu’à l’inscription. L’art du typographe ne se limite pas aux formes positives des lettres, mais s’étend également aux espaces négatifs entre elles et autre d’elles.

Manuel de typographie française élémentaire, par Yves Perrousseaux

Delphine Malassingne — Fri, 26 Jul 2013 11:44:00 +0200

N-B : Édité désormais sous le titre « Règles de l’écriture typographique du français » (Atelier Perrousseaux éditeur)

L’ouvrage débute par un historique rapide mais complet de l’écriture. Yves Perrousseaux présente ensuite les usages typographiques. Il réussi à « raconter » les règles, rendant la lecture agréable. Les illustrations permettent autant de mieux comprendre que de mieux retenir.

Bien que très précis et très professionnel, on apprécie aussi de la part de l’auteur la prise du recul et l’esprit pratique.

Comprendre la typographie, par Ellen Lupton

Delphine Malassingne — Sat, 29 Jun 2013 19:22:00 +0200

Ce « Guide théorique et pratique pour les graphistes, les auteurs, les éditeurs et les étudiants » va droit au but. En trois parties – la lettre, le texte, la grille – on aborde les notions à savoir autour de la typographie. En vrac : familles, logotypes, fontes pour l’écran, interlignage, hiérarchie, section dorée, grille modulaire, ponctuation, etc.
Abondamment illustré, ce guide est pédagogique et précis. Aux éditions Pyramyd.

De la césure et du Web

Jeremie — Tue, 06 Mar 2012 09:00:00 +0100

La césure (ou « hyphen » en anglais) est une coupure de mot qui survient en fin de ligne. Il s’agit d’un artifice bien connu des composeurs pour gérer les lignes de texte justifié depuis des siècles. Jusqu’à présent, son usage sur le Web était difficile, on la disait même parfois impossible. Cependant, comme vous allez le voir, beaucoup de choses sont en fait possibles. Entre solutions des temps anciens et nouveautés de CSS3, voyons comment démocratiser l’usage des césures sur le Web.

Photo : Stéphane Champagne

Au début était HTML

Contrairement à une idée reçue, la césure est un mécanisme relativement ancien sur le Web. En effet, des possibilités de césure existaient déjà dans les vieilles versions d’Internet Explorer (avant même sa version 6) et font partie de la norme HTML depuis au moins sa version 3.2.

Historiquement donc, HTML définit deux méthodes permettant de spécifier des opportunités de césure [1] :

L’entité de caractère 
Cette entité HTML représente le caractère « césure douce » [2]. Ce caractère est invisible jusqu’à ce qu’une césure soit réellement pratiquée, auquel cas, il apparaît comme un tiret.
La balise <wbr>
Cette balise fait quasiment la même chose que l’entité . La seul différence tient au fait que cette balise ne matérialisera pas les césures sous forme d’un tiret. À l’origine c’est une balise non standard largement implémentée dans les navigateurs (à commencer par Internet Explorer) qui, au vu de son large support, a finalement été standardisée dans HTML5.

Un des usages les plus courants de ces deux éléments consiste à définir soi-même les opportunités de césure sur des mots particuliers :

<p>Des opportunités de césures pour le mot « anti&shy;con&shy;sti&shy;tu&shy;tion&shy;nel&shy;lement »</p>

La balise <wbr> est plus appropriée pour les cas où un tiret de césure induirait une ambiguïté comme dans les URL :

<p>http://<wbr>typographisme.net/<wbr>post/<wbr>De-la-cesure-et-du-Web</p>

J’ai réalisé une petite page de test où vous pouvez voir toutes ces techniques en action.

Le principal problème de cette méthode, c’est qu’elle requiert que vous définissiez vous-même, à la main, toute les opportunités de césure. Autant ce peut être acceptable pour un mot de-ci de-là, autant cela relève de l’utopie lorsqu’il s’agit de gérer un texte complet. Ceci dit, rien ne vous empêche de gérer ces opportunités de césure via un script côté serveur, qui fera le travail pour vous.

Du point de vue de l’accessibilité par contre il faut vous méfier, ces deux mécanismes étant gérés de manière assez disparate par les assistances techniques. Selon les outils utilisés le rendu peut alors être assez différent. A titre d’exemple, VoiceOver avec Safari a tendance à vocaliser les mots sous forme de syllabes. Si vous avez des retours d’expérience concret sur ce point, les commentaires vous tendent les bras.

Puis vint JavaScript

Pour automatiser tout ça, une autre option consiste à utiliser JavaScript. Pour cela, il existe plusieurs solutions, de la plus frustre (à base d’expressions régulières) à la plus élégante (via hyphenator.js).

À titre d’exemple, l’utilisation du script hyphenator (qui, soulignons-le, fait les choses dans les règles de l’art) est redoutablement simple :

<p class="hyphenate">D'abord un gardien de Camargue...</p>

<script src="http://typographisme.net/post/Hyphenator/Hyphenator.js"></script>

<script>
Hyphenator.run();
</script>

Toujours sur la page de test, vous pouvez voir ce script en action.

Au-delà de cette simplicité de façade, ce script offre de nombreuses possibilités de personnalisation que je ne vous détaillerai pas ici mais qui vous permettront de raffiner vos césures en fonction de vos besoins.

Ceci dit, l’utilisation de ce genre de script peut avoir un coût particulièrement significatif pour les performances de votre site. En effet, au-delà des calculs que doit faire le navigateur pour positionner les entités  là où il le faut, une bonne gestion des césures nécessite ce que l’on appelle un « dictionnaire de césure ». En effet, une césure, ça ne se place pas n’importe où et chaque langue a ses propres règles en la matière. Ainsi, pour éviter les césures disgracieuses, il faut définir toutes les règles d’application.

Ces règles peuvent, selon les langues, être assez volumineuses et alourdir considérablement le poids de votre page. À titre d’exemple, le dictionnaire de césure d’hyphenator pour le hongrois fait 455Ko (!), pour l’allemand 79Ko et pour l’anglais britannique encore 45ko… mais pour le français, seulement 8ko et moins de 2ko pour l’italien. Soyez donc prudent si vous utilisez cette solution, en particulier dans un environnement à faible bande passante comme les réseaux mobiles.

Enfin apparut CSS

Ainsi, jusqu’à présent, les solutions dont nous disposions n’étaient pas forcément très aisées à mettre en oeuvre pour gérer les césures. Néanmoins, les choses changent. Ainsi le module CSS3 Text définit une nouvelle propriété nommée hyphens. Elle va nous permettre de gérer la césure automatique des mots à l’aide d’une simple déclaration CSS : bonheur et simplicité.

<style>
.hyphenate {
    hyphens: auto;
}
</style>

<p class="hyphenate">D'abord un gardien de Camargue...</p>

Cette propriété étant encore jeune, elle n’est pas encore bien répandue. Cependant, au moment où j’écris ces lignes, elle commence à être disponible en version préfixée :

Firefox (avec le préfixe -moz-) a été le premier à la mettre en œuvre pour une trentaine de langues environ à l’heure actuelle,
Chrome et Safari (avec le préfixe -webkit-) sont également dans la course, mais les langues supportées en dehors de l’anglais ne sont pas connues.
Enfin, Internet Explorer 10 (avec le préfixe -ms-) va s’y mettre à son tour avec une vingtaine de langues à son actif.

Là aussi, la page de test vous permet de voir le résultat de cette propriété CSS.

Le principal intérêt de cette méthode est que les dictionnaires de césure dont nous parlions précédemment sont directement embarqués au sein du navigateur et n’alourdissent donc pas votre page. Ceci dit, comme nous l’avons vu, ces dictionnaires peuvent être volumineux et certains éditeurs de navigateur font le choix de ne pas les fournir sur les versions mobile de leur navigateur, afin que celles-ci restent le plus compactes possible sur des plateformes à faibles capacités. Il n’y a donc pas de garantie de fonctionnement systématique de cette solution qui, rappelons-le, reste expérimentale.

Le mot de la fin

Avec ce tour d’horizon, vous n’avez désormais plus d’excuse, vous pouvez utiliser les césures sur le Web. En fonction de vos prérequis, vous êtes libre de choisir la technique qui vous convient le mieux : toutes ont leurs avantages et leurs inconvénients. À vous de peser le pour et le contre mais maintenant, vous le savez, c’est possible.

Ceci étant dit, ce n’est pas parce que c’est possible qu’il faut le faire. À titre très personnel, je fais partie de ces gens qui ont toujours trouvé que les césures sont horriblement disgracieuses. En ces temps modernes de l’informatique, il existe d’autres solutions plus élégantes pour répartir les blancs au sein des lignes sans avoir à couper les mots. Les utilisateurs de technologies comme LaTex le savent bien, il existe des algorithmes mathématiques capables de créer des textes justifiés sans césure ni rivière de blanc en son sein. Peut-être un jour verrons-nous cela dans nos navigateurs mais, pour des raisons extrêmement techniques, ce n’est malheureusement pas pour tout de suite. En attendant, et bien… s’il le faut vraiment, coupez les mots.

Une opportunité de césure, c’est un endroit où le navigateur aura le droit de réaliser une césure. Par contre, le fait qu’il y ait ou non une césure à cet endroit spécifique dépend de ses propre règles internes. [retour]
« Soft hyphen » dans la langue de Shakespeare, nom de code U+00AD en Unicode [retour]

Bienvenue à Pointypo

Anne-So — Mon, 05 Mar 2012 14:38:00 +0100

Vous l’avez sans doute appris par Twitter si vous suivez notre fil ou celui d’autres amateurs de typo : la semaine dernière a vu la naissance d’un nouveau site francophone dédié à l’actualité typographique, Pointypo. Très actif, alimenté par des rédacteurs de grande coualité – Jérémie Baboukhian, Jean-Baptiste Levée et Pauline Nuñez – vous y trouverez tous les événements (expos, ateliers, formations, conférences, nouveautés des fonderies, etc.) qui font l’actualité de la typographie francophone. À suivre également, le tumblr Pointypo qui recense les trophées de chasse de safaris typographiques.

Annuaire 1554

Anne-So — Tue, 14 Feb 2012 10:19:00 +0100

L’indispensable Franck Adebiaye compile un « annuaire de la scène typographique française vivante » qui rassemble des fonderies, des créateurs et des typographes. N’hésitez pas à contribuer en signalant les absents !

URL http://www.fadebiaye.com/type/1554/typo_scene_fr

Atelier à la Galerie Anatome, prise 2

Anne-So — Tue, 14 Feb 2012 10:07:00 +0100

Si vous avez manqué à regret l’atelier éphémère de composition typographique organisé par Zone Opaque à la Galerie Anatome le 28 janvier dernier, vous avez une deuxième chance samedi 18 février. Je sais que nous vous signalons l’événement un peu tard, mais que voulez-vous, ces temps-ci le calendrier va beaucoup plus vite que nous.

Où Galerie Anatome, 38 rue Sedaine, 75011 Paris
Quand Le samedi 18 février de 16h à 18h
Comment Tarif : 20 € par participant • Réservation : 01.48.06.98.81 ou
fichier@galerie-anatome.com

GrabMyBooks

Anne-So — Mon, 06 Feb 2012 14:38:00 +0100

GrabMyBooks est une extension pour Firefox incroyablement bien fichue qui vous permet de créer un fichier .epub à partir de pages Web. Le principe est simple et flexible : vous ajoutez des articles qui deviennent des chapitres dans un livre électroniques. Vous pouvez éditer, réordonner et renommer ces chapitres, et vous avez le contrôle sur les métadonnées et la couverture du bouquin. Génial pour tous ceux qui, comme moi, préfèrent lire les contenus longs sur liseuse plutôt que sur écran.

URL http://www.grabmybooks.com/

Visite de l'atelier de typographie : l'impression

Anne-So — Thu, 19 Jan 2012 17:20:00 +0100

Il y a deux semaines, je vous ai causé longuement de composition au plomb et, quand je vous ai laissés, il y avait une double page complète et prête à imprimer sur la galée. Cette fois, je vous invite donc à regarder par dessus mon épaule pendant que je m’affaire à la transférer sur le papier à l’aide de la grosse machine que vous voyez sur la photo ci-dessous. Toutes mes excuses aux amateurs de steampunk, nous avons de belles presses anciennes à main, mais celle-ci, qui a des rouleaux encreurs électriques, garantit un encrage uniforme et régulier et permet de gagner du temps.

Marc devant la presse

Préparation

Avant toute chose, il faut consolider la mise en page. Pour que l’impression se passe au mieux, il est essentiel que le bloc à imprimer soit parfaitement serré et que rien ne bouge. Encore sur mon plan de travail, j’ajoute quelques espaces fines.

Insertion d’espaces fines dans le texte

Je vais maintenant travailler directement à plat, sur la machine. Je pose la galée sur la presse et je saisis fermement la mise en page en ouvrant grand mes petites mains pour la pousser doucement sur le banc. Notez que je pourrais ficeler tout ça, mais ce format reste gérable. Vous le voyez sur la photo ci-dessous, la mise en page est maintenue par de puissants aimants, et j’ai ajouté un groupe lingots sur la gauche. J’ai déterminé la position de la forme sur la presse et du papier sur le rouleau de manière à obtenir les marges de mon choix, et ces lingots sont là pour le calage au poil de fesse près (unité de précision couramment employée par les typographes).

Je vérifie une fois de plus que ma mise en page ne bouge pas en passant mon doigt sur chaque ligne un peu comme vous passiez vos dents de lait en revue dans l’espoir que l’une bouge, annonçant la visite prochaine de la souris. Je répartis encore une pincée d’espaces fines un peu partout. Je fais ensuite un tour d’encrage, c’est-à-dire que je fais passer les rouleaux encreurs sur la forme sans mettre de papier, simplement pour déposer une fine couche d’encre sur les caractères. Cette opération rend la première impression plus fiable.

Impression

Passons maintenant à la mise en place du papier :

Le papier vient se coincer sous les pinces métalliques du rouleau qui va l’entraîner. Ces pinces se soulèvent quand on appuie sur une pédale. On peut déterminer précisément la position du papier sur rouleau grâce aux graduations de la règle. Une fois qu’on sait où les choses se placent, ça va très vite. Là je mets simplement une grande feuille de brouillon pliée en quatre pour faire un tirage d’essai qui me sert essentiellement à faire une relecture attentive du texte.

Verdict : une espace manquante, un petit mot oublié (je m’en souviens, Martina me racontait ses souvenirs d’étudiante aux Beaux-arts de Prague pendant que je composais) et un caractère cassé – une ligature ff, particulièrement fragile. Je desserre les aimants et je fais les corrections sur la presse. Je vais maintenant faire un autre essai, cette fois avec le papier définitif, pour faire une dernière relecture mais aussi vérifier que le noir me convient.

Je mets sous les pinces une feuille de papier brouillon pliée en quatre et un morceau de rhodoïd. Cette épaisseur supplémentaire, déterminée de manière totalement empirique il y a quelques semaines, ajuste la pression de mon papier – qui a des caractéristiques propres – sur les caractères encrés. Je veux obtenir un beau noir, profond et uniforme, mais il ne faut pas qu’il y ait de foulage : l’encre doit rentrer dans les fibres mais le caractère ne doit pas s’y imprimer en creux ni être visible au verso.

J’en profite pour dire un mot sur l’encre que nous utilisons : l’encre typographique est devenue complètement introuvable (ou alors oui, sur Internet blabla, mais c’est pas pratique), donc nous utilisons de l’encre à taille-douce. Plus précisément, Marc mélange deux types d’encre à taille douce pour obtenir le meilleur compromis possible entre viscosité, intensité et temps de séchage. Ce n’est pas aussi beau que de l’encre typo mais ça fait drôlement bien l’affaire quand même. Ne faisons pas de chichis et passons à l’impression définitive.

J’attrape la manivelle et je pousse le rouleau qui entraîne le papier sur les caractères, et la magie se produit :

Le tirage, encore sur le rouleau

À force, ça fait un tas de tirages. Je m’arrête à 20, point trop n’en faut.

Nettoyage & rangeage

Avant de récupérer ma mise en page, je profite qu’elle est bien calée sur la presse pour débarrasser les caractères de l’encre et les rendre tout brillants de propreté. J’emploie pour cela des outils d’une sophistication délirante : une vieille brosse à dents, un chiffon et de l’essence C (c’est de l’essence à briquet, l’essence F ou white spirit n’est pas aussi efficace et laisse un film gras très cracra).

Je réquisitionne un collègue pour remettre ma mise en page sur la galée. Il ne me reste plus qu’à retourner à mon plan de travail pour distribuer, c’est à dire défaire la mise en page et replacer les caractères dans leurs cassetins respectifs. Je peux alors faire une pause café méritée et attaquer la composition de la double page suivante.

Le caractère : Inkunabula

J’utilise un caractère un peu particulier qui mérite quelques instants rien que pour lui, l’Inkunabula. Son nom vient du latin incunabula (littéralement : nourrisson, au berceau) qui a donné incunable, terme par lequel on désigne les premiers livres imprimés, produits entre 1450 et 1500. Avec son faible contraste, son côté un peu gras et rustique et son dessin très proche de l’écriture manuscrite, l’inkunabula rend hommage aux premières humanes de cette époque.

Notez le h très calligraphique, l’axe surprenant du o, l’inclinaison typique de la traverse du e, l’air penché du a, les détails des empattements des capitales : outre son intérêt historique, je trouve ce caractère plein de personnalité, de charme et de chaleur. Et – fameux coup de bol quand on y pense – nos casses d’inkunabula sont étonnamment bien pourvues en w, en y et en k. Quand on compose de l’anglais, c’est un vrai critère, les casses françaises traditionnelles étant fort rationnées de ce côté-là.

J’ai fait quelques recherches et j’ai retrouvé, sur le site du Musée de l’imprimerie de Lyon (qu’il soit ici remercié), la trace et l’histoire de ce caractère peu connu. L’Inkunabula a ainsi été le caractère emblématique de la Maison des Deux Collines, imprimerie fondée en 1918 à Lyon par Marius Audin qui a acquis la belle humane en 1922 auprès de la fonderie turinoise Nebiolo. Cette dernière connaîtra un peu plus tard ses heures de gloire grâce au créateur Aldo Novarese, auteur, notamment, de l’Eurostile. L’Inkunabula a essentiellement été employé dans des ouvrages de bibliophilie par les Éditions de l’Antilope, maison fondée par Audin, et j’en ai trouvé un autre emploi, récent celui-ci, par François Da Ros, maître d’art en typographie, toujours pour des tirages d’art.

La visite de l’atelier touche à sa fin, je vous invite à vous servir un verre de vin pour célébrer. Je pense avoir fait le tour de la question mais si vous avez des questions ou que d’autres aspects, négligés ici, vous intéressent, criez dans les commentaires.

Du plomb à la Galerie Anatome

Anne-So — Wed, 18 Jan 2012 08:18:00 +0100

Si les articles sur l’Atelier des Arquebusiers vous donnent envie d’essayer la typographie au plomb et que vous n’êtes pas trop loin de Paris (voire tout à fait dedans) le samedi 28 janvier, la Galerie Anatome organise, avec la Zone opaque, un atelier éphémère au cours duquel un nouveau caractère, le Microméga, sera inauguré. Décidez-vous vite, il n’y a que 15 places !

Où Galerie Anatome, 38 rue Sedaine, 75011 Paris
Quand Le samedi 28 janvier de 16h à 18h
Comment Tarif : 15€ par participant • Réservation : 01.48.06.98.81 ou
fichier@galerie-anatome.com

Explorations in Typography

Anne-So — Mon, 16 Jan 2012 08:20:00 +0100

Réalisé par Carolina de Bartolo et Erik Spiekermann, auteurs du livre éponyme Explorations in Typography, Mastering the art of fine typesetting, ce site permet à l’utilisateur d’expérimenter différentes options de composition d’un texte donné en faisant varier les paramètres typographiques (police, corps, interlignage, justification, séparation des paragraphes, etc.).

Le site propose également un glossaire en anglais, des suggestions de mariage de typos et, bien sûr, une vue assez détaillée du bouquin dont il fait la promotion.

URL Explorations in Typography

Polylogue

Anne-So — Thu, 12 Jan 2012 08:47:00 +0100

Blog de Nicolas Taffin, président des Rencontres de Lure et éditeur, papier et numérique. Lecture indispensable à tous ceux qui s’intéressent à l’avenir de l’édition et aux problématiques propres à l’édition numérique, dans une optique d’ouverture et de liberté.

URL ¶Polylogue
Twitter @NT_polylogue

Chez Porchez

Anne-So — Tue, 10 Jan 2012 09:47:00 +0100

Notre star typographique nationale Jean-François Porchez ne s’exprime pas uniquement sur Typofonderie, il a aussi son jardin secret, fort joliment mis en page (Le Monde Courier !).

URL Chez Porchez

What Font

Anne-So — Tue, 10 Jan 2012 09:32:00 +0100

Œuvre de Chengyin Liu et disponible sous la forme d’un bookmarklet et d’une extension pour Chrome et Safari, What Font détecte automatiquement les polices d’une page Web, ainsi que le service de webfont utilisé, le cazéchéant.

URL What Font chez Chengyin Liu

Actualités et événements pour bien démarrer 2012

Anne-So — Mon, 09 Jan 2012 13:08:00 +0100

Si la clémence de l’hiver vous donne envie de vous balader, ce début d’année a pas mal à offrir côté expos, conférences et autres événements en lien avec la typographie. Celles et ceux qui suivent déjà les Rencontres de Lure, Jean-Baptiste Levée et Graphê sur Twitter sont sans doute au courant de pas mal de choses. Les autres, remédiez immédiatement.

La lettre de civilité : conférence et expo

L’année dernière, nous avions signalé la parution d’un livre de Rémi Jimenes, Les caractères de civilité, Typographie et calligraphie sous l’Ancien Régime. Il se trouve que la Bibliothèque Mazarine et le Centre d’études supérieures de la Renaissance organisent maintenant une exposition toute dédiée à ces caractères typographiques imitant l’écriture manuscrite : La lettre de civilité, entre le manuscrit et l’imprimé. Cette exposition sera introduite par une conférence-débat animée par Rémi Jimenes. À ne pas manquer si, en plus d’aimer la typographie, vous êtes du genre bibliophile, dix-huitièmiste ou même, comble de la perversion, les deux en même temps.

Où ? Bibliothèque Mazarine, 23, quai de Conti, 75006 Paris
Quand ? Du 17 janvier au 16 mars 2012 • ouvert du lundi au vendredi de 10h à 18h, entrée libre • conférence le mardi 17 janvier à 17h, entrée libre

La typo dans tous ses états : exposition

L’École des Gobelins s’apprête à accueillir, à partir du 31 janvier, une exposition collective de typographes, graphistes et photographes, en partenariat avec l’Atelier du Livre d’art et de l’Estampe et la revue Graphê. Y seront notamment représentés Franck Jalleau, Clotilde Olyff, Jean-François Porchez et Julien Priez (entre plein d’autres). Si vous souhaitez assister au vernissage de l’expo, rendez-vous sur cette page succincte. Nous ferons suivre sur Twitter ou ici si nous obtenons une autre URL ou d’autres infos.

Où ? GOBELINS, l’École de l’image, 73, boulevard Saint-Marcel, 75013 Paris
Quand ? Vernissage le 31 janvier 2012, plus d’infos à suivre

Excoffon au Musée de l’imprimerie de Lyon

On a beaucoup parlé de Roger Excoffon pendant toute l’année 2011, et ce n’est pas fini car Tout le monde connaît Roger Excoffon, l’exposition que le Musée de l’imprimerie de Lyon lui consacre, se poursuit jusqu’au 19 février. Outre le catalogue de l’expo, je rappelle aux amateurs que deux ouvrages de qualité ont été publiés l’année dernière : Roger Excoffon, le gentleman de la typographie, par David Rault chez Atelier Perrousseaux, et Roger Excoffon et la fonderie Olive, par Sandra Chamaret, Julien Gineste et Sébastien Morlighem chez Ypsilon.

Où ? Musée de l’imprimerie de Lyon, 13, rue de la poulaillerie, 69002 Lyon • métro Cordeliers
Quand ? Jusqu’au 19 février 2012 • du mercredi au dimanche, 9h30–12h et 14h–18h

« Corps neuf » pour les Rencontres de Lure en 2012

Les idées rêvent de venir au monde. La typographie les enfante. L’écriture s’incarne tout autant que le corps s’écrit : identité, gestuelle, inscription, cosmétique ou prothétique, constitution de soi et relation avec l’autre se jouent dans notre intimité des signes.

Le thème des prochaines Rencontres de Lure (du 19 au 25 août 2012) est annoncé : Corps neuf, Graphies en renaissance. À suivre sur le site des Rencontres et sur le blog de leur président, Nicolas Taffin, aka le Polylogue.

J’en profite pour vous signaler que nous avons une liste longue comme le bras de sites scintillants à ajouter à nos ressources, qui devraient donc s’enrichir grassement au cours des prochaines semaines. Au programme : des gens, des lieux, des outils.

Gros poutous de toute l’équipe, et EXCELLENTE ANNÉE 2012 !

Visite de l'atelier de typographie : la composition

Anne-So — Mon, 09 Jan 2012 10:50:00 +0100

Comme je suis freelance, je peux employer mon temps n’importe comment, ce qui me permet par exemple de déserter mon poste de travail tous les mercredis après-midi pour aller attraper le saturnisme en buvant du bon vin – autrement dit, faire de la typographie au plomb à l’Atelier des Arquebusiers, dans le Marais à Paris.

Dans ce casier, des interlignes et des lingots d’épaisseurs diverses classés par longueur, de 4 à 60 cicéros (soit de 48 à 720 points). Derrière la blouse, des casses de Haas.

Pour quelqu’un qui aime les lettres autant que je les aime, sous toutes leurs formes, sur tous les supports (il faudra que je vous raconte le Kobo qu’on m’a offert à Noël, j’en suis amoureuse), faire de la typographie au plomb relève carrément de l’expérience sensuelle. Mais je ne suis pas seule dans l’atelier et je sais me tenir, rassurez-vous.

Venons-en au fait. Après un rapide sondage sur Twitter, il est apparu que vous seriez furieusement intéressés par un mini-reportage sur la typo au plomb. Je vous propose donc une petite visite de l’atelier en deux parties : une première sur la composition, et la seconde, sans doute la semaine prochaine, sur l’impression.

Jeu : de grandes photos se sont cachées sous les petites. Sauras-tu les retrouver ? Un indice : utilise ta souris !

Cette année, j’ai entrepris de composer et d’imprimer à une quinzaine d’exemplaires un long poème de P. B. Shelley, The Masque of Anarchy, qui sera sans doute (si le temps le permet) accompagné d’un ou deux autres poèmes politiques en anglais. Pour éviter trop de complications côté imposition, le « livre » sera simplement une pile d’in-folios. Je compose donc à chaque fois une double page, et chaque page comprend quatre strophes du poème. Si je vous raconte tout ça c’est pour que vous sachiez un peu de quoi causent les photos.

Faisons d’abord un petit tour du bazar nécessaire pour composer un texte. Sur la jolie photo ci-dessus, vous voyez :

Sur la gauche, un bout de la galée, plateau en métal sur lequel on place le texte composé au fur et à mesure.
Sur la droite, la casse, où sont rangés tous les caractères. En l’occurrence, c’est de l’inkunabula en corps 12.
Sur la casse sont artistiquement disposés le bouquin du texte que je compose, une pince à épiler géante qu’on appelle « brucelles » (qui n’épile pas bien du tout mais est très pratique pour attraper les petits caractères et les espaces fines) et un composteur, réglette en métal dotée d’une butée ajustable sur laquelle on compose quelques lignes avant de les placer sur la galée.
La casse et la galée sont posées sur le plan incliné d’un meuble d’imprimerie qui contient lui-même des tas de casses.

La casse est divisée en cassetins. Si les casses présentent toutes environ la même organisation, on peut constater quelques variantes d’un caractère à l’autre. Les plus grandes variations s’observent entre deux casses d’origine géographique différente (tout comme il existe des claviers Qwerty et des claviers Azerty). J’ai placé les indications de mémoire, d’où les trous, vous me pardonnerez.

J’ai décidé de la mise en page de mon livre au début de l’année. J’ai choisi le format, défini les marges, sélectionné un joli papier vergé ivoire pas super pratique pour l’impression mais ravissant. Une fois tous ces paramètres déterminés, il ne me reste plus qu’à composer chaque double page. Vous le voyez ci-dessous, de gros lingots définissent l’empagement.

Ma largeur de justification est de 20 cicéros, je compose en corps 12 avec 2 points d’interlignage. Je place donc sur le composteur un interligne de 2 points d’épaisseur et 20 cicéros de long et je compose la dernière ligne d’une strophe. En effet, vous pouvez voir sur la photo que je compose de bas en haut, et le composteur est assez haut pour contenir une strophe complète. On peut tenir le composteur dans la main gauche et placer dessus les caractères de la main droite (ou l’inverse, ami gaucher). Je ne sais pas si je suis déformée par le clavier, mais moi je compose avec les deux mains : je pose le composteur au bas de la casse, et je prends un ou deux caractères dans chaque main à la fois. Une fois qu’on a pris l’habitude, on peut aller assez vite (et c’est moins fatigant).

Texte en cours de composition sur le composteur. Le petit lingot placé tout à droite me permettra de saisir le bloc de texte pour le placer sur la galée.

Lorsque la ligne est composée, j’ajoute des cadrats pour la compléter jusqu’au bout de la largeur de justification. Je fais cela relativement grossièrement pour que ça se tienne, je fignolerai juste avant l’impression. Quand j’ai toute ma strophe, je la fais glisser sur la galée sans tout foutre par terre parce que ce serait rageant, vraiment. Et au bout d’un moment, le miracle se produit : j’ai une double page terminée.

J’ajoute encore quelques lingots pour bien caler la mise en page. La semaine prochaine, ce bel agencement ira sur la presse. Voici un avant-goût du résultat que j’obtiendrai à la fin :

Une autre double page du même livre.

Voilà pour l’étape de la composition. En termes de temps, je compte environ trois heures de travail pour la composition de toute la double page. Si vous avez des questions sur cette première partie, n’hésitez pas, les commentaires sont là pour ça. Sachez aussi que je ne prétends pas du tout avoir une approche orthodoxe de la pratique typographique : vous aurez peut-être vu d’autres gens travailler différemment. Je vous ai simplement décrit ma manière de procéder. La semaine prochaine, je vais imprimer la double page que vous voyez là et j’en profiterai pour vous raconter comment ça se passe. Ce sera aussi l’occasion de regarder le caractère que j’emploie d’un peu plus près (je l’aime beaucoup).

Une dernière chose avant de vous laisser : un grand merci à Martina, qui dirige l’atelier, et à mes précieux collègues Marc et Charles qui m’apprennent à faire tout ça. Marc a travaillé toute sa vie dans l’imprimerie, Charles est un traducteur-poète-germaniste passionné. Ils sont là avant tout pour le plaisir et pour l’amour de la typographie. Leur exigence et leur souci du détail rendent leur conseils inestimables. Et puis merci à tous les autres aussi, celles et ceux qui apprennent en même temps que moi, créent des choses étonnantes, racontent des tas d’histoires et sont toujours, toujours prêts à ouvrir une bouteille lorsque l’après-midi touche à sa fin, parce que certaines traditions doivent être respectées.

Addendum : la suite de la visite est publiée, par ici pour l’impression !

Font Finder

Anne-So — Sat, 07 Jan 2012 12:10:00 +0100

Font Finder est une extension créée par Ben Dodson, disponible pour Firefox, Safari et Chrome, qui permet d’obtenir des informations sur la typographie d’une page Web. Assez simplement, elle extrait les petits bouts de CSS qui vont bien pour répondre à la question qui vous torture : mais quel est le nom de cette police qui chatoie sous mes yeux/insulte mon sens inné du bon goût ?

URL Ben Dodson - Browser Extensions (vous trouverez sur cette page les liens de téléchargement pour chaque navigateur)

10|18 fait typo neuve

Anne-So — Wed, 04 Jan 2012 12:16:00 +0100

À l’occasion du lancement de sa nouvelle charte graphique, qui se caractérise notamment par l’abandon de l’Helvetica au profit de son superbe prédécesseur, l’Akzidenz Grotesk de Berthold – quelle bonne idée ! – les Éditions 10|18 ont créé une petite vidéo de présentation réjouissante que notre chère Virginie a interceptée telle la panthère et que nous tenions à partager avec toi, ami lecteur. Ne délayons pas, comme disent les Anglais, la voici la voilà.

Nouvelle charte graphique 10/18 par Editions10-18

Kikk Festival à Namur

Anne-So — Fri, 02 Dec 2011 09:37:00 +0100

J’ai eu la chance d’être invitée à faire une présentation à l’occasion du Kikk Festival organisé à Namur par l’agence Dogstudio les 24 et 25 novembre 2011. Réunissant des intervenants issus de différents domaines du numérique – beaucoup de designers Web, bien sûr, mais aussi des artistes de l’image et du son, des étudiants, des journalistes, etc. – le festival proposait des conférences, des ateliers, des installations, une grosse soirée ~~beuverie~~ cocktail, et un concours sur le mode du marathon de création, les participants ayant 24h sur les deux jours pour produire un site, une appli ou une œuvre numérique. Le tout servi dans une identité graphique très réussie.

Les deux jours de ce festival impeccablement organisé ont été un vrai plaisir. En tant qu’oratrice j’ai été chouchoutée plus que de raison, et les quatre heures de débat avec les autres membres du jury pour l’attribution des prix du Kontest ont été très enrichissantes (et il y avait du café et des figues sèches, preuve de bon goût). Comme je n’arrive toujours pas à me trouver à deux endroits en même temps, j’ai malheureusement dû renoncer à quelques conférences passionnantes pour m’adonner à une de mes activités préférées – donner mon avis sur des trucs. Ma participation au jury m’a toutefois valu quelques chouettes discussions avec les lauréats – des étudiants tout remplis de motivation – le soir autour d’une bière. Je vous recommande particulièrement le mini-métrage de Graphissim (Grand Prix) qui vous fera visiter Namur, et le projet de I van Pike d’Hoekendijk, étudiants en art numérique récompensés pour leur créativité – qui méritent qu’on attende un peu que le site charge, je rappelle qu’ils n’avaient que 24h pour monter leur projet et réaliser le site.

J’ai tout de même pu assister à plusieurs présentations axées autour de la création et de l’amour du métier dans le domaine du Web, mais je dois avouer que celle qui m’a le plus marquée est sans aucun doute l’intervention de Ben Hammersley, rédacteur chez Wired, dont voici une rapide introduction :

Ben Hammersley, Editor, Wired @ KIKK Festival par awtbe sur Vimeo.

Ses perspectives sont loin d’être optimistes mais il nous exhorte à aller à l’essentiel, à nous informer, à regarder le monde avec lucidité afin de nous préparer aux bouleversements qui s’en viennent et à prendre les choses en main pour construire un nouvel avenir. Voici le condensé que j’ai relevé pendant son intervention :

Prepare yourself for the future, prepare yourself to be in charge when things get nasty – and they will. So clear your mind, shed the useless, unsubscribe. Resubscribe after a few months if you miss it – but you won’t.

[Préparez-vous pour l’avenir, préparez-vous à prendre les choses en main lorsque les choses tourneront mal – et elles vont mal tourner. Alors faites le vide, laissez tomber l’inutile, désabonnez-vous. Vous vous réabonnerez dans quelques mois si ça vous manque – mais je doute que ce soit le cas.]

Mon intervention portait sur le parallèle qu’on peut établir entre la révolution numérique et celle de l’imprimerie. Mon idée était de s’inspirer des pistes explorées par les premiers imprimeurs et graveurs pour trouver des moyens de donner ses lettres de noblesse au support numérique et au support Web comme vecteurs du savoir et des idées. Si vous êtes curieux, j’ai mis les slides de la conférence sur Slideshare. Les présentations du Kikk ont toutes été filmées mais les vidéos ne sont pas encore disponibles. J’avais promis de mettre en ligne quelques ressources en lien avec la présentation, elles sont à la fin de ce billet.

Après le succès de cette année, il semble que Gilles Bazelaire, Gaëtan Libertiaux et toute l’agence Dogstudio, soutenus par de nombreux et dévoués bénévoles, soit très motivés à l’idée de remettre le couvert l’année prochaine. Tant mieux. Et cette fois, j’irai en touriste, on profite quand même mieux sans le stress d’une présentation, personnellement je trouve.

De Garamont à Hoefler : quelques pistes

À propos de Garamont, du Garamond et de toute cette riche époque plus effervescente qu’un cachet d’aspirine dans une limonade : le site dédié à Garamont du ministère de la Culture.
Bonnes pratiques d’accessibilité des sites Web :
- WCAG, Règles pour l’accessibilité des contenus Web
- Projet Opquast, visant à l’élaboration de normes de qualité Web ouvertes (et donc faites pour être employées)
Des réflexions intelligentes et intéressantes sur le livre numérique et d’autres sujets connexes : Polylogue, le blog de Nicolas Taffin. Également président des Rencontres de Lure, vous pouvez le retrouver sur Twitter, @NT_polylogue
Un autre fervent défenseur de l’ouverture et de la liberté en matière de typographie numérique : Franck Adebiaye, lui aussi présent sur Twitter, @fadebiaye
À paraître : Webgrids, structure et typographie de la page Web, aux éditions Atelier Perrousseaux (oui oui je m’auto-promotionne).

Je manque un peu d’inspiration là maintenant tout de suite, donc si vous avez des idées pour compléter cette liste de ressources, n’hésitez pas à vous manifester dans les commentaires.

Garamond – Célébrations nationales

Anne-So — Thu, 20 Oct 2011 06:45:00 +0200

À l’occasion du 450e anniversaire de la mort de Claude Garamont (1510–1561), le ministère de la Culture a ouvert un site grandement fouillé, documenté et illustré en hommage au graveur légendaire, à son époque et au destin de son caractère. Passionnant et fort joli.

URL http://www.garamond.culture.fr