Typografie im Webdesign: Teil 2 – Grundregeln zur Lesbarkeit

Hier ein paar Grundregeln, um die Lesbarkeit deiner Webtexte zu verbessern. Um die Punkte besser verständlich zu machen, habe ich jeweils ein Beispiel von der Elmastudio-Webseite ausgesucht.

Scannbare Texte (scannable text)
Scannbarer Text

Scannable Text bedeutet, Webtexte werden viel mehr überflogen bzw. vom Auge »abgescannt«, als wie in einem Buch richtig gelesen. Einige Elemente um deine Webtexte für den Leser »Scannable« zu machen:

   – Deine Texte sollten nicht zu lang sein.
   – Zeilenabstände gliedern den Text.
   – Auflistungen lassen sich leicht lesen.
   – Schlüsselwörter kannst du durch Farbe, Fett oder Kursiv hervorheben.
   – Unterstrichene Wörter weisen auf Links hin.

Fokus-Elemente
Fokus Elemente

Um dein Weblayout interessanter zu gestalten, kannst du Elemente wie Buttons, Bilder, Grafiken oder Icons verwenden. So kannst wichtige Elemente betonen.

Weiße Flächen
Weiße Fächen

Weiße Flächen kannst du geschickt als Trennelemente einsetzen. Wichtig ist z.B. ein angenehmer Textrand, Abstände zwischen Überschrift und Text, und Zeilenabstände.

Benutzerfreundliche Überschriften
Benutzerfreundliche Überschriften

Überschriften sind mit die wichtigsten Elemente in der Typografie.
Sie sollen den Leser fesseln, und sollten daher nicht zu lang sein.

Beim Verhältnis der Überschrift zum Text, heißt es, das richtige Maß zu finden. Ist die Überschrift zu groß, schreckt das den Leser ab. Ist sie zu klein, findet sie nicht die gewünschte Beachtung.

Benutze Fotos und Grafiken
Grafiken und Fotos

Fotos und Grafiken sind abwechslungsreiche Elemente und lockern deine Texte auf.

Trennelemente
Trennelemente

Indem du Elemente wie Linien und farbige Hintergründe einsetzt, kannst du dein Layout besser strukturieren. So findet sich der Benutzer besser auf deiner Webseite zurecht.

Das sind natürlich nur die wichtigsten Elemente, um die Lesbarkeit deiner Webtexte zu verbessern. Falls du noch weitere Vorschläge, oder Beispiele hast, schreibe doch einfach einen Kommentar.

2 Kommentare zu “Typografie im Webdesign: Teil 2 – Grundregeln zur Lesbarkeit

  1. Kompliment! Da habt Ihr ja wirklich sehr hübsche Sachen gesammelt unter – Was Elma liebt-

  2. Vielen Dank, Mario :-) Da kommt auch immer wieder was Neues dazu, aber schau mal wieder rein!

Hinterlasse einen Kommentar zu Mario Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *