• Gestaltungsprinzip Raster
• Aufbau einer Seite
• Tables und Frames
• Gestaltung, Aufbau und Benutzung multimedialer Inhalte abhängig von Wahl des Formates (Seite oder Window)

ästhetische Ansprache durch

• Zusammenwirken Proportion/Grundfläche u. positionierter graf. und typograf. Elemente
• Verhältnis zw. benutzten u. unbenutzen Flächen

• Objekte innerhalb unseres Gesichtsfeldes als zusammengehörig betrachtet
• kulturell tradiert
• durch Sehgewohnheiten bedingt

• Ordnen von Daten (Schrift u. Bild)
• um Gesamtes ansprechend zu gestalten
• um im Detail leicht erfassbar zu machen
• zuerst Aufmerksamkeit des Rezipienten zu erwecken
• vom passiven Sehen zu Interpretieren/Bewerten von Informationen führen

Online-Leser sehen erst Headlines u. Subheadlines, dann erst Bilder u. Grafiken (Studie Stanford Univ)

• unübersichtliche Struktur - hoher kognitiver Aufwand für Benutzer
• gelungene Seitengestaltung wirkt entgegen
• Erstellung einer durchgängigen visuellen Hierarchie
• von Usability-Experten empfohlen

• als Werkzeug zum Ordnen von Elementen (Text u. Bild)
• Regelwerk zur Vorwegnahme grundsätzlicher formaler Entscheidungen
• kreative wie produktionstechnische Prozesse vereinfacht
• durchgängige Gestaltung gewährleistet
• 60er Jahre typografische Gestaltung (print) mittels Raster übertrieben
• Raster heute grundlegendes Instrument grafischer Gestaltung
• auch im Multimedia-Design -Frames u. Tables- grundlegend

• Rastersystem definiert Grösse u. Proportionen von Abb. durch Feldanzahl
• „Bilder entwickeln Eigenleben (Grösse, Proportion, innere Struktur)“ • „Abbildungen immer aufeinander wahrgenommen“
• optimaler Raster lässt immer genügend Positionierungen zu vereinfacht Gestaltungsprozess, ohne Freiheit einzuschränken

• Im Rastersystem wirken hin zum gemeinsamen Ganzen (Layout):
• Ausrichtung
• Zeilenabstand
• Schriftart
• Textstruktur und Überschriften
• Gruppierung und Abfolge von Text und Bild
• Weissraum für Gesamteindruck ausschlaggebende Rolle

Gestaltungsraster in

• Zeitungs-Produktion / zur Disposition von Inhalten
• MM-Designprozess / Ordnung, Klarheit und erleichtert Überblick

• gängige Programm-Werkzeuge folgen Prinzip des Rasters
• MM-Layout: neben Content (Bild u. Text) auch Interaktionszonen definiert

• Header / Kopfzeile
• Navigation
• Content
• Footer / Fusszeile

• transportiert Identität einer Website
• Position für Site-Suche

• Kernzone der Interaktion u. der Orientierung für Benutzer
• manchmal im Header horizontal od. Seiten-linksbündig vertikal

• Schrift, Bild, multimediale Inhalte

• Kleingedrucktes“ einer Website: Impressum, Rechtliches, Kontakt, etc.
• untergeordnete Funktionalitäten: Navigation zur nächsten Seite, Drucken des Inhalts, ...

• wesentliche Seiten-Bereiche auch in Folge-Seiten vorhanden
• Inkonsistenzen im vertikalen Navigationbereich durch
• Bereichs-Header: derzeitiger Website-Standort, imageträchtige Bildwelt,
• Layout: varible Navigation in Content kein Problem
• Aufbau und Raster gleichbleibend

• Web - flexibles Medium
• Variablen: Plattform, Bildschirmformat und –auflösung, Farbtiefe, Browser-Typ, Windowformat, verfügbare Schrift-Typen
• Design-Aufgabe schwierig: durchgängiges und ausgewogenes Erscheinungsbild
• Beispiele
  • Problematik geforderter individuellen Anpassbarkeit
  • zu kleine u. zu grosse Schriftgrösse bringt visuelles Gewicht ins Wanken - visuelle Konsistenz bleibt

• Tables
• Frames

• legen Raster einer Seite fest
• können ineinander verschachtelt werden
• definieren Seitenbereiche (ganze Seite, Spalte, Absatz)
• legen Zeilenlänge, Ränder und Spalten fest
• verknüpfen multimediale Materialien

• Parallele Darstellung verschiedener Inhalte auf einer (Web)Seite
• zur (verborgenen) Trennung unterschiedlicher medialer Materialien od. Funktionalitäts-Bereiche
• Unannehmlichkeiten (Bookmarking, Ladezeit und Browserkompatibilität)
• gestalterische Handhabung beschwerlich

[s] [s] [s] [s] [s]