Optimale Zeilenhöhe im Verhältnis zur Schriftgröße

Gibt es eine Einigkeit darüber, was das mathematisch optimale Verhältnis von Zeilenhöhe und Textgröße ist? Und wenn ja, gilt das für Print und Web?

Beachten Sie auch: Die Größe einer digitalen Schriftart ist fiktiv, in dem Sinne, dass der Schriftdesigner eine 1em-Höhe in der Schriftart definiert hat, aber den Körper der Glyphe überall und in jeder Größe platzieren kann. Das bedeutet, dass ein 'H' 75% des 1em abdecken könnte, oder 50% oder 5%, bündig sitzen, dass die Ober-, Mittel- oder Unterseite und die interne "eingebaute" Zeilenhöhe der Schriftart variieren. Dies würde selbst bei Null-Führung von Schrift zu Schrift eine unterschiedliche Zeilenhöhe zur Folge haben. Da es nur Konventionen, aber keinen Standard gibt, hat jede Schriftart ihre eigene eindeutige Höhe im Em-Quadrat, unabhängig von eventuell später in der Bearbeitungssoftware hinzugefügten führenden Zeichen.

Antworten (2)

Kurze Antwort: "Nein."

Lange Antwort: Bei der Bestimmung des Zeilenabstands (heute Abstand von einer Grundlinie zur nächsten, auch Zeilenhöhe genannt) spielen vier Faktoren eine Rolle: die x-Höhe der Zeichen, das Maß (Länge der Zeile), die Stärke von die Striche der Zeichen selbst und die Schriftgröße. In dieser Antwort werde ich der Einfachheit halber "Führung" und "Zeilenhöhe" austauschbar verwenden.

Von diesen dominiert das Maß, gefolgt von x-Höhe und Punktgröße.

Je breiter das Maß ist, desto offener muss die Zeilenhöhe sein, um die Lesbarkeit zu erhalten. Wenn Ihr Maß länger als etwa 70 Zeichen der von Ihnen gewählten Schriftart und Punktgröße ist, müssen Sie die Zeilenhöhe erhöhen, damit der Leser beim Lesen keine Zeile überspringt oder versehentlich wiederholt.

Die Größe der Zeichen ist nie identisch mit der Punktgröße, die in den Tagen der Metalllettern als Gesamtmaß vom unteren Ende der untersten Unterlänge (z. B. dem Ende des kleinen „y“) bis zum oberen Ende genommen wurde der höchsten Oberlänge (z. B. der senkrechte Strich des kleinen „h“). Die Höhe des kleinen „x“, von dem sich „x-height“ ableitet, kann im Verhältnis zur Punktgröße hoch (Arial) oder sehr kurz (Bernhard Modern) sein. Geben Sie den Text so ein, dass die Linienhöhe der Punktgröße entspricht, die "fest eingestellt" ist - kein zusätzlicher Blei zwischen den Linien. Arial oder Helvetica sehen fürchterlich aus. Bernhard Modern nicht.

Um die Lesbarkeit zu erhalten, benötigen Schriftarten mit einer großen x-Höhe im Verhältnis zur Versal- und Oberlängenhöhe (z. B. Century Schoolbook oder Helvetica) mehr Zeilenhöhe im Verhältnis zur Punktgröße als Garamond oder Futura, die kleinere x-Höhen haben.

Serifenlose Schriften haben im Verhältnis zu ihrer Größe tendenziell viel dickere Striche als Serifenschriften. Wenn Sie sie zu eng einstellen (geringe Zeilenhöhe), sehen Absätze und Seiten sehr schwer und dunkel aus und können sie sehr schwer lesbar machen. Das Öffnen des Zeilenabstands und manchmal des Zeichenabstands verbessert das Aussehen des Textes erheblich. Eine Serifenschrift mit einer relativ kleinen x-Höhe, wie Garamond, kann mit viel weniger Zeilenhöhe gesetzt werden.

