Proportion ist das Größenverhältnis von Teilen zueinander und zum Ganzen: von Breite zu Höhe eines Formats, von Überschrift zu Fließtext, von Spalte zu Abstand. Schon der römische Baumeister Vitruv definierte sie als Übereinstimmung der Maße aller Teile mit einem gewählten Grundmaß. Stimmige Proportionen lassen eine Gestaltung geschlossen wirken.
- Proportion
Das Größenverhältnis von Teilen zueinander und zum Ganzen, etwa von Breite zu Höhe.
Beispiel: „Die Proportion der Teaserbilder ist auf allen Seiten 3 zu 2.“Abgrenzung zum Goldenen Schnitt: Er ist eine bestimmte Proportion, rund 1 zu 1,618.
Bekannte Proportionen
Die DIN-A-Formate haben das Verhältnis 1 zu Wurzel 2, rund 1 zu 1,414: Halbiert man ein Blatt, bleibt die Proportion erhalten. Die Idee beschrieb Georg Christoph Lichtenberg 1786, Walter Porstmann machte sie 1922 als DIN 476 zur Norm. Bildschirme und Videos nutzen meist 16 zu 9.
Proportionen in der Typografie
Tim Brown schlug 2011 vor, Schriftgrößen als modulare Skala anzulegen: eine Reihe von Werten, die in einem festen Verhältnis zueinander stehen, etwa jeweils das 1,25-Fache. So stimmen Überschriften, Zwischenzeilen und Fließtext zusammen, statt zufällig gewählt zu sein.
Proportionen in CSS
Die Eigenschaft aspect-ratio hält laut MDN das Verhältnis von Breite zu Höhe eines Elements fest, seit 2021 in allen großen Browsern. Bilder und Videos behalten so ihre Proportion, auch wenn sich die Breite ändert, und die Seite springt beim Laden nicht, weil der Platz schon reserviert ist.
.video {
aspect-ratio: 16 / 9;
width: 100%;
}