1. Weiter mit Tasten   » Tab
  1. Zum Text   » Enter
  2. Zum Inhaltsverzeichnis   » Enter
  3. Zur Fußleiste   » Enter
  4. Noch einmal beginnen   » Enter

Ingo Pahl 4u

Webdesign aus Potsdam

pahl-4u | Der Buchstabe B wird durch eine Lupe vergrößert

  ⇓

Bildschirmtypografie - Typografie am Bildschirm

Schriftauswahl - Darstellung und Lesbarkeit von Schriften

Auf Pahl 4u finden Sie fiktive Fragen und Antworten, ohne Garantie auf Vollständigkeit oder Richtigkeit, zu unterschiedlichen Themengebieten aus dem Bereich der Mediengestaltung.
 

Was ist nötig um Typografie möglichst fehlerfrei auf Bildschirmen darzustellen?

Schriftzeichen müssen für die Verarbeitung durch den Computer digital codiert werden. Um diese richtig auslesen zu können wird, innerhalb des Quellcodes, der Zeichensatz per Meta-Tag festgelegt.

Westlich werden die Zeichensätze: ISO-8859-1, ISO-8859-15 verwendet. Diese Zeichensätze enthalten auch einige Sonderzeichen.

Eine weitere Möglichkeit ist die Verwendung von Unicode (utf-8). Dieser Zeichensatz umfasst 65.536 Zeichen und ist die am weitesten verbreitete Kodierung.

Warum werden Systemschriften verwendet?

Die typografische Darstellung von Webseiten ist auf Systemschriften beschränkt. Eine Schrift muss also auf dem jeweiligen Betriebssystem vorhanden sein damit der Browser diese darstellen kann. Für Webseiten wird deshalb immer Alternativen angeboten.

Zum Beispiel: 'Arial, Helvetica, sans-serif'. Sind die beiden ersten Schriften nicht vorhanden, zeigt der Browser eine serifenlose Schrift die auf dem System vorhanden ist an.

Es ist aber auch möglich Schriften zu verwenden die nicht auf jedem Betriebssystem vorhanden sind. Wird zum Beispiel bei Webseiten großer Firmen eine Hausschrift verwendet, so wird diese Schrift einfach an die erste Stelle gesetzt.

Beliebte Schriften, für die Darstellung von Webseiten auf dem Monitor, sind auch die so genannten "Web-Fonts".

Was bezeichnet man als Bitmap-Font?

Bitmap-Fonts sind digital erfasste Schriftarten. Sie sind das Abbild einer Schrift, die zur Darstellung auf dem Bildschirm genutzt wird. Die Buchstaben werden zu einem Zeichensatz zusammengefasst und liegen dann in einer festen Größe und Auflösung vor.

Worauf sollten Sie bei der Wahl des Zeilenabstands achten?

Wichtig ist es, einen guten Kontrast zwischen Textfarbe und Hintergrund zu erzeugen. Das Auge wird durch die Helligkeit des Bildschirms stark beansprucht, sehr starke Kontraste führen schnell zur Ermüdung.

Die Wahl des Zeilenabstandes ist für die Lesbarkeit eines Textes ein sehr wichtiges Kriterium. Ist der Weißraum zu gering oder zu groß, wird der Text schwer lesbar. Der normale Zeilenabstand beträgt ca. 120% der Schriftgröße.

Was können Sie über die Zeilenlänge bei der Darstellung am Bildschirm sagen?

Hier sollte darauf geachtet werden, die Zeilen nicht zu lang zu gestalten. Für die optimale Lesbarkeit sollte eine Zeilenlänge von 60 Zeichen nicht überschritten werden.

Welche Kriterien sind bei der Wahl der Schriftgröße zu bedenken?

12px, das entspricht 1.0em ist die Standardschriftgröße für die Ausgabe am Monitor. Die Schriftgröße in Pixel auszugeben ist jedoch veraltet, nicht Nutzerfreundlich oder für barrierefeies Webdesign zu verwenden.

Zu bevorzugen ist eine flexible Schriftgröße welche durch den User beliebig vergrößert werden kann. Für den Fließtext sollten Sie, je nach Zielgruppe, eine Schriftgröße von etwa 0.9em bis 1.0em verwenden.

Überschriften sind, ebenso wie im Druck, entsprechend größer zu gestalten. Für Serifenschriften sollte ein höherer Wert gewählt werden als für serifenlose Schriften.

Welche Faktoren beeinflussen den Lesefluss am Bildschirm?

• Schriftfarbe und Kontrastwirkung

• Zeilenabstand

• Schriftgröße

• Zeilenlänge

• Schriftart

Worauf sollten Sie bei der Wahl der Schriftart achten?

Serifenschriften eignen sich nur bedingt auf dem Bildschirm, als Fließtext verwendet, erschweren sie das Lesen. Die Serifen werden stark gerastert und vermitteln den Eindruck eines unsauberen Schriftbildes.

Serifenschriften werden daher eher für Überschriften verwendet da der Rastereffekt bei größeren Schriften nicht so stark zum Tragen kommt. Für den Fließtext sind Serifenlose Schriften (sans-serif) zu empfehlen. Diese sind sehr gut am Bildschirm lesbar.

Ist es nötig für einen kurzen Absatz die kursive Auszeichnung zu verwenden, sollte eine größere Schriftgröße als für den Rest des Fließtextes verwendet werden da durch die Schrägstellung die Schrift stark gerastert wird.

Was ist außerdem für eine gute Lesbarkeit zu beachten?

Konsistenter, transparenter klarer Aufbau. Gliederung des Inhalts durch:

» Zwischenüberschriften

» Auszeichnungen

» Überschriften

» Weißraum

» Linien

» Listen
 

º Kapitälchen oder pure Versalien nur für kurze Auszeichnung verwenden

º Rechtsbündiger Flattersatz ist für Fließtext die beste Wahl

º Nicht zu viele unterschiedliche Schriftgrößen verwenden

º Nicht mehr als drei Trennungen untereinander verwenden

º Nicht mehr als 2 Schriften verwenden

º Zentrierter Satz ist schlecht lesbar

º Lange kursive Textpassagen vermeiden

º Keine endlosen Sätze bilden
 

Unterstreichungen sind zu unterlassen da Hyperlinks oft unterstrichen werden und sonst eine falsche Erwartung geweckt wird.

Was sollten Sie bei der Auswahl der Schriftfarbe bedenken?

Wichtig ist es, einen guten Kontrast zwischen Textfarbe und Hintergrund zu erzeugen. Das Auge wird durch die Helligkeit des Bildschirms stark beansprucht und sehr starke Kontraste führen schnell zur Ermüdung.

Kontraste wie Schwarz/Weiß zu jeweils 100% verwendet oder eine Anwendung des Komplementärkontrastes, belasten die Augen zusätzlich.

Bei zu schwacher Kontrastwirkung ist das Auge kaum in der Lage die Unterschiede zu erkennen. Es gilt also ein vernünftiges Maß zu finden.

Eine gute Wirkung wird erzielt, wenn man zum Beispiel Farben mit deutlichen Helligkeitsunterschieden verwendet.
 

Digital und Print von A bis Z


 

  ⇑