Reine Quarte vs. große Terz: Das richtige Skalenverhältnis wählen

Ein Skalenverhältnis ist der konstante Faktor, der jede Schriftgröße einer modularen Skala erzeugt, und das richtige ergibt sich aus der Inhaltsdichte: textdichte Interfaces sind mit kleineren Verhältnissen wie der großen Terz (1,25) am besten bedient, während Inhalts- und Marketingseiten die größeren Sprünge einer reinen Quarte (1,333) tragen können. Die beiden liegen nah genug beieinander, um verwechselt zu werden, und unterscheiden sich genug, um innerhalb von drei Schritten sichtbar verschiedene Systeme zu erzeugen.

Dieser Artikel vergleicht sie mit echten Zahlen und gibt dir einen Test für die Wahl an die Hand. Für die Mechanik der Skala selbst beginnst du am besten mit unserem Leitfaden zur Schriftgrößenskala.

Warum sind Skalenverhältnisse nach musikalischen Intervallen benannt?

Die Namen — große Sekunde, große Terz, reine Quarte — sind von musikalischen Intervallen entlehnt, wo sie das Frequenzverhältnis zwischen zwei Tönen beschreiben: eine reine Quinte ist ein Frequenzverhältnis von 3:2, also 1,5. Die Typografie hat sich das Vokabular geliehen, nicht die Theorie. Eine Schriftgrößenskala leitet sich nicht aus Harmonie ab; die Intervallnamen sind einfach einprägsame Bezeichnungen für Zahlen, die man sonst schwer auseinanderhalten könnte:

In einem Punkt zahlt sich die Analogie aus: Intervalle in der Musik verstärken sich multiplikativ, und genauso verhalten sich Verhältnisse in einer Skala. Zwei aufeinander gestapelte reine Quarten ergeben weit mehr als das Doppelte einer einzelnen — genau diese Eigenschaft macht der folgende Vergleich sichtbar.

Wie unterschiedlich sind 1,25 und 1,333 wirklich?

Bei einer Basis von 16px, über fünf Stufen hinweg:

Sie driften langsam auseinander, dann schnell. Auf Stufe 1 sind die beiden praktisch austauschbar; auf Stufe 4 ist die eine ein zurückhaltendes h1 und die andere eine Hero-Überschrift. Dieser Verstärkungseffekt ist der eigentliche Kern der Entscheidung: Bei der Wahl eines Verhältnisses geht es weniger um deine nächste Überschriftengröße als darum, wo die Spitze des Systems nach vier oder fünf Multiplikationen landet.

Öffne die große Terz bei Basis 16 in Scale Composer, zieh dann das Verhältnis auf 1,333 und beobachte, wie sich die oberen Stufen abheben, während die unteren sich kaum bewegen.

Welches Verhältnis passt zu welcher Art von Produkt?

Das Muster hinter den Bereichen: Ein kleines Verhältnis wirkt wie eine Stimme, die in verschiedenen Lautstärken spricht, während ein großes Verhältnis wie verschiedene Stimmen wirkt. Ein Dashboard braucht das Erste — viele Stufen, die klar miteinander verwandt bleiben, damit die Hierarchie die Arbeit nie unterbricht. Eine Landingpage kann sich das Zweite leisten, weil sie wenige Stufen hat und sie laut haben will. Genau diesen perzeptiven Unterschied — mehr als jede Formel — kodieren die Zahlen:

• 1,125–1,2 (große Sekunde und nahe daran): viele brauchbare Größen dicht beieinander. Datenlastige UI — Tabellen, Dashboards, Einstellungen.
• 1,25 (große Terz): das Arbeitspferd für Produkt-UI. Klare Hierarchie, nichts schreit.
• 1,333 (reine Quarte): Inhaltsseiten, Dokumentation, Marketingseiten — mehr Luft zwischen den Stufen, dennoch diszipliniert.
• 1,414–1,5 und höher (übermäßige Quarte, reine Quinte): ausdrucksstarke Layouts mit wenigen Hierarchiestufen und kurzem Text.

Wie verändern Noten die Entscheidung?

Die Formel für modulare Skalen von Scale Composer unterteilt jedes Verhältnis-Intervall: size = base × ratio^(i/notes), wobei die Noten wie die Noten innerhalb einer musikalischen Oktave funktionieren. Das verändert den Vergleich, denn Dichte ist nicht länger der exklusive Vorteil des kleineren Verhältnisses. Eine reine Quarte mit zwei Noten pro Intervall erzeugt 16, 18, 21, 25, 28 — nahe an den Fließtextgrößen fast so feingliedrig wie eine Skala mit großer Sekunde — und erreicht dennoch 51px innerhalb von vier vollen Intervallen.

Ein größeres Verhältnis mit 2 Noten kann also ein kleineres mit 1 schlagen: Du behältst die dramatischen oberen Stufen und gewinnst die präzisen mittleren dazu. Der eigentliche Vergleich läuft zwischen Verhältnis-Noten-Paaren, nicht zwischen bloßen Verhältnissen — gut zu wissen, bevor du zu dem Schluss kommst, dass 1,25 dein einziger Weg zu einer 18px-Größe ist.

Was ist der praktische Test vor der Festlegung?

Lass die Theorie beiseite und inszeniere eine Konfrontation: Öffne deinen dichtesten Screen und deinen größten Hero nebeneinander und setze beide in der Kandidatenskala. Der dichte Screen fragt: Gibt es genug unterscheidbare, aber verwandte Größen für Labels, Werte und Abschnittsüberschriften? Der Hero fragt: Beherrscht die Spitze der Skala die Seite noch? Ein Verhältnis, das beiden dient, ist deins.

Wenn der Test scheitert, scheitert er meist auf eine Weise: Der dichte Screen gewinnt, und der Hero sackt ab. Bevor du auf ein kleineres Verhältnis heruntergehst, versuch stattdessen, eine Note hinzuzufügen — das behebt das Dichteproblem, ohne die Obergrenze aufzugeben.

Probier das andere Ende des Bereichs

Der schnellste Weg, den eigenen Geschmack zu kalibrieren, ist, die Extreme zu spüren: öffne die übermäßige Quarte bei Basis 16 — bei 1,414 verdoppelt sich die Skala ungefähr alle zwei Stufen und landet bei rund 32px auf Stufe 2 und 64px auf Stufe 4. Vergleich sie mit der Tabelle zur großen Terz oben und geh dann mit dem Verhältnis zurück, bis dein dichtester Screen aufhört sich zu beschweren. Der Wert, bei dem es sich einpendelt, ist deine Antwort.