Typographie à l'écran : les erreurs fréquentes et comment les éviter

Des titrages pensés pour le papier, pas pour l'écran

La première erreur que je vois en atelier tient à l'habitude : on dessine un titre comme on composerait une affiche, avec de fins empattements, des graisses légères et un interlignage serré. À l'écran, surtout lorsque l'image bouge derrière, ces finesses disparaissent. Un trait qui mesure un pixel scintille, se déforme ou s'efface dès que la compression passe par là.

Nous demandons donc aux participants de tester très tôt leur choix sur un vrai fond animé, pas sur un rectangle blanc. Un titrage qui tient sur une image chargée, avec des contrastes changeants, tiendra presque partout ailleurs.

Cette vérification prend dix minutes et épargne souvent des heures de reprise. Elle oblige aussi à regarder le texte comme le téléspectateur le découvrira : en quelques secondes, à distance, parfois sur un petit écran de téléphone.

• Testez sur un fond animé dès la première esquisse
• Évitez les graisses très fines pour les titrages courts
• Vérifiez le rendu en taille réduite avant toute mise en forme

Le corps trop petit et la ligne trop longue

Deuxième piège : vouloir tout dire dans un bandeau. On réduit le corps pour faire entrer une phrase entière, et le résultat devient illisible dès que l'écran n'est plus un grand téléviseur de salon. Un texte d'antenne se lit en un coup d'œil ; s'il demande un effort, il a déjà perdu.

La règle que nous répétons : raccourcir le texte avant de réduire le caractère. Une idée par bandeau, des mots courts, une ligne qui ne dépasse pas ce que l'œil embrasse sans balayer l'écran.

Quand une information est vraiment longue, mieux vaut la répartir dans le temps que dans l'espace. Laisser vingt secondes à un message simple vaut mieux que huit secondes à un message dense écrit en tout petit.

Associer trop de caractères, ou les mal choisir

Les débutants collectionnent volontiers les polices : une pour le titre, une autre pour le sous-titre, une troisième pour l'heure. L'ensemble paraît vite bavard et incohérent. Deux familles bien choisies, l'une pour les titres, l'autre pour les informations courantes, suffisent presque toujours, à condition qu'elles se distinguent nettement par leur structure et non par un détail.

À l'inverse, associer deux caractères trop proches donne l'impression d'une erreur plutôt que d'un choix. Si le contraste n'est pas assumé, mieux vaut rester sur une seule famille et jouer sur les graisses.

Thomas Lambert fait souvent faire l'exercice suivant : imprimer l'écran d'antenne en noir et blanc, le regarder à bout de bras, et dire ce qui reste lisible. Les hiérarchies bancales apparaissent aussitôt.

• Deux familles complémentaires au maximum
• Un contraste franc entre titre et texte courant
• Une seule famille avec plusieurs graisses reste un choix valable

Négliger les contrastes et les zones sûres

On oublie encore trop souvent que le texte se pose sur une image qui change. Un blanc pur sur un ciel clair, un jaune sur un fond d'herbe : le contraste s'effondre sans prévenir. Un aplat discret, une ombre légère ou un léger voile derrière le texte règlent le problème sans alourdir l'habillage.

Il y a aussi les marges. Selon les écrans, les bords de l'image peuvent être rognés. Placer un nom ou une heure trop près du bord, c'est risquer qu'il soit coupé chez une partie du public.

Nous faisons vérifier chaque composition avec des marges généreuses, puis dans plusieurs formats. C'est un geste de rigueur, pas de timidité : une mise en page confortable inspire confiance.

Ignorer la durée de lecture et le mouvement

Un texte lisible à l'arrêt ne l'est pas forcément quand il apparaît. Une entrée trop lente retarde la lecture ; une sortie trop rapide la coupe en plein milieu. Beaucoup d'équipes calent la durée à l'instinct, sans jamais lire le texte à voix haute pour la mesurer.

Un repère simple aide : lire le texte deux fois, calmement, et laisser le temps correspondant à l'écran, plus un petit battement pour l'œil. Les animations de texte, elles, gagnent à rester sobres, car chaque effet supplémentaire retarde la compréhension.

En atelier, Camille Dubois, c'est-à-dire moi-même avec les groupes, insiste sur ce point lors des présentations finales : on lit la proposition à voix haute, chronomètre en main, avant de discuter du style.

• Lisez le texte à voix haute pour estimer sa durée à l'écran
• Gardez des entrées et sorties sobres et brèves

Un petit rituel de relecture avant de valider

Pour éviter ces erreurs, nous conseillons un rituel court, applicable à chaque projet. Regarder le texte en taille réduite, puis sur un fond clair et sur un fond sombre, puis en noir et blanc. Demander à quelqu'un qui n'a pas travaillé sur le projet de le lire sans explication.

Si cette personne hésite sur un mot, un chiffre ou une hiérarchie, c'est le signal qu'il faut simplifier. Rien de spectaculaire, mais ce réflexe, pris tôt, transforme la qualité d'un habillage.

À mi-automne, au moment où les groupes préparent leurs projets collectifs, c'est aussi la période où ce rituel devient presque automatique chez les participants.

Les erreurs de typographie à l'écran se ressemblent d'un projet à l'autre : corps trop petit, contrastes fragiles, caractères en trop, durées devinées. Chacune se corrige par un test simple et rapide, fait tôt. En atelier, nous préférons des participants qui regardent, mesurent et recommencent plutôt qu'une mise en page brillante jamais vérifiée. La lisibilité n'est pas une contrainte ajoutée à la création, c'est ce qui permet au message d'arriver jusqu'au spectateur.