Schriften und Zeichenhöhe im Interface Design


Die Zeichenhöhe und Schriftgröße auf dem Bildschirm

Bild: Flickr.com – Alpha six

Schriften sollten auf dem Bildschirm gut lesbar sein und auch in einer ordentlichen Größe dargestellt werden. Teilweise wird ohne Bedacht auf die Lesbarkeit gestaltet, was das ganze Interface unbrauchbar macht und damit unter Umständen wichtige Informationenverloren gehen. Außerdem ist je nach Sehabstand eine andere Schriftgröße nötig. Worauf ist bei der Schriftwahl zu achten?

Wenn Informationen auf Webseiten erfasst werden sollen, müssen Schrift und Zeichenhöhe stimmig sein. Die Schrift darf nicht schwammig wirken und gut lesbar sein – dazu eignen sich besonders serifenlose Schriften, auch Grotesk genannt. Serifenlose Schriften sind Schriften, die keine »Schnörkel« bzw. Verzierungen besitzen, um das mal so zu erklären. Groteske Schriften wären beispielsweise die Arial, Tahoma, Sans Serif, Helvetica oder die Verdana, vor allem letzteres, da diese extra für den Gebrauch am Bildschirm konzipiert wurde. Um auch ein Beispiel zu Serien-Schriften (Antiqua-Schriften) zu geben: Times New Roman wäre hier der klassische Vertreter. Solche Schriften können im Internet zwar eingesetzt werden, finden ihren Gebrauch jedoch größtenteils im Print-Bereich wie zum Beispiel auf Flyern oder Broschüren. Setzt aus diesem Grund lieber auf groteske Schriften – Ausnahmen gibt es in Headlines, wo die Schrift groß genug und somit auch lesbar ist.

Wie gerade am Ende angeschnitten, geht es aber nicht nur um die Schrift selbst, sondern auch vielmehr um die Zeichenhöhe bzw. Schriftgröße. Wenn es um ergonomische Lesbarkeit geht, sollte eine minimale Schrifthöhe keinesfalls unterschritten werden, selbst wenn sehr viele Informationen auf den Bildschirm untergebracht sind. Hierzu könnt ihr euch auchan der Informationsdichte orientieren! Wenn ihr euch aber stur an der Schrift orientieren möchtet, so müsst ihr darauf achten nur so viele Informationen auf einen Bildschirm zu unterbringen, sodass die empfohlene Zeichenhöhe eingehalten werden kann.

Um einen kleinen Indikator für die Schriftgröße zu haben, gibt es hier eine kleine Liste.

  • Sehabstand: 500 mm – empfohlene Zeichenhöhe 3,2 bis 4,5 mm
  • Sehabstand: 600 mm – empfohlene Zeichenhöhe 3,9 bis 5,5 mm
  • Sehabstand: 700 mm – empfohlene Zeichenhöhe 4,5 bis 6,4 mm
  • Sehabstand: 800 mm – empfohlene Zeichenhöhe 5,2 bis 7,3 mm

Aber: Regeln sind dazu da gebrochen zu werden! Natürlich kann es zu euren Gestaltungen Unterschiede geben. Dennoch solltet ihr darauf achten, nicht zu sehr abzuweichen, da diese Größe wirklich empfohlen wird und für ein Großteil der Menschen am Besten zu lesen ist.


wallpaper-1019588
[Manga] Jujutsu Kaisen [3]
wallpaper-1019588
BLUE LOCK – EPISODE NAGI: Deutscher Kinotermin bekannt
wallpaper-1019588
Code Geass: Rozé of the Recapture: Neuer Trailer veröffentlicht
wallpaper-1019588
Suicide Squad ISEKAI: Neuer Teaser veröffentlicht