«
Vademecum \ Screendesign \ Raster
Impressum
Raster
wahrnehmungsgerecht   

· Raster klar und konsistent
· Gestaltgesetze umsetzen
· Akzente zur Orientierung
· Konventionen im Web beachten
· Hypertextstrukturen offensichtlich

Mit Differenzierungen und Kontrasten
inhaltliche Strukturen visualisieren – z. B. mit:

· Head- und ggf. Sublines, Marginalien
· Bilder, farbige Flächen und Linien
· Einführungen, Absätze und Quickinfos
· Links und Schlüsselwörter
  …

mediengerecht   

Positionen           und

· entschiedene Anordnung ohne Irritationen
· klare und wiederholte Bündigkeiten
· Ausrichtung "oben links"
· randabfallende Bilder bevorzugen
· Sichtbarkeit im 2/3-Fenster

Proportionen

· mehrspaltige Raster
· Elemente kompakt angeordnet
· Navigation und wechselnde Inhalte deutlich
· unterschiedliche Bildschirmgrößen beachten
· Besonderheiten am Touchscreen

themengerecht   

Farben und Bilder um zu

· Orientieren,
· Strukturieren oder zu
· Motivieren

 

· keinerlei inhaltliche Irritationen
· konsequentes Bild-Text-Verhältnis