Erst vor Kurzem haben wir uns den Faustregeln der Typografie gewidmet. Doch was auf dem Papier meist super funktioniert, sieht im Web-Bereich gleich ganz anders aus. Die richtige Schrift beeinflusst hier vor allem die Funktionalität und Nutzbarkeit des gutes Designs und wird leider oft unterschätzt. Deshalb möchten wir Euch einen kleinen Überblick verschaffen, wie die Typografie bestmöglichst im Internet eingesetzt wird.
Unsere Faustregeln fürs Web:
# AUSWAHL DES SCHRIFTTYPS
- Die Frage welcher Schrifttyp bevorzugt werden sollte, ist und bleibt wohl umstritten und liegt im Auge des Betrachters. Serifen- und serifenlose Schriften sind beinahe gleich populär. Die mit Abstand beliebtesten Webschriften sind Times, Times New Roman, Georgia, Helvetica und Arial. Aufgrund der hohen Nutzung wirken diese Schriften allerdings oft langweilig. Wir empfehlen die sichere Seite: serifenlose Schriften, da sie meist besser lesbar sind.
Unser Tipp: Bei Google Webfonts z.B. kann – abseits der gewohnten Schriftarten – eine individuelle Schrift ausgewählt werden. Diese verleiht einem Webprojekt einen persönlicheren Touch.
# AUSWAHL DER SCHRIFTART
Bei der Auswahl einer individuellen Schrift sollte folgendes berücksichtigt werden:
- eine klare Schrift mit wenig Schnörkel, gewährleistet die Lesbarkeit
- auf möglichst zwei Schriftarten beschränken
- besonders ausgefallene Schriften sollten sparsam eingesetzt werden.
# AUSWAHL DER SCHRIFTGRÖSSE
Die Meinungen zur optimalen Lesegröße im Web gehen ebenso auseinander. Hier die beliebtesten Größen der letzten Jahre:
- Fließtext: mind. 14 px – im Zweifelsfall lieber etwas größer
- Überschriften: ab 15px. Der aktuelle Trend startet bei 20 Pixel und endet bei imponierenden 212 Pixeln.
# AUSWAHL DER SATZART
- Textausrichtung: Unsere Empfehlung – der Flattersatz. Durch die verschiedenen Ausgabegeräte und Browser werden Schriften meist sehr unterschiedlich dargestellt – daher raten wir von Blocksatz z.B. ab
- Zeilenlänge: etwa 60 bis maximal 90 Zeichen pro Zeile.
# AUSWAHL DES ZEILENABSTANDS
- Merke: „Je länger die Zeile, desto größer der Zeilenabstand“ und „je höher der Zeilenabstand, desto besser die Lesbarkeit“.
#AUSWAHL DER AUSZEICHUNGEN
- Fett, kursiv, unterstrichen, Farbe, GROSSBUCHSTABEN und vieles mehr können solch eine Auszeichnung darstellen.
Unser Tipp: Weniger ist mehr! Zudem sollten Unterstreichungen, soweit sie nicht als Link zum Einsatz kommen, vermieden werden.
Mit ein paar Einstellungen & Regeln kommt man einer benutzerfreundlichen und funktionalen Webseite schon sehr nahe. Wenn wir Sie in diesem Bereich unterstützen können, freuen wir uns auf Ihren Anruf oder Ihre E-Mail.
Nochmal nachlesen?
- Beitrag 1 in dieser Reihe: Texte – Typografie
- Unser 2. Beitrag: Faustregeln der Typografie