Webtypografie

aus Wikipedia, der freien Enzyklopädie

Webtypografie ist der Versuch, die für die Wiedergabe auf Papier in Jahrhunderten erarbeiteten typografischen Regeln auf Publikationen in elektronischen Medien – vor allem aber geeignet für das Internet – zu übertragen. Sie ist das Teilgebiet des Webdesign, das sich mit den Text-Anteilen beschäftigt. Ausgehend von den bekannteren Papier-orientierten Techniken werden die Unterschiede herausgearbeitet.

Unter Typografie für den Webtext wird die praktische Umsetzung der Webtypografie auf konkrete Gestaltungselemente beschrieben.

Inhaltsverzeichnis 1 Unterschiede zwischen Papier- und Web-Typografie 2 Gute Webtypografie 2.1 Häufige Irrtümer 3 Stilistische und ästhetische Aspekte 3.1 Layout 4 Siehe auch 5 Weblinks

[Bearbeiten] Unterschiede zwischen Papier- und Web-Typografie

Der wesentliche Unterschied zur Papier-Typografie ist:

• Internet-Dokumente sind dynamisch,
• Papier-Dokumente sind statisch.

Eine Publikation auf Papier wird einmalig gestaltet und ist dann unveränderlich. Bei der Reproduktion wird allenfalls aus einer farbigen Vorlage eine Schwarz-Weiß-Kopie, ansonsten liegen Layout, Schriftbild, Zeilenumbruch usw. vollständig in der Hand der Gestalter (früher: des Setzers).

Im Gegensatz dazu können Web-Autoren nur die Textinhalte verfügbar machen. Sie können mit Auszeichnungssprachen (praktisch durchgehend: HTML/XHTML) und „style sheets“ (beispielsweise CSS) Hinweise geben, wie ihr Text beim Empfänger dargestellt werden sollte. Ob dies aber tatsächlich geschieht, ob dies dem Empfänger überhaupt möglich ist, darauf haben Web-Autoren keinen Einfluss.

Beispiele für unterschiedliche Situation beim Empfänger:

• Bildschirmgröße (PDA), Auflösung
• Farbdarstellung möglich?
• Optische Darbietung oder akustisch („Hörbuch“, Sehbehinderung)
• Software – Einstellungen und Installationen (Browser: Anbieter XY Version 98.76 mit verfügbaren Schriftarten DEF, GHI und Zeichenvorrat JKL-56)

Das Konzept der PDF-Dokumente (in Normaldarstellung) nimmt eine Sonderstellung ein. Nach sachgerechter Erstellung wird auf elektronischem Weg ein statisches Dokument transportiert, bei dem alle Gestaltungsfragen (wie auch Silbentrennung, Schriftarten, Layout) unabhängig von den Gegebenheiten des Empfängers sind. Sie fallen daher nicht unter die Webtypografie.

[Bearbeiten] Gute Webtypografie

Einige Leitlinien für die Gestaltung sind:

• „Inhalt geht vor Form“
• Benutzerpräferenzen gehen vor Autorenwünsche, wenn nicht gerade die künstlerische Textgestaltung selbst das Wesentliche am Text ist
• Dynamische Anpassung an die Möglichkeiten des Benutzers
• Reduzierte Minimaldarstellung muss immer möglich sein; anspruchsvollere Darstellungen sind Optionen
• Längerfristig für viele Leser gültigen Textinhalt nicht auf die kurzlebige spezifische Version einer bestimmten Software ausrichten
• Kompromiss zwischen den Ansprüchen der Publizierenden und der momentan weit überwiegend eingesetzten Technik bei den Lesern; ggf. spätere automatische Reformatierung bei Verbreitung des technischen Fortschritts einplanen
• So wenige direkte Formatierungsanweisungen wie möglich, so viele wie nötig

[Bearbeiten] Häufige Irrtümer

Bei einer Publikation im Internet ist der Adressatenkreis weit und praktisch unbegrenzt; letztlich sind es alle Internetnutzer, die die gleiche Sprache verstehen.

Verbreitet ist der – aussichtslose – Versuch, bei all diesen Empfängern zu erzwingen, dass das Erscheinungsbild des Textes haargenau dem gleichen müsse, welches der Web-Autor bei der Erstellung sieht.

Schlimmer noch – dass der Text überhaupt erst dann lesbar und verständlich wird, wenn die Leser exakt die gleichen technischen Gegebenheiten herstellen, wie sie beim Web-Autor vorhanden waren.

Dazu werden komplizierte Browserweichen eingebaut, die eine Darstellung des Textes nur dann ermöglichen, wenn bestimmte Software-Versionen installiert sind, oder die für jede dem Publizierenden bisher bekannte Browser-Version eine spezifische Umformatierung vornehmen.

Oft fehlen Ersatzdarstellungen, die eine weniger anspruchsvolle Aufbereitung bei fehlenden Darstellungsmöglichkeiten auf der Empfängerseite sicherstellen.

Ein anderes Problem ist die fehlerhafte Verwendung von Zeichen. Jedes beim elektronischen Publizieren verwendete Zeichen hat eine numerische Kodierung, aus der international einheitlich (Unicode) die Bedeutung folgt bzw. Bedeutungen folgen. Diese Zeichenkodierung wird auf der Betrachterseite mittels der dort konfigurierten Schriftarten in ein optisches Muster überführt und auf dem Ausgabemedium (Bildschirm, ggf. Ausdruck) angezeigt.