Alle diese Überlegungen werden durch das Aussehen der Seite durch den Designer modifiziert. Einige Themen werden durch ein luftigeres Aussehen der Seite aufgewertet (z. B. romantische Gedichte, Einhorngeschichten), was nach einem zarten Schriftbild und einem offenen Zeilenabstand verlangt. Andere brauchen mehr Autorität (zB Lehrbücher) und profitieren von einer dunkleren "Schriftfarbe".

Lassen Sie mich nun auf die Idee des Goldenen Schnitts ( Phi ) verzichten. Es wäre in fast allen Fällen falsch. Mathematik hat damit nichts zu tun. Aussehen tut es.

Im Gegensatz zu dem, was Sie vielleicht denken, erfordert großer Text wie Überschriften einen engeren Zeilenabstand als Absatztext. Überschriften werden oft mit „negativem Zeilenabstand“ gesetzt – die Zeilenhöhe ist kleiner als die Punktgröße. Dies gilt insbesondere für Überschriften in Großbuchstaben, die immer einen reduzierten Zeilenabstand erfordern. (Aufgrund von Ober- und Unterlängen ist es üblich, dass mehrzeilige Überschriften in jeder Zeile einen anderen Zeilenabstand haben, damit der Zeilenabstand gleichmäßig aussieht .) Umgekehrt benötigen kleine Größen, z. B. für Bildunterschriften oder Fußnoten, mehr Zeilenabstand oder sie schwer lesbar werden. Schrift sieht "lockerer" aus, wenn sie größer wird, und "enger", wenn sie kleiner wird, was bei den meisten Schriftarten Anpassungen des Buchstabenabstands unter 8 pt und über 24 pt erfordert.

Sie würden ernsthaft in die Irre gehen, wenn Sie versuchen würden, Phi (oder ein beliebiges festes Verhältnis) zur Berechnung der Linienhöhe zu verwenden, da Sie nur zufällig Recht hätten.

Verwenden Sie für das Internet zumindest in den nächsten Jahren Schriftarten, die für Geräte mit niedriger Auflösung entwickelt wurden, bis Bildschirme mit mäßiger Auflösung (250 - 400 ppi) alltäglich werden. Nicht alle „Webfonts“ von Anbietern wie Google, Extensis oder Typekit sind bei Textgrößen auf den meisten Displays nutzbar. Webtext liest sich tendenziell besser, wenn er etwas offener platziert ist als auf einer gedruckten Seite, aufgrund des groben Punktrasters und der OS-Manipulationen, die Striche verwischen und Zeichenformen verzerren.

Sehr kurzer Text mit wenigen Zeilen wie Floating-Labels oder Blockzitate profitieren manchmal auch von einem negativen Zeilenabstand (weniger als Punktgröße), solange die Punktgröße nicht zu niedrig ist. Ich denke, es ist ein bisschen so, als würde man den Rhythmus des Textes festlegen (obwohl ich jetzt versuche, diese Analogie in Worte zu fassen, merke ich, dass es wahrscheinlich nur in meinem Kopf Sinn macht ...)
Sie haben Recht. Und "Rhythmus des Textes" vermittelt das Konzept perfekt, finde ich. :)
Brillant! Um Ihren Beitrag zusammenzufassen, gibt es kein optimales festes Verhältnis von Zeilenhöhe / Schriftgröße, da dieses Verhältnis variieren sollte mit (in absteigender Reihenfolge der Wichtigkeit): 1. Linienbreite. 2. x-Höhe/Schriftgröße. 3. 1/Schriftgröße. 4. Schriftstärke.

Bearbeiten Ok, vielleicht war "kann nichts falsch machen" nicht die beste Wortwahl. Natürlich gibt es kein universelles Optimum, aber der Goldene Schnitt sieht in vielen Fällen wirklich gut aus. Schauen Sie sich diesen Phi-basierten Layout-Rechner an. http://www.pearsonified.com/typography/

