Aufbau eines Gestaltungsrasters für eine Zeitung auf dem iPad. Kalenderansicht und Kategorienansicht.

Auswahl von Schriften, die in dem Gestaltungsraster für das iPad eingesetzt werden.

Aufbau des Gestaltungsrasters für das iPad. Definition der Spalten, Zeilenabstände, Units, Bildformate, Schriften.

Definition der Bildschirmauflösung und Aufbau eines Gestaltungsrasters für ein User Interface in der Küche.

Definiton der Bildschirmbereiche eines User Interface in der Küche.

Aufbau eines Gestaltungsrasters für ein User Interface in der Küche.



Aufbau eines Gestaltungsrasters für eine iPod Software für die Olympischen Spiele.

Aufbau des Gestaltungsrasters für eine Sportsoftware. Definition der Spalten, des Grundlinienrasters, Text und Bildformate.



Definition der Bereiche für ein User Interface System für einen Geldautomaten.

Aufbau eines Gestaltungsrasters für ein User Interface System für einen Geldautomaten.

Definition der Bereiche und Aufbau eines Gestaltungsrasters für ein User Interface System für einen Geldautomaten.

Aufbau eines Gestaltungsrasters für ein User Interface System im Automobil.

Raster entwickeln


Bilder in Vollbild zeigen

Ein Raster ist ein Ordnungssystem. Es erlaubt Bild und Textelemente auf einer Fläche zu organisieren. Ein Raster sollte in gedruckten Medien, wie auch in digitalen Medien eingesetzt werden.

Weiterführende Informationen
Buch: Rastersysteme für die visuelle Gestaltung von Josef Müller-Brockmann
Buch: Typographie von Otl Aicher
Typolexikon – Gestaltungsraster
Rasterbild erstellen für Prototyping in Photoshop oder Hintergrundbild für HTML Seitenentwicklung
Sammlung Rastersysteme
Raster erzeugen mit 960 Layoutgrid
Sammlung Seiten mit einem Raster erstellt
ERCO Digital Manual mit Seitenraster
Buch: Designing for Small Screens
Photoshop Plugin für einfache Rastererstellung
Dynamische Rastersysteme (Responsive Design bzw. reaktionsfähiges Layout):
http://lessframework.com/
http://framelessgrid.com/
http://goldengridsystem.com/


Designaufgaben:


Schlagwörter:

Bildspiegel
Entwurf
Grundlinienraster
Layout
Rasterfelder
Register
Satzspiegel
Spalten
Zeilenabstand