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


24

Gibt es eine Vereinbarung über das optimale mathematische Verhältnis von Zeilenhöhe und Textgröße? Und wenn ja, ist es für Print und Web dasselbe?


Beachten Sie auch: Die Größe einer digitalen Schriftart ist fiktiv, da der Schriftdesigner eine in der Schriftart definierte Höhe von 1em hat, den Glyphenkörper jedoch an einer beliebigen Stelle und in einer beliebigen Größe platzieren kann. Dies bedeutet, dass ein "H" 75% des 1em oder 50% oder 5% des 1em oder 50% des 1em oder 5% des 1em oder 50% des 1em oder 50% des 1em oder 50% des 1em abdecken kann. Dies würde zu einer unterschiedlichen Zeilenhöhe führen, die von Schriftart zu Schriftart auch bei Null führt. Da es nur Konventionen, aber keine Standards gibt, hat jede Schriftart eine eigene Höhe im Quadrat, unabhängig davon, welche führenden Elemente später in der Bearbeitungssoftware hinzugefügt wurden.
Kontur

Antworten:


19

Kurze Antwort: "Nein."

Lange Antwort: Bei der Entscheidung über den Zeilenabstand (heutzutage 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 Linie), das Gewicht von die Striche der Zeichen selbst und die Größe des Typs. In dieser Antwort werde ich der Einfachheit halber "führende" und "Linienhöhe" austauschbar verwenden.

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

Je breiter das Maß im Allgemeinen ist, desto offener muss die Linienhöhe sein, um die Lesbarkeit zu gewährleisten. Wenn Ihr Takt länger als etwa 70 Zeichen Ihrer 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 niemals die gleiche wie die Punktgröße, die in den Tagen des Metalltyps als Gesamtmaß von der Unterseite des untersten Abstiegs (z. B. dem Ende des Kleinbuchstabens "y") bis zur Oberseite herangezogen wurde des höchsten Aufsteigers (z. B. der vertikale Strich des Kleinbuchstabens "h"). Die Höhe des Kleinbuchstabens "x", von dem "x-height" abgeleitet ist, kann im Verhältnis zur Punktgröße hoch (Arial) oder sehr kurz (Bernhard Modern) sein. Geben Sie set ein, damit die Linienhöhe mit der Punktgröße übereinstimmt, und "set solid" - kein zusätzlicher Abstand zwischen den Linien. Arial oder Helvetica sehen furchtbar solide aus. Bernhard Modern nicht.

Um die Lesbarkeit zu gewährleisten, benötigen Schriften mit einer großen x-Höhe in Bezug auf die Höhe der Kappe und des Aufsteigers (z. B. Century Schoolbook oder Helvetica) im Verhältnis zur Punktgröße mehr Zeilenhöhe als Garamond oder Futura, die kleinere x-Höhen haben.

Ohne Serifen sind die Striche im Verhältnis zu ihrer Größe viel dicker als bei Serifenschriften. Wenn Sie sie zu eng einstellen (geringe Zeilenhöhe), sehen Absätze und Seiten sehr schwer und dunkel aus und sind möglicherweise sehr schwer zu lesen. Durch das Öffnen des Zeilenabstandes und manchmal des Zeichenabstandes wird das Erscheinungsbild des Texts erheblich verbessert. Ein Serifengesicht mit einer relativ kleinen x-Höhe wie Garamond kann mit einer viel geringeren Linienhöhe eingestellt werden.