Und hier ist ein großartiger Artikel, der die Argumentation des Programmierers erklärt http://www.pearsonified.com/2011/12/golden-ratio-typography.php


Mit dem Goldenen Schnitt kann man nichts falsch machen.

Zeilenhöhe = Texthöhe x 1,62

Tolle Frage übrigens.

Ich denke, das Problem mit dem Web und dem Goldenen Schnitt (und es kann je nach Textgröße ein mittelgroßes Problem sein) ist, dass der Goldene Schnitt etwas anders (und nicht so golden) ist, wenn Sie die Zahl runden müssen. .. und wird auf- oder abgerundet?
Ich glaube wirklich nicht, dass es wichtig ist. Der Goldene Schnitt kommt von der Fibonacci-Folge, 0,1,1,2,3,5,8,13,21... Je höher die Zahlen gehen, desto näher kommen aufeinanderfolgende Zahlen dazu, "golden" zu sein. Aber am Ende der Liste sind 1 und 2 nebeneinander. Alles im allgemeinen Bereich wird ziemlich gut geloopt. Sie können auch % verwenden, um Ihren Text zu skalieren (sowieso für das Web). In der Welt der Typografie wird tatsächlich viel vom Goldenen Schnitt Gebrauch gemacht. Menschen, die Schriftarten erstellen, neigen dazu, sehr mathematisch zu sein.
Sie können em auch verwenden, um Ihre Schriftarten zu skalieren. Im Web kann es bis zu 0,01em gehen, was 1/2 Pixel entspricht.
Diese Antwort ist kein guter Rat. Es widerspricht der jahrhundertealten typografischen Praxis. Kein Schriftsetzer würde für den gesamten Text ein festes Seitenverhältnis verwenden, und fast nie eines, das so groß wie phi ist.
Natürlich kann man mit dem Goldenen Schnitt falsch liegen. Es ist ein Verhältnis, das in der antiken monumentalen Architektur sinnvoll ist, aber nicht unbedingt für alles andere geeignet ist.
„Im Web kann es bis auf 0,01 em heruntergehen, was 1/2 Pixel entspricht.“ Ein em ist relativ zur Standardschriftgröße. Angenommen, die Standardgröße ist 16 Pixel, dann wäre 0,01 em 1/16 eines Pixels.
Diese Antwort ignoriert so ziemlich alle konventionellen Weisheiten und ist völlig willkürlich - sie spiegelt nicht die typografische Praxis wider und ist nicht wirklich eine gute Idee. Außerdem werden Faktoren wie das Design der Schriftart (wahrscheinlich der größte Faktor), der Kontext, die Schriftgröße, die Spaltenbreite und -ränder und andere nicht berücksichtigt.
Dieses Typografie-Phänomen des Goldenen Schnitts scheint keine solide typografische Grundlage zu haben und ist im Grunde ein Gimmick oder eine Modeerscheinung, die nur „geeky klingt, also muss es cool sein“. Dieser Artikel ist fast kultig in seiner Behauptung, dass der Goldene Schnitt all unsere typografischen Probleme lösen wird.
"Der goldene Schnitt kommt von der Fibonacci-Folge, 0,1,1,2,3,5,8,13,21". Nein, phi = a/b, wobei a:b = a+b:a. Eine Fibonnaci-Reihe tendiert für jedes Paar von Startwerten zu diesem Verhältnis.
@thomasrutter richtig, der Goldene Schnitt ist eine totale Modeerscheinung. In ein paar Jahren wird es wohl vergessen sein.
@e100 Genau, ersetze einfach dein "Nein" durch ein "Ja" und lerne deinen Kalkül.
@Julian Wenn Sie über Analysis diskutieren möchten, öffnen Sie bitte eine Frage auf math.stackexchange.com oder bringen Sie sie zum Chatten. Wenn Sie etwas zu unserer Seite über Grafikdesign beitragen möchten, verzichten Sie bitte auf Unhöflichkeit.