Quarte juste ou tierce majeure : choisir un ratio d’échelle typographique

Un ratio d’échelle typographique est le multiplicateur constant qui génère chaque taille de police dans une échelle modulaire, et le bon ratio découle de la densité du contenu : les interfaces riches en texte sont mieux servies par de petits ratios comme la tierce majeure (1,25), tandis que les pages de contenu et marketing peuvent supporter les sauts plus amples d’une quarte juste (1,333). Les deux sont assez proches pour être confondus et assez différents pour produire des systèmes visiblement distincts en trois pas.

Cet article les compare avec des chiffres réels et vous donne un test pour choisir. Pour la mécanique de l’échelle elle-même, commencez par notre guide de l’échelle typographique.

Pourquoi les ratios d’échelle typographique portent-ils des noms d’intervalles musicaux ?

Les noms — seconde majeure, tierce majeure, quarte juste — sont empruntés aux intervalles musicaux, où ils décrivent le rapport de fréquence entre deux hauteurs : une quinte juste est un rapport de fréquence de 3:2, d’où 1,5. La typographie a emprunté le vocabulaire, pas la théorie. Une échelle typographique ne découle pas de l’harmonie ; les noms d’intervalles sont simplement des étiquettes mémorables pour des nombres qui seraient autrement difficiles à distinguer :

L’analogie mérite sa place sur un point : les intervalles se composent en musique, et les ratios font de même dans une échelle. Deux quartes justes empilées valent bien plus que deux fois une — précisément la propriété que la comparaison ci-dessous rend visible.

Quelle est vraiment la différence entre 1,25 et 1,333 ?

À une base de 16px, sur cinq niveaux :

Elles divergent lentement, puis rapidement. Au niveau 1, les deux sont pratiquement interchangeables ; au niveau 4, l’une est un h1 sobre et l’autre un titre hero. Cet effet cumulatif est le véritable enjeu de la décision : choisir un ratio ne concerne pas tant votre prochaine taille de titre que l’endroit où le sommet du système aboutit après quatre ou cinq multiplications.

Ouvrez la tierce majeure à base 16 dans Scale Composer, puis faites glisser le ratio jusqu’à 1,333 et observez les niveaux supérieurs s’écarter tandis que les inférieurs bougent à peine.

Quel ratio convient à quel type de produit ?

Le principe derrière ces plages : un petit ratio se lit comme une seule voix parlant à des volumes différents, tandis qu’un grand ratio se lit comme des voix différentes. Un tableau de bord a besoin du premier — de nombreux niveaux qui restent clairement liés, pour que la hiérarchie n’interrompe jamais le travail. Une page d’atterrissage peut se permettre le second, car elle a peu de niveaux et les veut retentissants. C’est cette différence perceptuelle, plus que toute formule, que les chiffres encodent :

• 1,125–1,2 (seconde majeure et proches) : de nombreuses tailles utilisables rapprochées. Interfaces riches en données — tableaux, tableaux de bord, réglages.
• 1,25 (tierce majeure) : le cheval de bataille des interfaces produit. Hiérarchie claire, rien ne crie.
• 1,333 (quarte juste) : pages de contenu, documentation, sites marketing — plus d’air entre les niveaux, tout en restant discipliné.
• 1,414–1,5 et au-delà (quarte augmentée, quinte juste) : mises en page expressives avec peu de niveaux hiérarchiques et du texte court.

Comment les notes changent-elles la décision ?

La formule d’échelle modulaire de Scale Composer subdivise chaque intervalle de ratio : size = base × ratio^(i/notes), où les notes fonctionnent comme les notes à l’intérieur d’une octave musicale. Cela change la comparaison, car la densité n’est plus l’avantage exclusif du plus petit ratio. Une quarte juste avec deux notes par intervalle produit 16, 18, 21, 25, 28 — presque aussi finement graduée près des tailles de corps qu’une échelle de seconde majeure — tout en atteignant 51px en quatre intervalles complets.

Ainsi, un plus grand ratio avec 2 notes peut battre un plus petit ratio avec 1 : vous gardez les pas supérieurs spectaculaires et gagnez les pas intermédiaires précis. La vraie comparaison se fait entre des paires ratio-et-notes, pas entre des ratios seuls — bon à savoir avant de conclure que 1,25 est votre seule voie vers une taille de 18px.

Quel est le test pratique avant de s’engager ?

Laissez de côté la théorie et organisez une confrontation : ouvrez côte à côte votre écran le plus dense et votre plus grand hero, et composez les deux dans l’échelle candidate. L’écran dense demande : y a-t-il assez de tailles distinctes mais liées pour les libellés, les valeurs et les titres de section ? Le hero demande : le sommet de l’échelle domine-t-il toujours la page ? Un ratio qui sert les deux est le vôtre.

Quand le test échoue, il échoue généralement d’une seule façon : l’écran dense l’emporte et le hero s’affaisse. Avant de descendre à un ratio plus petit, essayez plutôt d’ajouter une note — cela résout le problème de densité sans renoncer au plafond.

Essayez l’autre extrémité de la plage

Le moyen le plus rapide de calibrer votre propre goût est de ressentir les extrêmes : ouvrez la quarte augmentée à base 16 — à 1,414 l’échelle double à peu près tous les deux pas, atteignant près de 32px au pas 2 et 64px au pas 4. Comparez-la au tableau de la tierce majeure ci-dessus, puis réduisez le ratio jusqu’à ce que votre écran le plus dense cesse de se plaindre. La valeur à laquelle il se stabilise est votre réponse.