L’alignement optique

Règles FR

Définition

L’alignement optique corrige ce que l’alignement mathématique ne règle pas : certains signes, formes rondes ou détails dépassent légèrement pour paraître alignés à l’œil. C’est un réglage général de composition, pas une règle propre à un caractère isolé.

Core
1

Alignement géométrique ou visuel

Deux éléments peuvent avoir la même coordonnée tout en paraissant mal alignés. L’alignement optique ajuste la position selon la perception du bord, du poids ou de la forme.

Contextuel

Un O centré mathématiquement paraît bas : son bord rond « rentre ». On le remonte d’un rien.

L’œil juge les bords perçus, pas les coordonnées.

Core
2

Bords de texte

Les guillemets, tirets, points ou lettres rondes peuvent créer un bord visuel irrégulier. Un léger débord peut rendre une colonne ou un titre plus net.

Contextuel

«Espace fine insécableLa phrase commenceEspace fine insécable» — le guillemet déborde légèrement pour que le L ouvre la marge.

Le bord visuel se cale sur les lettres, pas sur les signes légers.

Core
3

Ponctuation en marge

La ponctuation placée au bord d’un bloc peut donner l’impression d’un retrait. L’alignement optique compense ce retrait sans modifier la règle d’espacement du signe.

À éviter

Un bloc où “«”,Espace mot“—” ou “.” dictent seuls le bord visuel.

Correct

Un bloc dont le bord semble aligné malgré les signes qui dépassent ou rentrent.

Les signes dépassent, les lettres s’alignent : le bord paraît net.

Core
4

Titres et grands corps

Les réglages optiques deviennent plus visibles dans les grands corps. Les titres, logos, chiffres isolés et très gros signes peuvent demander une correction plus marquée.

Contextuel

GRAND (TITRE) — en corps d’affiche, la parenthèse descend et se recentre optiquement.

Plus le corps est grand, plus le défaut se voit, plus la correction se justifie.

Core
5

Icônes et pictogrammes

Une icône peut être centrée géométriquement mais paraître trop haute, trop basse ou décalée. L’alignement optique ajuste la forme selon son poids visuel.

Contextuel

Un triangle de lecture ▶ centré au compas paraît fuir à gauche : on le décale vers la droite.

Le poids visuel de la forme prime sur son cadre géométrique.

Core
6

Chiffres et tableaux

Les chiffres relèvent d’abord de l’article Les chiffres, mais leur alignement visuel dans des compteurs, boutons ou interfaces peut demander des corrections optiques générales.

Contextuel

Un compteur affichant 1 paraît décentré dans sa pastille ; le chiffre tabulaire ou un recentrage optique corrige.

Voir l’article Les chiffres pour les styles de chiffres.

Core
7

Quand ne pas corriger

Un alignement optique trop fort peut rendre le système incohérent ou difficile à maintenir. Les corrections doivent être réservées aux cas visibles, surtout en titres, marges ou composants répétés.

À éviter

Chaque icône,Espace motchiffre et signe décalé à la main,Espace motcomposant par composant.

Correct

Quelques ajustements stables,Espace motdocumentés,Espace motpour les cas réellement visibles.

Trop de corrections locales rendent le système impossible à maintenir.

Core
8

Interfaces et composants

Dans les interfaces, les alignements optiques doivent rester compatibles avec les composants, tokens, grilles et états. Une correction locale ne doit pas créer de décalage ailleurs.

Contextuel

L’icône « lecture » ajustée dans le bouton, mais par un réglage du composant, pas au cas par cas.

La correction optique se fixe dans le composant pour rester cohérente partout.

Copié dans le presse-papier