All diese Überlegungen werden dadurch geändert, wie der Designer die Seite aussehen lassen möchte. Einige Themen werden durch einen luftigeren Seitenauftritt (z. B. romantische Gedichte, Einhorngeschichten) unterstrichen, der eine filigrane Schrift und eine offene Führung erfordert. Andere brauchen mehr Autorität (etwa 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 nichts damit zu tun. Aussehen tut.

Im Gegensatz zu dem, was Sie vielleicht denken, erfordert großer Text wie beispielsweise Überschriften einen engeren Zeilenabstand als Absatztext. Überschriften werden oft mit "negativem Zeilenabstand" gesetzt - die Zeilenhöhe ist geringer als die Punktgröße. Dies gilt insbesondere für Überschriften in allen Großbuchstaben, die immer einen reduzierten Zeilenabstand erfordern. (Aufgrund von Auf- und Abwärtspfeilen ist es üblich, dass mehrzeilige Überschriften in jeder Zeile einen unterschiedlichen Zeilenabstand aufweisen, um einen gleichmäßigen Zeilenabstand zu erzielen .) Umgekehrt benötigen kleine Größen, z. B. für Beschriftungen oder Fußnoten, mehr Zeilenabstände schwer zu lesen. Die Schrift sieht "lockerer" aus, wenn sie größer und "enger" wird, wenn sie kleiner wird. Dies erfordert Anpassungen der Buchstabenabstände unter 8 pt und über etwa 24 pt für die meisten Schriften.

Sie würden in die Irre gehen, wenn Sie versuchen würden, mit Phi (oder einem festen Verhältnis) die Linienhöhe zu berechnen, weil Sie nur zufällig Recht hätten.

Verwenden Sie für das Web mindestens in den nächsten Jahren Schriften, die für Geräte mit niedriger Auflösung entwickelt wurden, bis mäßig auflösende Bildschirme (250 - 400 ppi) alltäglich werden. Nicht alle "Web-Schriftarten" von Anbietern wie Google, Extensis oder Typekit können auf den meisten Bildschirmen in Textgrößen verwendet werden. Web-Text liest sich aufgrund des groben Punktrasters und der OS-Manipulationen, die Striche verwischen und Zeichenformen verzerren, in der Regel besser, wenn der Abstand etwas größer ist als auf einer gedruckten Seite.


Sehr kurzer Text mit wenigen Zeilen, wie z. B. schwebende Beschriftungen oder Anführungszeichen, profitiert manchmal auch von einem negativen Zeilenabstand (kleiner als die Punktgröße), solange die Punktgröße nicht zu niedrig ist. Ich betrachte es als ein bisschen wie das Festlegen des Rhythmus des Textes (obwohl ich jetzt versuche, diese Analogie in Worte zu
fassen, merke

Du hast recht. Und "Rhythmus des Textes" kommuniziert das Konzept meiner Meinung nach perfekt. :)
Alan Gilbertson

-4

Bearbeiten Ok, vielleicht war "Ich 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

Übrigens eine gute Frage.


1
Sie können auch em verwenden, um die Größe Ihrer Schriftarten zu ändern. Im Web kann es bis auf .01em heruntergehen, was 1/2 Pixel entspricht.
Julian

2
Diese Antwort ist kein guter Rat. Es widerspricht der jahrhundertelangen typografischen Praxis. Kein Schriftsetzer würde ein festes Verhältnis für den gesamten Text verwenden, und fast nie eines, das so groß ist wie phi.
Alan Gilbertson

2
Natürlich kann man mit dem goldenen Schnitt etwas falsch machen. Es ist ein Verhältnis, das in der alten monumentalen Architektur Sinn macht, aber nicht unbedingt für alles andere geeignet ist.
DA01

3
Diese Antwort ignoriert so gut wie jede konventionelle Weisheit und ist völlig willkürlich - sie spiegelt nicht die typografische Praxis wider und ist keine wirklich gute Idee. Faktoren wie das Design der Schriftart (wahrscheinlich der größte Faktor), der Kontext, die Schriftgröße, die Spaltenbreite und die Ränder und andere werden nicht berücksichtigt.
Thomasrutter

2
Dieses Phänomen der Typografie mit goldenem Schnitt scheint keine solide typografische Grundlage zu haben und ist im Grunde eine Spielerei oder Modeerscheinung, die nur "geeky klingt, also cool sein muss". Dieser Artikel ist beinahe kultisch, weil er darauf besteht, dass der Goldene Schnitt alle unsere typografischen Probleme lösen wird.
Thomasrutter
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.