litfas.de/computertreff /sign Alle suchen im Internet - wir bringen Sie rein
Sie sind hier: LITFAS.DE > Sign > Gestaltung > Design

Text und Daten
Struktur macht lesbar

Viele Internet-Inhalte sind Texte. "Textwüsten" ohne Struktur schrecken ab und werden nicht gelesen. Also müssen Texte verständlich formuliert werden, in kleine überschaubare "Päckchen" gegliedert werden: Absätze mit Überschriften, gut lesbare Schriftart und Schriftgröße, Daten nicht als Fließtext, sondern tabellarisch.

Überschriften

Durchgängige Schrift-Gestaltung - abhängig von der Bedeutung der Texte - erleichtert die Orientierung. Auf dieser Webseite wird die Bedeutung der Überschriften durch Ausrichtung (links / zentriert / rechts), Größe, Farbe und Auszeichnung (fett, kursiv, unterstrichen) unterschieden. Beispiele:

Überschrift 1. Ordnung

Überschrift 2. Ordnung

Überschrift 3. Ordnung

Überschrift 4. Ordnung

Überschrift 5. Ordnung
Überschrift 6. Ordnung

Alles Übrige ist die "normale" Schrift für den Fließtext, wie dieser Absatz.

oben

Schrift-Formatierung

Auch der Fließtext kann formatiert werden, z.B.

  • normal halbe Größe doppelte Größe und weitere Größen
  • normal blau rot grün und weitere Farben
  • normal fett kursiv unterstrichen alles kombiniert
  • normal ungültiges lesbar durchgestrichen
  • normal farbiger Hintergrund betont wie ein Textmarker
  • und beliebig kombiniert

Auch die Schriftart (die Form der einzelnen Buchstaben) kann verändert werden. Hinweis: Wenn die vorgesehene Schriftart nicht auf dem Rechner des Lesers installiert ist, wird eine Standardschrift benutzt. Beispiele in etwas vergrößerter Schrift:

  • ABC abc 123 - Arial - Standard auf vielen Rechnern
  • ABC abc 123 - Verdana - etwas "eleganter"
  • ABC abc 123 - Courier - wie auf Schreibmaschinen
  • ABC abc 123 - Comic Sans - ähnlich wie Handschrift
oben

Absatz-Formatierung

Linksbündiger Flattersatz: An dieser Stelle steht ein Beispieltext für linksbündigen "Flattersatz": Die Zeilen sind nur zufällig gleich lang. Man hat beobachtet, dass das Auge sich bei dieser Darstellung am besten orientieren kann. Von dieser "vertrauten" Darstellung sollte man nur mit besonderer Begründung abweichen.

Blocksatz: An dieser Stelle steht ein Beispieltext für "Blocksatz": Die Zeilen sind bewusst gleich lang (gleichzeitig links- und rechtsbündig), der Ausgleich erfolgt durch unterschiedliche Abstände zwischen den Wörtern. Man hat beobachtet, dass das Auge sich bei dieser Darstellung weniger gut orientieren kann.

Rechtsbündiger Flattersatz: An dieser Stelle steht ein Beispieltext für rechtsbündigen "Flattersatz": Die Zeilen sind nur zufällig gleich lang. Die Form ist geeignet, den Leser "aus dem Tritt" zu bringen, um ihn auf etwas besonders hinzuweisen.

Zentrierter Flattersatz: An dieser Stelle steht ein Beispieltext für zentrierten "Flattersatz": Die Zeilen sind nur zufällig gleich lang. Diese eher "unruhige" Form ist nur für kurze Texte oder Überschriften geeignet, um den Leser auf etwas besonders hinzuweisen.

Aufzählungen sind gut geeignet, um "Textwüsten" zu strukturieren und verständlicher zu machen. Beispiel:

  • Erstens: Kurzer Text.
  • Zweitens: Der Text kann aber auch viel länger sein und über mehrere Zeilen gehen, er kann aber auch viel länger sein und noch länger und immer noch länger, ohne dass der beschriebene Punkt dadurch wichtiger aussehen soll als die anderen Punkte.
  • Drittens: Nochmal kurz.
oben

Tabellen-Gestaltung

Umfangreiche Daten sind oft in Listen oder Tabellen übersichtlicher darzustellen als im Fließtext. Auch Tabellen können mehr oder weniger gut lesbar und bedienbar sein. Ein Beispiel:

  • Farben können strukturieren und auflockern (hier: Titel hervorgehoben, unterschiedliche Farben nach Art).
  • Tabellen sollen so geteilt werden, dass auch bei großen Tabellen erkennbar ist, welche Überschriften zum gerade sichtbaren Tabelleninhalt gehören (hier: nach 15 Zeilen).
  • Ordnung, z.B. alphabetische Sortierung und Nummerierung (hier: letzte Spalte), erleichtern die Orientierung und die Verständigung.
  • Das gezielte Springen in eine lange Tabelle (hier: Alphabet) und an den Anfang der Tabelle (hier: Pfeil in der letzten Spalte) erleichtern die Navigation.

Direkt zu:  A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Titel Untertitel Art oben
A Aktualität Die Zukunft beginnt heute Beispiel 1
B Begriffe die Ihnen immer wieder begegnen Infos 2
Bildmaterial Kleine und große, stehende und bewegte Bilder Beispiel 3
D Design Der wichtige erste Eindruck Beispiel 4
Domain-Angebot Diese Domains können Sie kaufen Infos 5
F Fragen & Antworten Hier finden Sie Antworten auf Ihre Fragen Infos 6
K Kontakt-Infos Impressum, E-Mails, Standort Beispiel 7
M Mehrsprachig Für internationale Besucher Beispiel 8
N Namensabfrage Prüfen Sie, ob Ihr Wunschname noch frei ist Infos 9
Navigation, Suche, Links Logisch, übersichtlich, klar Beispiel 10
P PDF-Drucksachen Flyer und mehr zum Download Beispiel 11
Presseberichte Wie die Presse Sie sieht Beispiel 12
Q Qualität Kann eine Web-Seite ihre Besucher erreichen? Infos 13
S Schlüsselfertig Rundum sorglos aus einer Hand Infos 14
Statistik Um die Besuche zu analysieren Infos 15
Titel Untertitel Art oben
T Text und Daten Struktur macht lesbar Beispiel 16
w webAngebote Ihr Rundum-Sorglos-Paket Infos 17
Z Zum Schluss Name und Leistungen und Preise sind gut Infos 18
B Besondere Angebote Designed by LITFAS.DE/sign Beispiel 19
oben

Infos und Beispiele

Aktualität
Die Zukunft beginnt heute..>
Begriffe
die Ihnen immer wieder bege..>
Bildmaterial
Kleine und große, stehende..>
Design
Der wichtige erste Eindruck..>
Domain-Angebot
Diese Domains können Sie ka..>
Fragen & Antworten
Hier finden Sie Antworten a..>
Kontakt-Infos
Impressum, E-Mails, Standor..>
Mehrsprachig
Für internationale Besucher..>
Namensabfrage
Prüfen Sie, ob Ihr Wunschna..>
Navigation, Suche, Links
Logisch, übersichtlich, kla..>
PDF-Drucksachen
Flyer und mehr zum Download..>
Presseberichte
Wie die Presse Sie sieht
Qualität
Kann eine Web-Seite ihre Be..>
Schlüsselfertig
Rundum sorglos aus einer Ha..>
Statistik
Um die Besuche zu analysier..>
Text und Daten
Struktur macht lesbar
webAngebote
Ihr Rundum-Sorglos-Paket
Zum Schluss
Name und Leistungen und Pre..>
Besondere Angebote
Designed by LITFAS.DE/sign..>
Sortierung: alphabetisch
Die Farben bedeuten:
  Infos
  Beispiele

oben


Statistik: Seit 886 Tagen | 123908 User | 620154 Views | Ø 700 Views/Tag | Ø 5 Views/User | 6 online

© 2012 litfas.de oder sign.litfas.de haftet nicht für Inhalte externer Seiten. [Gestaltung: LITFAS.DE/sign]

Stichworte für Suchmaschinen: Absatzformat | bündig | linksbündig | rechtsbündig | Blocksatz | Flattersatz | zentriert | Aufzählung | Schriftart | Schrifttyp | Schriftgröße | Schriftgrad | Schriftauszeichnung | Auszeichnung | fett | unterstrichen | kursiv | Überschriften | Schrift-Formatierung | Absatz-Formatierung | Tabellen-Gestaltung |