Häufig werden von Web-Autoren Zeichen mit falscher Bedeutung (sogar bewusst falsch) eingesetzt, die auf dem System des Autors mit dort installierten Schriftarten einen gefälligeren Eindruck machten – in der Welt vieler Empfänger jedoch ganz anders aussehen und zu Verwirrung führen.

Abgesehen davon wird bei der automatisierten Interpretation digital kodierter Texte (beispielsweise durch Suchmaschinen, Sprachsynthese, Übersetzungsprogramme, Rechtschreibprüfung usw.) durch falsch eingesetzte Zeichenkodierungen die Verarbeitung zumindest erschwert.

[Bearbeiten] Stilistische und ästhetische Aspekte

Ziel der Webtypografie ist die Ordnung und Aufbereitung eines elektronisch dargestellten Textes (Bildschirm, Internet). Die Anforderungen an den Text und das Nutzungsverhalten der Leser unterscheiden sich zum Teil erheblich von dem klassischer Druckmedien (z.B. Buch, Zeitung).

Darstellung und Aufbereitung des Textes folgen daher teilweise eigenen Regeln.

• Leser durchsuchen das Internet nach Informationen und sind über Suchmaschinen oder Verweise von anderen Seiten zum aktuellen Text gelangt. Sie müssen am Anfang des Textes bereits sehen können, ob dieser Text für sie lesenswert sein könnte – andernfalls setzen sie die Suche an anderer Stelle fort.

Hauptüberschrift, Untertitel und Zusammenfassungen müssen deshalb den Inhalt des Textes prägnant beschreiben.

• Es ist nicht der Inhalt einer ganzen Papierseite auf einmal sichtbar, sondern nur der eines Bildschirmfensters, das auch längst nicht den gesamten Bildschirm ausfüllen muss.

Deshalb ist es bei für das Internet geschriebenen Texten wichtig, innerhalb eines kleinen Ausschnittes die wesentlichen Informationen zusammenhängend zu präsentieren.

Oft wird das Bild der „Karteikarte“ gebraucht, auf der der Inhalt einer Papierseite wiederzugeben ist.

Bevorzugt werden daher:

• Stichpunktlisten (bulleted lists)
• Hervorhebung von Schlüsselbegriffen
• kurze, knappe Absätze
• einfache Sprache
• Trichteraufbau

Dies kommt auch einem zunächst flüchtigen Leseverhalten entgegen. Geht ein ausführlicher Text dann weiter ins Detail, kann er sich auch stärker den herkömmlichen Stilrichtungen anpassen.

(Siehe auch Webtext)

• Die technischen Eigenschaften des Bildschirms sind andere als die von Papier.

So ist die Auflösung eine andere, das menschliche Auge wird anders beansprucht, und es ist ggf. eine andere Körperhaltung erforderlich.

Deshalb müssen typografische Gepflogenheiten, die für eine Zeitung oder ein Buch sehr sinnvoll sind, nicht zwingend die beste Lösung für einen größeren Text im Internet sein.

Am deutlichsten tritt das bei der Wahl der Schriftart hervor:

• Für die Bildschirmdarstellung gelten statische und geometrische Groteskschriften (ohne Serifen) als besser lesbar (siehe Bildschirmschrift).
• Das schließt nicht aus, dass besondere Texte auch besonders gestaltet werden: Die Internetpräsenz einer Kunstgalerie oder einer Werbeagentur kann besonderen Wert auf künstlerische Gestaltung legen, und die Corporate Identity eines Unternehmens kann individuelle Stilmittel erfordern.
• Je umfangreicher und informationsbetonter ein Text ist, desto mehr sollte aber auf die Ermüdung der Leser Rücksicht genommen werden.

• Hypertexte, interaktive Funktionen, Dynamik, Multimedia-Elemente eröffnen eigene Gestaltungswelten.

[Bearbeiten] Layout

Ein Teil der typografischen Gestaltungsanstrengungen zielt auf die ästhetische Gestaltung einer Papierseite, eine harmonische Verteilung von Text- und Grafikblöcken.

Da Format und Ausschnitt eines Bildschirmfensters aber nicht sinnvoll vorbestimmt werden können, sind diese Überlegungen nur auf sehr kleine Texte anwendbar, die nach Art eines Popup-Fensters fest formatiert in einem gesonderten Fenster mit vorher festgelegter Höhe und Breite dargestellt würden. Popup-Fenster sind jedoch sehr unbeliebt bei Lesern von Internet-Texten, würden wie Werbung ungelesen wieder weggeklickt oder werden ggf. von vornherein nicht zugelassen. Webtypografie muss eher versuchen, buchstäblich „im Rahmen“ der möglichen sinnvollen Fensterbreiten bei relativ beliebiger Fensterhöhe für jede Position des Fensterausschnitts über dem Text ansprechende Resultate zu erreichen.

Zu unterscheiden wären Seiten

• mit wenig Text, bei denen sich eine geringe Anzahl von Textelementen ansprechend verteilen lässt.

Beispielsweise eine „echte“ Homepage einer Domäne nach Art einer Visitenkarte, bei der eine aufwändigere Gestaltung sinnvoll ist.

• mit viel Text, bei denen eine gute Lesbarkeit im Vordergrund steht.

Ausgefeilte Vorgaben für das Erscheinungsbild können zu technischen Problemen führen und die Darstellung beim Leser eher stören.

[Bearbeiten] Siehe auch

• Typografie für den Webtext
• Typografie für digitale Texte
• Webdesign
• Webtext
• Barrierefreies Internet

[Bearbeiten] Weblinks

• Zehn wichtigste Fehler im Webdesign (englisch)