Comment créer un système typographique de marque
Pour créer un système typographique de marque, attribuez d’abord à chaque police sélectionnée un rôle explicite, puis définissez la hiérarchie des niveaux textuels, les relations de taille et d’espacement, les règles d’usage et les tests sur des mises en page réelles. Les valeurs absolues peuvent s’adapter au format, mais la fonction, la priorité et le contraste de chaque rôle doivent rester cohérents.

Le choix des polices intervient en amont : le système commence lorsque ces polices reçoivent des responsabilités récurrentes pour les titres, le texte courant, les étiquettes, les légendes et les autres fonctions de contenu.
Les tailles, rapports d’échelle et espacements servent de points de départ ajustables ; ils doivent être testés avec le contenu, la densité, le support et les conditions de lecture réels plutôt que traités comme des constantes universelles.
Table des matières
Définir des rôles clairs pour chaque police de marque
Chaque police sélectionnée doit avoir une responsabilité définie avant que la hiérarchie et l’échelle puissent être appliquées de façon cohérente.
Un rôle de police de marque indique ce dont la police est responsable, le contexte d’usage qu’elle sert et les cas où des exceptions à cette responsabilité sont autorisées.
L’attribution des rôles part des polices déjà sélectionnées, et non de l’ajout de polices pour remplir un ensemble prédéfini de catégories.
Une même police peut remplir plusieurs rôles lorsque des changements de graisse, de taille ou de traitement fournissent les distinctions dont le système a besoin, tandis qu’une police secondaire ou une police d’accent n’est utile que si elle remplit une fonction de contenu distincte et récurrente.
La sélection des polices est une décision préalable : cette planification intervient après l’étape consacrée à choisir les polices de la marque.
L’exemple ci-dessous décrit des responsabilités plutôt que de recommander un nombre fixe ou une combinaison fixe de polices.
Les catégories de rôles ci-dessous distinguent les responsabilités des préférences de sélection de polices.
Un rôle distinct possède une fonction de communication clairement énoncée qui se répète dans le contexte d’usage; un rôle redondant duplique une responsabilité qu’une autre police assure déjà.
- Police principale : attribuez le rôle principal à la police qui assure la responsabilité textuelle centrale et récurrente dans le contexte d’usage défini.
- Police secondaire : n’attribuez un rôle secondaire que lorsque la police assure une fonction de communication distincte et récurrente que le rôle principal ne couvre pas.
- Police d’accent : réservez un rôle d’accent à une fonction étroite et contrôlée lorsque cette fonction se répète; sinon, le rôle additionnel est redondant.
- Exception de rôle : consignez une exception lorsqu’un support ou un format exige un traitement différent, tout en maintenant explicite la responsabilité de ce contexte d’usage.
Une attribution claire des rôles réduit les changements arbitraires de police dans des mises en page sinon similaires et donne à la hiérarchie ultérieure un ensemble stable de responsabilités avec lequel travailler.
Par exemple, si deux polices sélectionnées peuvent toutes deux remplir la même fonction de contenu récurrente sans distinction énoncée, des mises en page similaires peuvent attribuer ce contenu différemment; définir quelle police possède le rôle et quand une exception s’applique rend la responsabilité explicite et favorise la cohérence.
Définir les responsabilités des polices principale, secondaire et d’accent
Les termes « police principale », « police secondaire » et « police d’accent » décrivent des responsabilités différentes, et non un nombre obligatoire de polices.
Une police principale peut porter la communication la plus visible et la plus fréquente, tandis que les rôles secondaire et d’accent n’existent que lorsqu’ils ajoutent une fonction distincte.
Un système peut avoir moins de trois polices distinctes même lorsqu’il contient plusieurs rôles textuels, car une même police peut remplir plus d’une responsabilité.
Une police secondaire se justifie lorsqu’un contraste fonctionnel soutient un rôle récurrent, tandis qu’une police d’accent se justifie lorsqu’une emphase limitée a un objectif distinct et contrôlé.
Le schéma distingue ces classes de responsabilités selon leur importance relative et leur fréquence d’utilisation plutôt que de les présenter comme une formule fixe.
- Police principale : porte la responsabilité de communication centrale avec la plus grande importance ou la plus grande fréquence du système. Sa contrainte est la clarté du rôle : l’usage fréquent reste lié à sa fonction définie plutôt que de s’étendre à tous les traitements.
- Police secondaire : soutient une fonction récurrente où le contraste fonctionnel remplit un rôle de soutien distinct. Elle peut être omise lorsque ce contraste n’ajoute pas une responsabilité distincte.
- Police d’accent : est réservée à une emphase à usage limité avec un objectif contrôlé spécifique. Le rôle d’accent peut être omis lorsqu’il n’ajoute aucune fonction distincte au-delà des responsabilités déjà couvertes par le rôle principal ou secondaire.
Attribuer chaque police à des fonctions de contenu spécifiques
Attribuez chaque fonction de contenu récurrente à un rôle de police approuvé et à un traitement autorisé afin que le même type de contenu ne soit pas mis en forme différemment d’une mise en page à l’autre.
Les textes d’affichage, les titres, le texte courant, les étiquettes, les légendes et les textes utilitaires peuvent partager une police lorsque leurs traitements autorisés rendent leurs fonctions claires.
Attribuez les fonctions de lecture prioritaires en fonction de l’emphase et de la lisibilité qu’elles exigent, tandis que les fonctions de soutien peuvent utiliser des traitements moins visibles dans le cadre d’un rôle de police approuvé.
Le texte courant doit privilégier la lisibilité, la longueur de ligne et l’espacement étant gérés comme partie de son traitement autorisé, tandis que les textes d’affichage et les titres peuvent utiliser une emphase et un contraste plus marqués.
Les étiquettes, les légendes et les textes utilitaires soutiennent le contenu principal et doivent rester identifiables sans exiger une police différente pour chaque fonction.
L’exemple associe ces fonctions de contenu récurrentes à des rôles approuvés dans une seule mise en page cohérente.
- Textes d’affichage et titres : associez ces fonctions de contenu proéminentes au rôle de police approuvé chargé de l’emphase, en utilisant uniquement le traitement autorisé pour ce rôle.
- Texte courant : attribuez le texte courant au rôle de police destiné à la lecture soutenue, avec un traitement qui favorise la lisibilité par une taille, une longueur de ligne et un espacement adaptés à la mise en page.
- Étiquettes : associez les étiquettes récurrentes à un rôle de police de soutien et à un traitement approuvés qui maintiennent la distinction des textes fonctionnels courts sans attribuer une autre police uniquement à cette fonction.
- Légendes : attribuez les légendes à un rôle de police de soutien avec un traitement qui distingue le texte contextuel tout en le maintenant subordonné au contenu qu’il décrit.
- Textes utilitaires : associez les textes utilitaires à un rôle de police approuvé et à un traitement sobre adapté à leur fonction de soutien et à leur fréquence d’utilisation.
Lorsqu’une même police sert plusieurs fonctions de contenu, la taille, la graisse ou l’espacement peuvent distinguer les traitements autorisés sans modifier le rôle de police sous-jacent.
Gardez la correspondance explicite : chaque fonction de contenu récurrente utilise un rôle de police et un traitement approuvés au lieu de déclencher un changement de police ponctuel.
Créer une hiérarchie typographique claire
Une hiérarchie typographique classe le texte selon la priorité de l’information, en utilisant des différences visuelles pour signaler quel contenu doit être remarqué en premier et quel contenu le soutient.
La hiérarchie typographique fonctionne lorsque chaque niveau de titre et chaque traitement du texte courant reflètent de manière cohérente leur importance relative, sans reposer uniquement sur la taille.
La taille, la graisse, le style et l’espacement contribuent ensemble au contraste; un rôle textuel plus visible n’a pas besoin de différer du niveau suivant sur tous les attributs.
La taille peut renforcer la mise en avant, la graisse ou le style peuvent renforcer la distinction, et l’espacement peut clarifier les relations entre un niveau de titre et le contenu qui l’entoure.
Un contraste coordonné rend la priorité visuelle plus nette que le fait de changer la taille tout en laissant ambiguës d’autres relations pertinentes.
L’exemple annoté montre comment la priorité de l’information peut être exprimée par des différences coordonnées de mise en avant, de graisse et d’espacement, tout en conservant le texte courant comme niveau de lecture stable.
Vérifiez la hiérarchie typographique en comparant les niveaux adjacents : chacun doit être suffisamment distinct pour communiquer un changement de priorité de l’information sans rendre chaque différence extrême.
Si deux niveaux voisins se ressemblent trop, l’indicateur visuel entre les groupes d’information s’affaiblit; ajustez la taille, la graisse, le style ou l’espacement concerné jusqu’à ce que la distinction soutienne le sens et la lisibilité rapide.
L’exemple ordonné ci-dessous illustre la diminution de la mise en avant et la relation entre les niveaux, plutôt que de prescrire un système de nommage obligatoire ou une spécification fixe.
- Texte de plus haute priorité : signale le principal point d’attention de l’information par la mise en avant appropriée la plus forte et une séparation nette par rapport au contenu de soutien.
- Niveau de titre principal : identifie une division importante du contenu avec un contraste suffisant à la fois avec le texte de plus haute priorité et avec le niveau qui suit.
- Niveau de titre secondaire : distingue un groupe d’information subordonné tout en restant visiblement lié au titre principal au-dessus de lui.
- Texte courant : porte le contenu de lecture soutenue avec moins de mise en avant que les titres, tout en maintenant la lisibilité et une relation claire avec le titre qu’il suit.
- Texte de soutien : traite l’information secondaire avec une mise en avant mesurée, tout en restant distinguable et lisible dans son contexte.
Définir les niveaux de titres selon leur importance
Chaque niveau de titre doit signaler un degré distinct d’importance sémantique tout en restant partie intégrante du même système typographique coordonné.
Différenciez les niveaux de titres par leur proéminence relative et par leur relation avec les niveaux adjacents, plutôt que par l’attribution de tailles ou de ratios universels.
La taille, la graisse, le style et l’espacement peuvent agir de concert pour créer le contraste requis entre les niveaux adjacents, et la combinaison peut varier selon la mise en page et le contenu.
L’exemple annoté montre une séparation relative entre les niveaux de titres adjacents grâce à des différences cohérentes de proéminence et d’espacement, plutôt que de considérer un attribut visuel unique comme la règle.
Les critères ci-dessous vérifient des distinctions relatives plutôt que des tailles absolues.
Appliquez-les de l’importance sémantique à l’exécution visuelle afin que chaque niveau de titre ait une relation claire avec les niveaux qui l’entourent.
- Importance sémantique : attribuez une proéminence plus forte à un niveau de titre lorsque son contenu possède une importance structurelle plus grande dans le contexte actuel, tout en maintenant les niveaux inférieurs visiblement subordonnés.
- Séparation entre niveaux adjacents : différenciez les niveaux voisins avec un contraste de taille, de graisse, de style, d’espacement ou d’une combinaison coordonnée de ces attributs, suffisant pour rendre leurs fonctions distinctes évidentes sans contraste excessif.
- Cohérence : utilisez le même traitement pour le même niveau de titre dans des contextes équivalents, afin que son importance relative reste cohérente au sein du système typographique.
- Adaptation pratique : vérifiez chaque traitement dans sa mise en page réelle et ajustez la combinaison de taille, de graisse, de style ou d’espacement lorsque les niveaux adjacents sont insuffisamment distincts ou inutilement éloignés.
Définir les niveaux de texte courant, d’étiquette, de légende et de texte utilitaire
Le texte courant, les étiquettes, les légendes et les textes utilitaires sont des niveaux de texte de soutien avec des tâches de lecture différentes; leurs traitements doivent refléter des exigences différentes de lisibilité, de proéminence et de densité.
Le texte courant sert la lecture prolongée, tandis que les étiquettes, les légendes et les textes utilitaires prennent en charge des tâches de lecture plus courtes et plus spécifiques.
Le texte courant exige un traitement qui favorise la lisibilité prolongée, avec une taille, une graisse, un espacement et une longueur de ligne appropriés au contexte de lecture.
Les textes de soutien courts peuvent utiliser une proéminence plus faible ou une densité plus forte lorsque la tâche de lecture le permet, mais la subordination visuelle ne doit pas se faire au détriment de la lisibilité.
La combinaison exacte de taille, de graisse et d’espacement dépend du contenu, de la mise en page et des conditions de lecture attendues, plutôt que d’une spécification fixe.
L’exemple annoté illustre ces différentes tâches de lecture dans une seule mise en page, ce qui permet de comparer en contexte la proéminence relative et la lisibilité du texte courant, des étiquettes, des légendes et des textes utilitaires.
Les catégories diffèrent parce que leurs tâches de lecture diffèrent.
Adaptez chaque traitement à la quantité de lecture, à la proéminence requise, à la densité du contenu et aux conditions dans lesquelles le texte doit rester lisible.
- Texte courant : il sert la lecture prolongée; privilégiez une lisibilité soutenue avec une proéminence suffisante et une taille, une graisse, un espacement et une longueur de ligne adaptés au contenu et à la mise en page.
- Étiquette : identifie ou catégorise un élément par une tâche de lecture courte; elle peut utiliser une proéminence mesurée et un traitement compact lorsque l’étiquette reste clairement lisible dans son contexte.
- Légende : soutient le contenu voisin avec des informations brèves explicatives ou identificatrices; maintenez sa proéminence subordonnée à ce contenu tout en conservant un espacement et une lisibilité suffisants pour une lecture confortable.
- Texte utilitaire : prend en charge des tâches de lecture fonctionnelles courtes; son traitement peut être compact et de proéminence relativement faible lorsque sa taille, sa graisse et son espacement maintiennent la lisibilité de l’information dans les conditions de lecture attendues.
Définir une échelle typographique et un système d’espacement cohérents
Une échelle typographique régit les relations de taille relatives entre les rôles textuels, tandis que l’espacement coordonne la hauteur de ligne, le rythme vertical et la séparation entre ces rôles.
Ensemble, l’échelle typographique et le système d’espacement rendent la hiérarchie reproductible sans exiger que chaque format utilise des valeurs numériques identiques.
Partez d’une taille de base adaptée au contexte de lecture, puis dérivez chaque rôle textuel à partir d’une relation de taille relative plutôt que de traiter les tailles individuelles comme des choix indépendants.
Un rapport d’échelle peut assurer une cohérence mathématique, mais aucun rapport unique n’est universellement correct ; sa valeur pratique dépend de la clarté de la hiérarchie obtenue pour la densité de contenu et le format concernés.
Coordonnez la hauteur de ligne et l’espacement avec ces tailles relatives afin que les rôles plus proéminents et les rôles de soutien restent visuellement reliés.
Lorsque le format change, préservez les relations prévues, même si les valeurs individuelles doivent être ajustées.
- Taille relative : reliez chaque rôle textuel à la taille de base afin que les changements de proéminence suivent une échelle typographique reproductible plutôt que des décisions de taille isolées.
- Espacement : coordonnez la hauteur de ligne et l’espacement vertical avec la tâche de lecture de chaque rôle textuel afin que la séparation favorise la lisibilité et la hiérarchie.
- Utilisabilité pratique : considérez la cohérence mathématique comme une relation de départ, puis vérifiez si la densité de contenu, la hiérarchie et le format rendent l’échelle et l’espacement qui en résultent utilisables en contexte.
Testez le système combiné d’échelle typographique et d’espacement dans des mises en page représentatives, en vérifiant que les rôles textuels restent distinguables et lisibles sans séparation excessive ou insuffisante.
Si la hiérarchie ou la lisibilité se dégrade dans un format différent, ajustez les valeurs tout en conservant la même logique relative.
La cohérence provient de relations reproductibles entre la taille et l’espacement, et non d’une obligation d’appliquer à chaque contexte un ensemble unique et exact de valeurs.
Choisir une taille de base et un rapport d’échelle
La taille de base sert de point de référence à partir duquel les autres rôles textuels dérivent leurs tailles relatives, tandis que le rapport d’échelle détermine le degré de séparation entre ces tailles dérivées.
Un rapport d’échelle plus élevé crée un contraste plus fort entre les niveaux hiérarchiques, tandis qu’un rapport plus faible resserre leurs écarts de taille relatifs; aucun des deux choix n’est universellement adapté sans tenir compte du contexte de lecture.
La lisibilité doit indiquer si la taille de base et les tailles dérivées restent pratiques, tandis que la densité de contenu et l’espace disponible affectent la séparation que le format peut accueillir.
Le nombre de niveaux hiérarchiques a son importance, car le rapport d’échelle cumule la séparation relative entre les niveaux successifs.
Une échelle mathématiquement cohérente doit être testée sur le contenu et le format réels, au lieu d’une acceptation automatique de ses tailles dérivées.
Les critères suivants déterminent si la relation entre la taille de base, le rapport d’échelle et les tailles dérivées produit une hiérarchie réellement utilisable.
Évaluez-les ensemble, car augmenter le contraste peut clarifier la séparation entre niveaux tout en modifiant la façon dont le contenu s’insère efficacement dans l’espace disponible.
- Lisibilité : vérifiez que la taille de base et les tailles dérivées restent confortables à lire dans le format et les conditions de lecture prévus.
- Densité du contenu : vérifiez que les tailles relatives obtenues laissent assez d’espace pour la quantité de contenu sans affaiblir la hiérarchie prévue.
- Espace disponible : évaluez si les tailles dérivées et le contraste obtenu s’adaptent à la mise en page sans imposer aux rôles textuels des proportions impraticables.
- Profondeur de la hiérarchie : testez si le rapport d’échelle distingue suffisamment les niveaux hiérarchiques requis sans créer une séparation excessive entre le rôle le plus petit et le plus grand.
Définir la hauteur de ligne et l’espacement pour chaque rôle textuel
La hauteur de ligne et l’espacement vertical doivent varier selon le rôle textuel et ses conditions de lecture, plutôt que d’utiliser un multiplicateur unique dans tout le système typographique.
Le texte courant, les titres et les textes de soutien ont des besoins d’espacement différents, car leur taille, leur graisse, leur longueur de ligne et leur densité de lecture diffèrent.
Une longueur de ligne plus grande ou une densité de lecture plus élevée peut exiger une hauteur de ligne plus importante pour que les lignes successives restent clairement séparées, tandis que des titres plus grands ou plus gras peuvent utiliser un interlignage plus resserré lorsque leurs lignes restent distinctes.
L’espacement vertical, de son côté, soutient la hiérarchie en séparant les différents groupes de contenu et en maintenant les textes apparentés visuellement regroupés.
Testez la valeur en fonction des métriques réelles de la police, de la taille, de la longueur de ligne, de la densité du contenu et du format, plutôt que de supposer qu’un multiplicateur fixe s’applique à chaque rôle.
Les conditions par rôle ci-dessous relient chaque état typographique à son exigence d’espacement et à la conséquence qui en résulte sur la lisibilité ou la hiérarchie.
Utilisez ces relations comme points de départ ajustables et vérifiez ensemble la lisibilité et la hiérarchie dans le contexte prévu.
- Texte courant : utilisez une hauteur de ligne qui favorise la lecture soutenue à la taille et à la longueur de ligne choisies; des lignes plus denses ou plus longues peuvent exiger un espacement entre les lignes plus important pour maintenir la lisibilité.
- Titres : évaluez la hauteur de ligne en fonction de la taille, de la graisse et du retour à la ligne des titres; des titres plus grands ou plus gras peuvent utiliser un interlignage plus resserré lorsque les lignes adjacentes restent distinctes, tandis que l’espacement vertical doit préserver leur proéminence et leur séparation par rapport au contenu environnant.
- Étiquettes et légendes : maintenez la lisibilité des textes de soutien compacts à la taille et à la densité choisies, avec une hauteur de ligne suffisante pour les textes sur plusieurs lignes et un espacement vertical suffisant pour préserver leur relation avec le contenu qu’ils identifient ou décrivent.
- Contextes denses ou contraints : testez toute réduction de la hauteur de ligne ou de l’espacement vertical par rapport à la lisibilité et à la hiérarchie, plutôt que de compresser chaque rôle textuel de la même façon.
Définir les règles d’utilisation typographique
Les règles d’utilisation typographique sont des contraintes reproductibles pour appliquer le système typographique approuvé après la définition de ses rôles.
Elles précisent les états et conditions autorisés afin que les décisions de conception récurrentes puissent être appliquées de manière cohérente au lieu d’être résolues de mémoire ou selon le goût individuel.
Les règles doivent couvrir les polices approuvées et l’attribution des rôles, les graisses et styles autorisés, le comportement de dimensionnement, l’espacement et les conditions dans lesquelles des exceptions sont justifiées.
Chaque règle doit distinguer l’application standard de l’exception autorisée, afin que les concepteurs sachent ce qui peut être utilisé directement et ce qui exige une raison explicite.
Ces règles restent propres à la typographie ; les documenter au sein d’une charte de marque plus large est une tâche de gouvernance distincte.
La liste ci-dessous transforme ces décisions typographiques en contraintes opérationnelles reproductibles.
- Polices approuvées : seules les polices déjà attribuées au système typographique sont autorisées pour les applications standard ; introduire une autre police exige une exception justifiée plutôt qu’une substitution improvisée.
- Attribution des rôles : appliquer chaque police approuvée à son rôle de contenu défini ; modifier cette attribution exige une condition explicite indiquant que le rôle standard ne peut pas remplir correctement cette fonction.
- Graisses et styles : utiliser les graisses et styles approuvés pour le rôle concerné ; une graisse ou un style non approuvé doit être traité comme une exception plutôt que comme une variation courante.
- Comportement de dimensionnement : préserver les relations hiérarchiques définies lorsque les tailles de texte s’adaptent à un format ou à une condition de lecture, au lieu de choisir des tailles isolées selon le goût.
- Espacement : appliquer les relations établies de hauteur de ligne et d’espacement vertical pour chaque rôle textuel, en ne les ajustant que lorsque la condition de lecture ou le format exige une exception justifiée.
- Exceptions : documenter pourquoi un écart est nécessaire, où il s’applique, et s’il doit rester exceptionnel ou être normalisé en un état approuvé lorsque le même besoin se reproduit.
Les exceptions explicites limitent les dérives non documentées en séparant les écarts intentionnels des variations accidentelles.
Par exemple, si un rôle de titre familier nécessite une emphase plus forte, la règle invite le concepteur à utiliser ses traitements approuvés ou à documenter une exception, plutôt que d’improviser une police ou une graisse supplémentaire.
Cela maintient le caractère reproductible des règles d’utilisation typographique tout en permettant des changements justifiés lorsque l’application standard ne convient pas au contexte.
Contrôler les graisses, les styles, la casse et l’emphase
La graisse de police, le style, la casse et l’emphase doivent signaler un sens ou une priorité au sein de la hiérarchie typographique, plutôt que d’ajouter une décoration arbitraire.
Chaque traitement doit avoir un usage autorisé pour que le contraste prévu reste reconnaissable sans créer de variantes incontrôlées.
Une emphase intentionnelle utilise un traitement approuvé lorsqu’elle communique un changement distinct de sens, de fonction ou de proéminence ; une emphase redondante ajoute des traitements sans ajouter d’objectif de communication distinct.
La graisse de police, le style italique et la casse peuvent chacun créer un contraste, mais plusieurs traitements ne doivent pas être cumulés à moins que chacun n’apporte un sens distinct.
Des combinaisons répétées ou inutiles peuvent créer une compétition visuelle et affaiblir la cohérence des modèles d’emphase établis.
Appliquez les critères ci-dessous en sélectionnant le traitement minimal nécessaire pour communiquer l’emphase prévue.
- Graisse : utilisez une graisse approuvée lorsque la proéminence, plus forte ou plus faible, soutient le rôle textuel et la hiérarchie ; ajouter de la graisse sans objectif d’emphase distinct crée un contraste redondant et augmente le risque de surutilisation.
- Style : réservez un style approuvé, comme le style italique, aux situations où il communique une distinction ou une emphase définie ; un style répété sans signification distincte peut réduire son utilité en tant que signal.
- Casse : utilisez la capitalisation approuvée lorsqu’elle distingue une fonction définie, comme le traitement des étiquettes, tout en préservant la lisibilité dans ce contexte ; modifier la casse uniquement pour un impact visuel plus fort crée une autre variante sans nécessairement ajouter de sens.
- Combinaisons d’emphase : combinez la graisse, le style ou la casse uniquement lorsque chaque traitement contribue à un objectif de communication distinct ; sinon, utilisez l’emphase approuvée minimale nécessaire pour créer le contraste requis sans compétition visuelle inutile.
Définir les limites d’alignement et de longueur de ligne
L’alignement et la longueur de ligne doivent soutenir le flux de lecture dans les conditions réelles de contenu, de sens de lecture et de format, plutôt que de suivre un réglage universel.
Pour le texte courant, la mesure appropriée dépend de facteurs tels que la taille de police, les métriques de police, la largeur disponible et la quantité de lecture continue, tandis que les textes d’affichage courts peuvent utiliser d’autres relations de longueur de ligne, car leur tâche de lecture est différente.
L’alignement du texte doit être évalué en fonction du sens de lecture et du type de contenu, afin que le bord de départ, le regroupement et la mise en page environnante favorisent la lisibilité rapide.
La longueur de ligne détermine la quantité de texte visible avant que le lecteur passe à la ligne suivante, mais un nombre de caractères ne suffit pas à établir la lisibilité, car la largeur des caractères varie selon la police, la taille et les métriques de police.
Le texte courant étendu exige une mesure adaptée à la lecture soutenue, tandis que le texte d’affichage court peut utiliser une mesure plus large ou plus étroite lorsque sa taille, sa proéminence et sa durée de lecture limitée rendent ce traitement approprié.
Les critères ci-dessous déterminent l’alignement et la mesure appropriés en reliant chaque variable à sa condition de lecture et à son implication pratique.
- Sens de lecture : choisissez un alignement qui soutient le sens dans lequel le texte est lu et offre un point de départ prévisible pour les lignes successives ; évaluez un alignement alternatif lorsque le contenu a une autre fonction d’affichage ou de présentation.
- Type de contenu : donnez au texte courant étendu une mesure qui favorise la lecture continue, tout en évaluant les titres courts et les textes d’affichage selon leur tâche de lecture plus courte, plutôt que d’appliquer la limite du texte courant sans modification.
- Mesure disponible : évaluez la longueur de ligne en fonction de la taille de police, des métriques de police, de la largeur disponible et du nombre de caractères qui en résulte ; traitez l’indication du nombre de caractères comme une référence contextuelle et non comme un seuil universel.
- Mise en page environnante : conservez l’alignement et la mesure de ligne cohérents avec la mise en page établie lorsque cette relation favorise la lisibilité rapide et la lisibilité générale, et ajustez-les lorsque le contenu ou le format crée une condition de lecture sensiblement différente.
Vérifiez la mesure obtenue avec un contenu représentatif dans le format prévu, en contrôlant que les retours à la ligne, la lecture rapide et la lisibilité restent adaptés à la tâche de lecture.
Tester le système typographique dans des mises en page de marque représentatives
Le test du système typographique doit utiliser une mise en page représentative, car des définitions de style isolées ne peuvent pas montrer comment les rôles approuvés, l’échelle typographique et l’espacement se comportent sous la pression d’un contenu réaliste.
Le test de plus d’une condition représentative peut révéler des problèmes de hiérarchie, de lisibilité et de cohérence des rôles qui peuvent ne pas apparaître dans une seule maquette.
Sélectionnez des situations de contenu contrastées sans transformer le test en un audit de marque plus large.
Une mise en page compacte peut mettre à l’épreuve l’espace limité, les rôles textuels courts et les relations hiérarchiques rapprochées, tandis qu’une mise en page riche en contenu peut révéler d’autres problèmes lorsque le texte courant plus long et plusieurs niveaux hiérarchiques doivent coexister.
Appliquez le même système typographique approuvé aux deux conditions afin que les différences observées puissent être attribuées à la condition de mise en page plutôt qu’à un changement inutile du système.
Une mise en page réussie indique que le système fonctionne pour la condition testée, pas pour tous les formats : chaque changement important de support, de densité ou de distance de lecture doit être vérifié à nouveau.
Consignez chaque échec comme une relation observée entre la condition de mise en page et l’état typographique appliqué, puis ajustez la plus petite variable pertinente, comme un traitement de rôle, une relation d’échelle typographique ou une relation d’espacement.
La séquence ci-dessous maintient chaque test observable et exige un nouveau test après un ajustement avant que l’état révisé soit accepté.
- Sélectionnez un contenu représentatif : choisissez des situations de contenu réalistes qui exercent différentes pressions sur le système typographique, y compris une mise en page compacte et une mise en page riche en contenu lorsque cela est approprié.
- Appliquez le système : utilisez les rôles de police, l’échelle typographique et les relations d’espacement approuvés sans introduire de changements typographiques sans rapport pendant le test.
- Observez le résultat : examinez la hiérarchie, la lisibilité et la cohérence des rôles dans chaque mise en page représentative, en notant où l’état typographique appliqué devient peu clair ou peu pratique dans cette condition.
- Consignez les échecs : identifiez la condition spécifique et la variable typographique associées à chaque problème observé afin que l’ajustement reste ciblé au lieu de devenir une refonte générale.
- Ajustez et testez à nouveau : modifiez la plus petite variable nécessaire, réappliquez le système typographique à la mise en page représentative concernée, puis testez à nouveau le résultat avant de conserver l’ajustement.
Vérifier la hiérarchie, la lisibilité et la cohérence des rôles
La vérification typographique doit vérifier que le contraste hiérarchique maintient la distinction entre les niveaux adjacents, que le texte courant reste lisible et que le respect des rôles correspond au système typographique approuvé.
Utilisez des conditions observables de réussite ou d’échec pour la hiérarchie, la lisibilité, l’utilisation des rôles, la cohérence de l’espacement et le contrôle des exceptions, plutôt que des jugements esthétiques subjectifs.
- Contraste hiérarchique : vérifiez les niveaux hiérarchiques adjacents dans un contenu représentatif. Réussite lorsque chaque niveau se distingue du niveau voisin ; échec lorsque les niveaux adjacents sont trop similaires pour communiquer leur distinction prévue.
- Lisibilité du texte courant : vérifiez le texte courant à la longueur de ligne et à l’espacement appliqués dans les conditions de mise en page testées. Réussite lorsque le texte étendu reste lisible dans ce contexte ; échec lorsque le traitement appliqué gêne la lecture soutenue.
- Respect des rôles : vérifiez que chaque fonction de contenu récurrente utilise son rôle de police et son traitement approuvés. Réussite lorsque les attributions correspondent au système défini ; échec lorsqu’un rôle utilise une police, une graisse, un style ou un autre traitement non approuvé sans exception documentée.
- Cohérence de l’espacement : vérifiez les rôles textuels équivalents dans des conditions comparables pour les relations d’espacement approuvées. Réussite lorsque ces relations restent cohérentes ; échec lorsque des rôles équivalents présentent des variations d’espacement inexpliquées.
- Contrôle de l’emphase : vérifiez si les graisses, styles ou casses utilisés pour l’emphase appartiennent au traitement approuvé pour ce rôle. Réussite lorsque l’emphase correspond à la règle d’utilisation définie ; échec lorsqu’un style non approuvé apparaît sans exception explicite.
- Contrôle des exceptions : vérifiez chaque écart par rapport à un rôle ou un traitement approuvé. Réussite lorsque l’exception est documentée et limitée à sa condition énoncée ; échec lorsque l’écart n’est pas documenté, auquel cas il doit être documenté comme une exception justifiée ou corrigé pour correspondre au système approuvé.
Adapter les tailles de police et l’espacement selon les formats
L’adaptation au format peut modifier les valeurs exactes de taille de police et d’espacement lorsqu’une nouvelle contrainte de format change l’espace disponible ou les conditions de lecture, tandis que la hiérarchie relative et chaque rôle textuel doivent rester reconnaissables.
L’objectif est la cohérence des relations entre les rôles plutôt que des valeurs numériques identiques d’un format à l’autre.
L’espace disponible peut exiger des tailles de police plus petites ou plus grandes, ou un espacement plus resserré ou plus lâche, lorsque le traitement existant ne convient plus au format.
La distance de lecture peut justifier une taille de police différente lorsque le texte doit rester lisible dans une condition de lecture modifiée, tandis qu’une densité de contenu plus forte peut exiger des ajustements d’espacement contrôlés pour accueillir le contenu sans aplatir la hiérarchie relative.
Ces changements doivent répondre à la contrainte spécifique du format plutôt que d’appliquer une règle de mise à l’échelle unique à chaque format.
Préservez la relation entre les rôles textuels même lorsque leurs valeurs exactes changent.
Testez à nouveau la typographie ajustée avec un contenu représentatif pour vérifier que la hiérarchie et la lisibilité restent claires dans la nouvelle condition.
La gouvernance plus large, au-delà de l’adaptation typographique propre au format, relève de la cohérence de la marque sur les différents canaux ; ici, l’attention reste portée sur la préservation des relations entre les rôles pendant que les valeurs de taille de police et d’espacement s’adaptent.
- Évaluer la contrainte : déterminez si l’espace disponible, la distance de lecture, la densité du contenu ou une autre condition du format affecte la base typographique actuelle.
- Ajuster la variable : modifiez la taille de police ou la valeur d’espacement concernée en préservant la relation prévue entre les rôles textuels.
- Vérifier le résultat : contrôlez que le traitement ajusté maintient la hiérarchie relative et la lisibilité dans un contenu représentatif, plutôt que de juger les valeurs numériques isolément.
- Tester à nouveau pour la cohérence : testez à nouveau le système ajusté dans le format cible et conservez le changement lorsque les relations entre les rôles restent reconnaissables dans cette condition.
Diagnostiquer les comportements typographiques incohérents
Un comportement typographique incohérent se manifeste par des écarts observables par rapport à la hiérarchie approuvée, aux attributions de rôles de police, à l’échelle, à l’espacement ou aux règles d’utilisation.
Un symptôme tel qu’une hiérarchie concurrente, un changement de police inexpliqué, une taille ponctuelle répétée ou une incohérence d’espacement indique une condition à examiner plutôt qu’une cause confirmée.
Le même symptôme peut avoir plus d’une cause probable ; vérifiez donc l’état typographique appliqué avant de choisir une orientation corrective.
Par exemple, une hiérarchie concurrente peut indiquer une distinction insuffisante entre les niveaux approuvés, un traitement non approuvé ou un ajustement propre au format qui a modifié la relation prévue.
Un changement de police inexpliqué peut indiquer une dérive du rôle de police ou une exception appliquée en dehors de sa condition définie.
Le tableau de diagnostic sépare les symptômes observables des causes possibles, des vérifications à effectuer et des orientations correctives.
| Symptôme | Cause possible | Vérification | Orientation corrective |
|---|---|---|---|
| Hiérarchie concurrente | Les niveaux hiérarchiques adjacents peuvent avoir perdu leur distinction prévue, ou un traitement non approuvé peut ajouter une proéminence non intentionnelle. | Comparez les niveaux concernés avec leurs relations approuvées de taille, de graisse, de style et d’espacement, et vérifiez si une exception s’applique. | Après vérification, rétablissez la relation approuvée ou documentez et encadrez une exception justifiée. |
| Changements de police inexpliqués | Un rôle de police peut avoir dérivé de sa fonction de contenu définie, ou une exception peut apparaître en dehors de sa condition autorisée. | Vérifiez le contenu concerné par rapport à son rôle de police approuvé et à toute exception documentée pour ce contexte. | Rétablissez le contenu dans son rôle approuvé ou corrigez la portée de l’exception vérifiée. |
| Tailles ponctuelles répétées | L’échelle établie peut ne pas être appliquée de manière cohérente, ou un besoin récurrent du format peut avoir été traité par des ajustements isolés. | Comparez les tailles répétées avec les relations d’échelle approuvées et vérifiez si la même condition se reproduit sur des contenus équivalents. | Supprimez les valeurs ponctuelles non justifiées ou, lorsque le besoin récurrent est vérifié, normalisez un ajustement contrôlé au sein du système. |
| Espacement incohérent | Des rôles textuels équivalents peuvent utiliser des états d’espacement différents, ou un ajustement d’espacement propre au format peut s’être étendu au-delà de sa condition prévue. | Comparez la hauteur de ligne et l’espacement vertical des rôles équivalents dans des conditions de mise en page comparables et vérifiez les exceptions documentées. | Rétablissez la relation d’espacement approuvée ou limitez un ajustement vérifié à la condition qui l’exige. |
L’orientation corrective doit cibler la défaillance vérifiée de la règle, du rôle de police, de l’échelle, de l’espacement ou de l’exception, plutôt que le seul symptôme visible.
Après la correction, vérifiez à nouveau la typographie concernée dans la même condition et ne normalisez un changement que lorsque la vérification montre qu’il représente une exigence récurrente du système plutôt qu’une incohérence isolée.
Réduire les rôles textuels qui se chevauchent ou sont redondants
Des rôles textuels qui se chevauchent deviennent redondants lorsque deux rôles assurent la même fonction de lecture ou se ressemblent visuellement au point de n’ajouter aucune distinction utile à la hiérarchie.
Comparez ce que chaque rôle textuel doit communiquer avant de décider si le chevauchement exige une consolidation ou une différenciation.
Commencez par la fonction : si deux rôles assurent la même tâche de lecture dans les mêmes conditions, le chevauchement peut indiquer une véritable redondance.
Si leurs fonctions diffèrent mais que leur taille, leur graisse ou leur autre apparence est trop similaire pour rendre cette distinction visible, la différenciation peut être plus appropriée que la consolidation.
Conservez des rôles distincts lorsqu’ils prennent en charge des tâches de lecture réellement différentes, même si certains attributs visuels sont partagés.
Ne consolidez que lorsque la duplication fonctionnelle est démontrée, et non déduite de la seule apparence.
- Vérifiez le chevauchement fonctionnel : comparez les deux rôles selon la tâche de lecture, la fonction de contenu et la valeur informationnelle. Si les deux assurent la même fonction dans des conditions équivalentes, la redondance peut justifier une consolidation en un seul rôle.
- Vérifiez la similarité visuelle : comparez la taille, la graisse, le style, l’espacement et les autres indices d’apparence. Si les rôles assurent des fonctions différentes mais se ressemblent trop pour soutenir la hiérarchie prévue, conservez les deux rôles et renforcez la différenciation plutôt que d’en supprimer un.
- Vérifiez la conséquence sur la hiérarchie : vérifiez si le chevauchement amène les lecteurs à interpréter deux rôles comme le même niveau ou masque la relation prévue entre eux. Si la hiérarchie reste claire malgré quelques traits visuels partagés, des rôles séparés peuvent encore être appropriés.
- Choisissez la correction la plus simple : consolidez les rôles lorsque leurs fonctions se dupliquent véritablement ; différenciez leur traitement lorsque leurs fonctions sont distinctes mais que leur apparence crée une collision de rôles. Conservez les deux lorsque chaque rôle textuel continue de prendre en charge une tâche de lecture distincte.
Supprimer les exceptions non planifiées de police, de graisse et de taille
Les valeurs non planifiées de police, de graisse et de taille doivent être rattachées à leur contexte et à leur rôle prévu avant d’être supprimées ou conservées.
Chaque exception typographique nécessite une raison claire et un impact explicite sur la cohérence, afin que la décision puisse distinguer un cas particulier justifié d’une dérive accidentelle.
Une valeur inattendue représente plus probablement une dérive typographique lorsqu’elle n’a aucun rôle documenté, ne répond pas à une condition de contenu récurrente ou n’apparaît que comme un choix ponctuel.
Une exception justifiée peut être conservée lorsque son contexte et son rôle prévu sont explicites, tandis qu’une exception récurrente peut devoir être normalisée comme valeur approuvée plutôt que répétée de manière informelle.
Les valeurs non approuvées répétées ne doivent pas s’accumuler en un système parallèle sans décision explicite.
Auditez chaque cas de l’identification à la raison, à l’impact, puis à l’action de conserver, normaliser ou supprimer.
- Identifier la valeur : consignez la police, la graisse ou la taille non planifiée exactement telle qu’elle apparaît et notez le contexte dans lequel elle est utilisée, afin que l’exception puisse être évaluée par rapport au système approuvé.
- Retracer le rôle prévu : vérifiez quel rôle textuel approuvé la valeur dessert et si l’écart prend en charge une condition de lecture ou de mise en page distincte plutôt que de dupliquer un traitement existant.
- Vérifier la raison : déterminez si l’exception a une justification fonctionnelle explicite. Si aucune raison claire n’existe et que le rôle approuvé peut remplir le même objectif, traitez la valeur comme une dérive probable plutôt que comme un cas particulier justifié.
- Évaluer l’impact sur la cohérence : vérifiez si la valeur affaiblit la reconnaissance des rôles, crée des traitements ponctuels répétés ou modifie les relations hiérarchiques dans des contenus comparables. Un écart sans impact matériel sur la cohérence peut encore être conservé lorsque sa condition particulière est définie.
- Choisir de conserver ou de normaliser : conservez une exception justifiée lorsqu’elle est limitée à un contexte spécifique ; normalisez-la lorsque le même besoin se reproduit et doit devenir un état approuvé explicite au sein du système.
- Supprimer la dérive non justifiée : supprimez la valeur non approuvée lorsque son objectif duplique le rôle prévu et qu’aucune exception justifiée ne subsiste, afin d’empêcher que des choix ponctuels répétés de police, de graisse ou de taille deviennent un système parallèle non documenté.