6) Bilder und Animationen
Animationen: sollen die Aufmerksamkeit erwecken.
GIF-Datei: Für Bilder ungeeignet da es nur 256 Farben gibt.
Für Logos, da die Kanten schärfer werden.
JPEG-Datei: Speichernàkomprimiert; Öffnenàdekomprimiert
Seite optimieren
PNG-Datei: Nachfolger von GIF, doch PNG konnte sich nicht durchsetzen.
Bildpunkte horizontal *Bildpunkte vertikal=Gesamtauflösung
CMYK-Farben = Druckerfarbe (Cyan, Magenta, Yellow, Key = Schwarz)
5) Navigationselemente
Sitemap: Übersicht über die Website
Piktogramme: Bilder die für etwas stehen, wie zB der Einkaufskorb im Webshop. Diese Bilder sind für den User einfacher, weil jeder die Bedeutung bestimmter Symbole kennt.
Metanavigation: hat nichts mit dem Inhalt der Seite zu tun, sonder man bekommt nur Infos über die Seite.
Gute Navigation: man soll sich leicht zurecht finden und immer wissen wo man gerade ist.
4) Farben
-
Komplementärfarben (stehen sich gegenüber)
-
Analogfarben (braun Töne)
-
Stimmungsauslöser
Kontrast: Verhältnis 2er Farben
LiebeàRot
Rot: hoch, warm
Liebe: hoch, warm
Vorlieben bei Farben auf Websites sind ebenfalls kontinental unterschiedlich (Europa konservativ; Asien grell)
Schriftzug ist in einer Zeitung anders als im Internet.
2) Seitengestaltung
Die Seite sollte leicht zu erreichen sein.
Die wichtigsten Bilder sollte man links oben platzieren, da wir von links oben nach rechts unten lesen.
Zum besseren lesen eines Textes sollte man unbedingt Weißräume lassen.
Seitenbreite: 750 x 400 PixelàNutzfläche
1024 x 768 PixelàBildschirmauflösung
980 x 570 PixelàNutzfläche
Umgekehrtes Pyramidenschema (Zusammenfassung, Informationen u Informationsverzweigung).
Gestaltungsraster: Spalten (nicht mehr als 3) und Zeilen, Layout.
1) Vorüberlegung und Planung einer Website
Homepage ist nur die Startseite einer Website
Hinter jeder Website steht ein HTML-Code
http:Hyperlink
html: Text, Bilder usw
1) Definitionsphase: Fragen zur Planung (Ziele, Zielgruppe, Gestaltung, Inhalt usw), Zweck der Website
2) Architekturphase: Skizze (bestehende Informationen)
3) Gestaltungsarbeit: (Farben usw)
4) Umsetzungsphase:
WYSIWYG-Editoren: What you see is what you get
