§ 08
Hvilken skriftstørrelse skal mit H2/H3/label have, hvis min brødtekst er 16px?
Antwort: Beregneren udregner den næste skriftstørrelse i en modulær typografisk skala, hvor hvert trin er et fast forhold gange det foregående — den metode UI- og webdesignere bruger til at skabe et konsistent størrelseshierarki mellem overskrifter, brødtekst og labels. Den erstatter ikke en fuld typografisk designguide, men giver de matematisk konsistente basisværdier.
Trin-størrelse = grundstørrelse × forholdⁿ, hvor n = antal trin op i skalaen.
De navngivne forhold (major third, perfect fourth, gyldne snit m.fl.) stammer fra klassiske musikalske intervalforhold og er den mest udbredte metode til modulære typografiske skalaer, jf. Tim Brown: 'More Meaningful Typography' (A List Apart).
| Symbol | Bedeutung | Einheit |
|---|---|---|
| grundstoerrelse_px | Grundstørrelse (brødtekst) | px |
| forhold | Skalaforhold | — |
| trin | Antal trin op i skalaen | trin |
| = | Skriftstørrelse | px |
| = | Skriftstørrelse i rem | rem |
Die eigenen Standardwerte des Rechners sind eingesetzt. Die Zahlen sind mit genau der Formel berechnet, die das Werkzeug verwendet.
Sat ind
Geber
Nur für Mitglieder
Lege einen kostenlosen Zugang an, um alle Artikel, Rechner, Vorlagen und das Sortiment freizuschalten — und Zugriff auf Quizze und Klassen zu erhalten. Es dauert unter einer Minute: Name, E-Mail und ein Passwort. Keine Zahlungskarte.
Willst du zuerst etwas ausprobieren? Sieh, was du ohne Konto nutzen kannst — der Junior-Bereich, das Lexikon, die Videos und mehr.
Når du laver titler, undertekster og interface-tekst til en animation eller en app, giver en modulær skala et ensartet hierarki. Beregneren ganger grundstørrelsen med skalaforholdet et antal trin op.
Et UI i en AR-app har brødtekst på 16 px, og du bruger major third (1,25). Overskriften skal ligge 3 trin op.
Es bedeutet: Overskriften bliver 31,3 px, eller 1,953 Riemen.
En titel i en explainer-video skal være markant. Grundstørrelsen er 24 px, og du bruger perfect fifth (1,5) 4 trin op.
Es bedeutet: Titlen bliver 121,5 px.
Major third (1,25) fordobler størrelsen på ca. 3 trin.
Hvert trin skal være forholdet gange det forrige.