Die perfekte Zeilenlänge (Satzbreite) auf Webseiten
Die perfekte Satzbreite (auch als Zeilenlänge bekannt) hat einen großen Einfluss auf die Lesbarkeit von Texten. Eine zu lange Zeile kann es dem Leser erschweren, die nächste Zeile zu finden, während eine zu kurze Zeile den Lesefluss unterbricht. Es gibt keine „perfekte“ Zahl, die für jeden Kontext und jede Schriftart gilt, aber es gibt einige bewährte Richtlinien, die helfen, die ideale Satzbreite zu finden.
Empfehlungen zur Satzbreite:
- Wörter pro Zeile:
- 40–75 Zeichen (einschließlich Leerzeichen) pro Zeile wird oft als optimal angesehen.
- Ein Wert von 50–60 Zeichen ist ideal für den Fließtext, da dieser Bereich das Augenbewegungen unterstützt und den Lesefluss fördert.
- Wörter pro Zeile (geschätzt):
- Bei einer durchschnittlichen Schriftgröße von 16px und einer normalen Schriftart (z. B. Arial oder Times New Roman) befinden sich in einer optimalen Zeile etwa 10–15 Wörter.
- Das ergibt eine gute Balance, ohne dass der Text zu gedrängt oder zu weit auseinander liegt.
- Zeichen pro Zeile:
- 50–75 Zeichen pro Zeile (einschließlich Leerzeichen) ist eine häufig empfohlene Länge für gut lesbare Zeilen.
- Eine zu lange Zeile (z. B. mehr als 100 Zeichen) kann den Lesefluss erschweren, da der Leser Schwierigkeiten haben könnte, den Anfang der nächsten Zeile zu finden.
Warum diese Zahlen?
- Lesbarkeit: Eine Zeilenlänge, die zu lang ist, kann das Auge erschöpfen, da der Leser mehr Mühe aufwenden muss, um den Anfang der nächsten Zeile zu finden. Zu kurze Zeilen führen zu häufigen, unnötigen Pausen und unterbrechen den Lesefluss.
- Visuelle Ergonomie: Das menschliche Auge folgt natürlicherweise einer horizontalen Bewegung, und bei einer zu langen Zeile wird es schwieriger, die richtige Position zu finden. Zu kurze Zeilen lassen das Auge weniger effizient von Zeile zu Zeile springen.
- Kontextabhängigkeit: Die perfekte Satzbreite kann je nach Schriftart, Bildschirmgröße, Zeilenabstand und sogar kulturellen Vorlieben variieren. Bei einer großen Schriftart könnte es sinnvoll sein, weniger Zeichen pro Zeile zu verwenden.
Umsetzung im Webdesign
Im Webdesign wird die Satzbreite oft durch maximale Breiten (z. B. max-width
in CSS) und indirekte Kontrolle (z. B. durch Flexbox oder Grid) optimiert. Die Verwendung von responsive Design sorgt dafür, dass die Textbreite auf verschiedenen Geräten gut lesbar bleibt.
Beispiel für eine CSS-Umsetzung der optimalen Breite:
cssKopierenBearbeitenbody {
max-width: 70ch; /* ca. 70 Zeichen pro Zeile */
line-height: 1.5;
margin: 0 auto;
}
TL;DR
- 40–75 Zeichen pro Zeile sind optimal, wobei 50–60 Zeichen am besten sind.
- Achte darauf, die Zeilenlänge dynamisch an die Bildschirmgröße und das Layout anzupassen, um die Lesbarkeit auf mobilen Geräten und größeren Bildschirmen zu optimieren.
- Experimentiere mit unterschiedlichen Schriftarten und -größen, um den besten Wert für deine Zielgruppe und dein Design zu finden.