Typografie und Webdesign – Lesbarkeit am Bildschirm

Überaus wichtig für die Lesbarkeit eines Textes sind Schriftgröße, Zeilenlänge und Zeilenabstand.  Texte am Bildschirm sollten außerdem nicht zu lang sein, da sie meist nur überflogen und nicht komplett gelesen werden.

Schriften, die vom „normalen“ Schriftbild abweichen, wie z.B. kursive, schmalfette und halbfette Schriften erschweren die Lesbarkeit von Texten. Dadurch wird der Inhalt eines Textes langsamer aufgenommen.

Bei Texten am Bildschirm sollten Sie zwischen längeren (informativen) Texten und Überschriften unterscheiden.

Da Überschriften kürzer sind und damit schneller aufgenommen werden, können Sie hier (schwer lesbare) Schmuckschriften verwenden. Bei längeren Texten sollten Sie auf Schmuckschriften auf jeden Fall verzichten.

Beachten Sie bei der Gestaltung am Bildschirm unbedingt folgende Punkte:

  • Die Schriftgröße am Monitor sollte nicht unter 12 pt liegen.
  • Typografie am Bildschirm sollte kräftiger gestaltet sein, als Typografie für Printmedien. Die meisten unter Windows vorhandenen Schriften sind ohnehin bereits für die Verwendung am Bildschirm optimiert.
  • Verwenden Sie bei geringer Schriftgröße am Bildschirm keine Schrift mit Serifen. Diese Schriften werden schnell unlesbar.
  • Zeilen sollten nicht länger als 40 bis 60 Buchstaben sein.
  • Um die Lesbarkeit zu erhöhen, sollten Sie einen Schrifttyp mit einzelnen Buchstaben wählen, die nicht verwechselt werden können.
  • Verwenden Sie linksbündigen Flattersatz, der ist am leichtesten lesbar. Wählen Sie keinesfalls Blocksatz.
  • Da Kursivschrift am Bildschirm schlecht erkennbar ist, sollten Sie diese nach Möglichkeit sehr sparsam einsetzen.
  • Text, der ausschließlich mit Versalien (Großbuchstaben) geschrieben wird, ist um ein Vielfaches schlechter lesbar als Text aus Groß- und Kleinbuchstaben.
  • Vermeiden Sie nach Möglichkeit weißen Text auf schwarzem Hintergrund, da dieser sehr schlecht lesbar ist.
  • Achten Sie bei der Schriftfarbe darauf, dass sie sich gut von der Hintergrundfarbe abhebt und der Text damit gut lesbar ist.

AGADUGU Marketing&Design, Marketing und Design für kleine Unternehmen, Freiberufler und Vereine

Tagged with: , , , ,
Veröffentlicht in Gestaltung, Typografie, Webdesign, Webseite, Website
One comment on “Typografie und Webdesign – Lesbarkeit am Bildschirm
  1. Webdesign sagt:

    Guter Beitrag. Auch wenn es sich hierbei um Kleinigkeiten handelt, sind diese Faktoren für die Usability etc. schon wichtig.

Schreibe einen Kommentar

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s

Statistik
  • 297,646 hits

Um neue Beiträge per E-Mail zu erhalten, hier die E-Mail-Adresse eingeben.

Schließe dich 182 Followern an

%d Bloggern gefällt das: