Typographie im Web: Unterschied zwischen den Versionen
SSeitz (Diskussion | Beiträge) |
|||
| (63 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| − | + | '''Wie wird [[Schrift|Schrift]] als Gestaltungsmittel im Web richtig angewendet?''' | |
| + | Bei den Schriftarten sollte ein einheitliches, klares Schriftbild betont werden, dazu trägt unter anderem bei, dass die beiden Schrifttypen [http://de.wikipedia.org/wiki/Serif serif] und [http://de.wikipedia.org/wiki/Sans_Serif sans-serif] nicht gemischt werden. | ||
| + | {| border="0" cellspacing="0" cellpadding="10" style="border-collapse:collapse;" align="center" width="100%" | ||
| + | |[[Bild:Serif.gif|framed|right|Serife Schriftart]] | ||
| + | |[[Bild:Sans-serif.gif|framed|left|Nicht-serife Schriftart]] | ||
| + | |} | ||
| + | Man sollte beachten, dass die Stile fett, kursiv und unterstrichen im Dokument nur sparsam verwendet werden, denn sie können sonst leicht mit anderen Funktionen im Dokument verwechselt werden. (Ein unterstrichenes Wort könnte leicht als ein [[Link]] fehlinterpretiert werden.) | ||
| − | == | + | Außerdem gilt es, das Anti-Aliasing der Schrift anzuwenden, die Schrift wirkt damit glatter. Der Treppeneffekt, der sonst durch die Pixelauflösung der Schrift entsteht, wird durch ein leichtes Verschwimmen gemindert. |
| + | {| border="0" cellspacing="0" cellpadding="10" style="border-collapse:collapse;" align="center" width="100%" | ||
| + | |[[Bild:Alias.gif|framed|right|Aliasing: Schriftart mit Treppeneffekt]] | ||
| + | |[[Bild:Anti-alias.gif|framed|left|Anti-Aliasing: Glattere Schriftart ohne Treppeneffekt]] | ||
| + | |} | ||
| − | + | ---- | |
| − | + | Zurück zum übergeordneten Thema [[Webdesign]] | |
| − | + | Für ausführlichere Informationen zum Thema Typographie, besuchen Sie bitte die folgende Ausarbeitung des Themas [[Typographie]] | |
| − | |||
| − | |||
| − | + | [[category:Interaktion und Kommunikation]] | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Aktuelle Version vom 15. Juli 2009, 10:09 Uhr
Wie wird Schrift als Gestaltungsmittel im Web richtig angewendet?
Bei den Schriftarten sollte ein einheitliches, klares Schriftbild betont werden, dazu trägt unter anderem bei, dass die beiden Schrifttypen serif und sans-serif nicht gemischt werden.
 Serife Schriftart |
 Nicht-serife Schriftart |
Man sollte beachten, dass die Stile fett, kursiv und unterstrichen im Dokument nur sparsam verwendet werden, denn sie können sonst leicht mit anderen Funktionen im Dokument verwechselt werden. (Ein unterstrichenes Wort könnte leicht als ein Link fehlinterpretiert werden.)
Außerdem gilt es, das Anti-Aliasing der Schrift anzuwenden, die Schrift wirkt damit glatter. Der Treppeneffekt, der sonst durch die Pixelauflösung der Schrift entsteht, wird durch ein leichtes Verschwimmen gemindert.
 Aliasing: Schriftart mit Treppeneffekt |
 Anti-Aliasing: Glattere Schriftart ohne Treppeneffekt |
Zurück zum übergeordneten Thema Webdesign
Für ausführlichere Informationen zum Thema Typographie, besuchen Sie bitte die folgende Ausarbeitung des Themas Typographie
