Comme nous l’avons présenté dans un précédent article, la typographie joue depuis plusieurs siècles un rôle aussi discret qu’essentiel pour délivrer les messages écrits, et a donc été également touchée par le phénomène. Cet avènement du numérique a en effet offert aux typographes un tout nouveau champ d’expression, les amenant à inventer de nouvelles techniques et à intégrer la technologie à leur pratique artistique.
Les livres numériques
Définition et historique
Le livre électronique, aussi appelé livre numérique, livrel ou même ebook en anglais, est un « livre disponible en version numérique, sous forme de fichier, qui peut être téléchargé, stocké et lu sur tout appareil électronique qui en permet l’affichage et la lecture sur écran. » (Source : Office québécois de la langue française)
Le EPUB, de electronic publication en anglais, est le format de livres numériques le plus répandu sur le marché. Proposé par l’International Digital Publishing Forum, il est toujours un standard dans l’industrie du livre numérique.
Aux débuts des années 2000, alors que certaines compagnies proposaient au public les premiers logiciels de lecture (Mobipocket, Adobe) et que les premières gammes de liseuses grand public étaient lancées (Bookeen avec Cybook, Sony avec LIBRIe, et plus tard Amazon avec Kindle), nombreux furent ceux à annoncer la fin imminente du livre physique au profit de cette nouvelle technologie. La réalité des faits a montré depuis que l’expérience de la lecture est pour de très nombreux lecteurs intimement liée au contact avec le papier, et que l’écran ne remplacera pas ce lien unique. Le marché du livre numérique représente aujourd’hui environ 10-15% du marché du livre papier, et cette proportion est restée stable depuis déjà plusieurs années (Source : TonerBuzz).
Découvrez notre série d'articles spécial "Typographie" :
Le choix de la police
Le choix de la police de caractère est un paramètre incontournable lorsque l’on aborde la question de la mise en page d’un livre. Certaines polices conviennent mieux que d’autres au support digital et il en existe même qui ont été créées spécialement pour les livres numériques :
ex: Baskerville, Book Antiqua, Garamond, Palatino, Times
– À l’inverse, avec les polices sans serif (ou « sans empattement ») les caractères sont clairement délimités et séparés les uns des autres, ce qui facilite leur identification sur un support fait de pixels. Ce type de polices est donc souvent privilégié par les graphistes lors de la création des livres numériques.
Apprend-on mieux avec une police d’écriture lisible ?
Quel que soit le support, la mission essentielle de la typographie est de rendre la lecture fluide et de faciliter l’acheminement des messages. Intuitivement, on pourrait donc penser que cela contribue forcément à ce que le message soit ensuite bien retenu par ceux qui le lisent. Mais est-ce réellement le cas ?
1. Ni la taille des caractères ni la mise en forme gras ne semblent influer sur notre capacité à bien retenir les messages ;
(Source : The New York Times)
L’optimisation de rendu
L’optimisation de rendu, aussi appelée hinting, permet d’ajuster le rendu des contours vectoriels des caractères au moment de la rastérisation, c’est-à-dire lorsqu’une image vectorielle* est convertie en une image matricielle**. Une police avec du hinting aura une définition plus claire au contour des lettres et permettra une meilleure lisibilité sur un écran.
Ce procédé peut être combiné à l’anticrénelage, aussi appelé lissage des obliques ou anti-aliasing en anglais, pour produire des niveaux de gris ou de sous-pixels. Ces procédés permettent aux lettres qui s’affichent sur l’écran d’avoir des contours plus “doux” comme le sont ceux des lettres d’un texte imprimé sur du papier.
La hauteur d’x
Une autre caractéristique à considérer est la hauteur d’x d’une police de caractère. Également appelée « taille du corps » ou « hauteur d’oeil du caractère », la hauteur d’x est l’une des dimensions les plus importantes d’une police. Elle définit la hauteur des lettres minuscules sans ascendants par rapport à la hauteur des majuscules.
Typiquement, il s’agit de la hauteur de la lettre x dans la police (d’où le terme), ainsi que des lettres v, w et z. Les lettres courbes telles que a, c, e, m, n, o, r, s et u ont tendance à déborder légèrement de la hauteur x (voir ci-dessous), en raison d’un dépassement sans lequel notre oeil percevrait ces lettres comme étant plus petites que le x. Le point du i dépasse également la hauteur x.
Les sites web
Les livres ne sont pas les seuls objets graphiques qui ont demandé aux typographes de retourner à leurs études au cours des dernières décennies ; l’avènement du numérique a en effet également marqué l’apparition d’un nouveau médium et support écrit : les sites internet.
Les trois défis de la typographie sur Internet
Contrairement aux livres numériques, les sites internets offrent aux utilisateurs un choix d’options personnalisables relativement limité. En dehors du niveau de zoom appliqué sur le navigateur ou du « mode sombre » que certains sites proposent, les autres paramètres (marges, interlignes, proportions, couleurs…) ne peuvent en général pas être facilement modifiés par le lecteur.
La taille de l’écran : alors que les livres numériques sont en général lus sur des liseuses dont les dimensions varient peu d’une marque à une autre, les sites web quant à eux peuvent être consultés sur des dizaines (voire des centaines) de tailles d’écran différentes, allant des téléphones intelligents aux écrans d’ordinateur en passant par les tablettes. Cela nécessite que la mise en page soit réactive (responsive en anglais), c’est-à-dire qu’elle puisse instantanément s’adapter à la taille d’écran sur laquelle elle est affichée.
La définition de l’écran : il s’agit du nombre de points (appelés pixels) qu’un écran peut afficher. Plus la densité de ces pixels est élevée, plus l’écran pourra afficher des éléments (images, textes) avec précision et permettra de subtiles nuances. Les typographes doivent donc s’assurer que leur travail permettra un confort de lecture aussi bien sur un écran dernière génération que sur un moniteur plus ancien.
La calibration de l’écran : une des grandes différences entre les sites web et les livres numériques réside dans l’utilisation de la couleur. Tandis que la grande majorité des livres numériques lus à travers le monde sont en noir et blanc, la quasi totalité des sites internet respectent des chartes graphiques aux couleurs et aux effets de style variés. Or tous les écrans n’affichent pas les couleurs exactement de la même manière à travers le temps. Si votre métier (photographe, designer, artiste) ou votre préférence personnelle font que vous êtes sensible à cet aspect, il est vivement recommandé de calibrer régulièrement votre écran.
Source : X-rite
À découvrir dans notre article « La typographie et son importance dans le monde du livre » : le typographe de renom Dwight Smith nous raconte un exemple de composition typographique auquel il a contribué dans les années 1990, alors que la technologie Open Type n’avait pas encore été inventée.
Quelques conseils pratiques
La typographie est une discipline extrêmement riche, comprenant des centaines de règles qui ne peuvent être résumées dans un simple article de blogue, mais voici tout de même quelques conseils typographiques de base qui contribueront à améliorer l’expérience utilisateur de votre site web :
Les polices avec des lettres distinctes et un bas contraste sont recommandées. Certaines polices de caractères, comme celles de Google, sont faites pour être utilisées sur des sites web ;
Assurez-vous que les espaces entre les lignes (interlignes) permettent à vos visiteurs de lire agréablement les textes : un interligne compris entre 1,15 et 1,75 est à privilégier ;
Trouvez un style et gardez-le : essayez de n’utiliser qu’une seule police de caractères (et seulement 2-3 fontes)* pour garder un style cohérent et améliorer la lisibilité. Essayez aussi de ne pas utiliser trop de tailles différentes. Par exemple, une taille pour les textes de corps, une taille pour les sous-titres et une taille pour les titres suffit ;
Assurez-vous d’avoir un bon contraste entre les couleurs de fonds et les couleurs du texte. Éviter d’utiliser trop de couleur pour les textes, à moins que ce soit pour des titres. Évitez aussi d’utiliser des couleurs de fonds qui réduisent le contraste du texte et ajustez votre site pour les utilisateurs qui utilisent le Mode nuit ou Mode sombre ;
Favorisez les phrases courtes et les petits paragraphes pour permettre aux lecteurs de survoler les sections du site et de trouver plus facilement les informations qui les intéressent ;
Faites attention à la longueur des lignes : les lignes trop longues demandent au lecteur davantage de concentration et affectent négativement l’expérience utilisateur.Une police de caractères désigne un ensemble de glyphes d’une même famille et du même style, qui forme l’alphabet complet et cohérent d’un langage, tout corps et graisses confondus. En comparaison, une fonte est un ensemble de caractères d’une seule police qui correspond aux mêmes caractéristiques de corps, graisses et d’italique.
Petite histoire de l’arobase
Aujourd’hui largement répandu et étroitement relié à la notion d’Internet, le symbole @ serait pourtant apparu bien avant la fin du XXème siècle. Il a servi différents usages à travers le temps, et dans diverses langues, preuve que la typographie est une discipline qui a toujours su vivre avec son époque :
- À partir d’une époque comprise entre le VIème et le XIIème siècle, dans certains manuscrits en latin, il apparaissait comme une abréviation du mot ad (signifiant chez/vers/à) par laquelle le d s’enroulait autour du a.
- Il fut ensuite conservé dans le latin de chancellerie et utilisé notamment au XVIIème siècle sur les courriers diplomatiques envoyés à travers l’Europe, pour indiquer dans quelle ville se trouvait la personne à qui une missive était destinée.
- Au XIXème siècle, aux États-Unis, il était utilisé par les commerçants pour indiquer les prix unitaires des produits sur les étals. Cet usage persiste d’ailleurs encore aujourd’hui dans le monde anglo-saxon.
- On retrouve le symbole en espagnol également : il était utilisé jusqu’en 1859 comme une unité de mesure du poids équivalente à environ 11,5 kg. Sa forme proche à la fois du a (noms espagnols féminins) et du o (noms espagnols masculins) l’amène de nos jours parfois à être employé par ceux souhaitant appliquer le principe de l’écriture inclusive.
- Les portugais s’en servent également encore aujourd’hui pour désigner les volumes de vin, le @ est équivalent au contenu d’une amphore, dont il serait l’abréviation.
- En 1971, l’ingénieur américain Ray Tomlinson choisit sur le clavier le @ pour séparer le nom du destinataire de celui de la machine hébergeant son adresse car le symbole ne peut à priori apparaître dans aucun nom propre ni commun. Il envoie ce jour-là le tout premier courriel de l’Histoire.
Conclusion
Comme elle le faisait déjà depuis plusieurs siècles pour les supports imprimés, la typographie a été amenée, ces dernières décennies, à remplir sa mission essentielle dans le « nouveau monde » du numérique : rendre la lecture des messages plus facile, véhiculer un certain sens de l’esthétique, et offrir aux créateurs de contenu la même cohérence graphique que celle que l’on peut retrouver à travers une collection de titres d’une maison d’édition.
Découvrez notre série d'articles spécial "Typographie" :
Louis de Bernis
Louis de Bernis est coordinateur marketing de Rapido Livres depuis 2017, il contribue à la publication de différentes ressources : les articles du blogue, le lexique de l'imprimeur, les tutoriels vidéos...