StarHTML Weiteres Webdesign
Webdesign
Einteilung von Internet-Seiten
Grob kann man Internetseiten in 2 Kategorien einteilen:
| Vorteile | Nachteile |
zwei-farbig |
- großer Informationsgehalt
- kurze Ladedauer
|
- eine (meist langweilige) Hintergrundfarbe
- farblos, auf Dauer langweilig
|
Viele bunte Bilder |
- ansprechende Gestaltung
- hauptsächlich Bilder
|
- lange Ladedauer
- kaum Text
- kaum Informationen
|
Was Sie verwenden sollten, ist der goldene Mittelweg. Dezenter Hintergrund, nur einige kleine Bilder.
Tips für gutes Webdesign
Text |
- möglichst einheitliche Schriftart und -größe für Text und Überschriften auf allen Seiten eines Projekts
- nur übliche, verbreitete Schriftarten: Arial/Helvetia, Courier, TimesNewRoman
- nicht zu kleinen Text, auf größeren Monitoren schlecht lesbar!
- keine durchgängigen GROSSBUCHSTABEN, erschwert das Lesen
- nicht zuviele verschiedene Schriftfarben und Formatierungen (fett, kursiv...)
- nicht normalen Text unterstreichen, irritiert
- wichtige Begriffe hervorheben (z.B. fett, aber sparsam!)
- Listen einsetzen, pro Liste aber nur 5-7 Einträge
- am Anfang längerer Texte: eine kurze hervorgehobene Zusammenfassung des Inhalts
- lange Texte: regelmäßig Absätze einfügen!
|
Verweise |
- ein bisschen auffallende Farben, an Textfarbe angelehnt
- im Haupttext wenig Verweise, eher in einer Anmerkung am Ende
- Farben für besuchte Seiten (vlink=) dezent
|
Hintergrund |
- keine Farbgegensätze (lila Hintergrund, gelbe Schrift...)
- passen Sie die Farbzusammenstellung dem Thema Ihrer Seite an!
(aber nicht auf jeder Seite einen neuen Hintergrund!)
- Hintergrundbilder mit möglichst wenigen Farben
- wenig Kontraste, weiche Farbübergänge
|
Bilder |
- nicht Text/Überschriften mit Bildern ersetzen!
- einheitliche Größen
- nicht zu bunt
- nicht zuviel Animationen
- größere Bilder nach links ausrichten (align=left)
- Schrift in Bildern möglichst mit verschwommenen Schatten auszeichnen
|
Tabellen |
- Inhalt ausrichten (bei großen Zellen wichtig!) (align=.../valign=...)
- Nicht zuviel in eine Tabelle packen: Erhöht Ladezeit!
- Breite festlegen (für andere Auflösungen!; width=...)
|
|