„Objekte, die sich innerhalb unseres Gesichtsfeldes befinden, werden als zusammengehörig betrachtet und aufeinander bezogen, ausser man grenzt Teile davon bewusst aus.“ Dies gilt als wahrnehmungpsychologische Tatsache, die kulturell tradiert und durch Sehgewohnheiten bedingt ist.

Während in den 60er Jahren die typografische Gestaltung von Printprodukten mittels Raster mancherorts zum Dogma übertrieben wurde (etwa durch den schweizer Typografen Josef Müller-Brockmann), gilt das Raster heute als grundlegendes Instrument der grafischen Gestaltung und zählt letzlich auch im Design für Multimedia (als Gestaltung mittels Frames und Tables) zur Basis programmtechnischer Mittel.

Der typografische Raster unterteilt eine Grundfläche (das Format) in quadratische oder rechteckige Felder, die wiederum durch schmale Zwischenräume getrennt sind. Je gröber ein Rastersystem ist, um so geringer gestalten sich die Möglichkeiten bei der Dimensionierung und Proportionierung von Abbildungen. Fein gegliederte Rastersysteme hingegen ermöglichen differenziertere Abbildungsgrössen und präzisere Bildausschnitte

Durch die Anzahl seiner Felder bestimmt ein Rastersystem nicht nur die Grösse von Abbildungen, sondern auch deren Proportionen.

„Bilder entwickeln durch Grösse, Proportion und innere Struktur (Komposition, Dynamik und Ausschnitt) ein mehr oder weniger intensives Eigenleben. Abbildungen nimmt man jedoch nicht einzeln wahr, sondern immer aufeinander, auf den Text und auf die Grundfläche bezogen.“

Für den Einsatz von Bildern lässt ein optimaler Raster immer genügend Bildformate bzw. -anordnungen zu. Das Rastersystem dient dabei auch als proportionales Regulativ. Es kann den Gestaltungsprozess vereinfachen, ohne dass die gestalterische Freiheit wesentlich eingeschränkt wird.

Im Detail wirken innerhalb eines Rastersystems: die Ausrichtung, der Zeilenabstand und die Schriftart, dann Textstruktur und Überschriften und letztlich die Gruppierung und Abfolge von Text und Bild - zum gemeinsamen Ganzen und zum gesamten Layout. Der zwischen den Elementen sich befindliche Weissraum kann für den visuellen Gesamteindruck ausschlaggebende Rolle spielen und wird daher nicht selten ausdrücklich angepasst.

Für die Gestaltung im multimedialen Bereich folgen auch gängige Programm-Werkzeuge zur Erstellung von Anwendungen dem Prinzip des Rasters. Für Multimedia allerdings wesentlich ist die Tatsache, dass es beim Layout nicht einfach nur bei Inhalten (Content) – in Form von Bild und Text – bleibt. Vielmehr müssen ebenso unterschiedliche Zonen der Interaktion definiert und später durch den User differenziert werden.

Die Bereiche, die etwa im Aufbau einer durchschnittlichen Webpage unterschiedlichen Widmungen folgen und daher differenziert werden, können grob wie folgt definiert sein:

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

• transportiert in der Regel die Identität einer Website;
• auch auffällige Position für die Site-Suche

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

• Schrift, Bild, multimediale Inhalte

• oftmals Ort für das „Kleingedruckte“ einer Website: Impressum, Rechtliches, Kontakt, etc.
• auch für Funktionalitäten bzgl alles am Fusse eines Contents Relevanten: Navigation zur nächsten Seite oder Drucken des Inhalts

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

Deutlich erkennbar bleiben die wesentlichen Seiten-Bereiche auch in den Folge-Seiten der Website bestehen (sieht man von geringen Inkonsistenzen zum Home-Screen im vertikalen Navigationbereich durch Einführung einer detailreichen Kontakt-Zone ab). Ein Bereichs-Header verweist – unterstützt durch eine imageträchtige Bildwelt – jederzeit deutlich auf den derzeit befindlichen Website-Standort (Produkte&Services bzw. Support&Download). Selbst dass im Content-Bereich ein weiteres Navigations-Schema (Reiter-Navigation) eingeführt wird, bereitet dem durchgängigen Layout-Rahmen keine Probleme. Aufbau und Raster bleiben dieselben. (... wenn sich auch mit der Wahl des Namings die Begriffswelt dieses Computerriesen wohl an geschulte Kunden orientieren dürfte)

Das Web wurde als flexibles Medium entworfen. Eine Vielzahl von variablen Grössen wie Plattform, Bildschirmformat und –auflösung, Farbtiefe sowie Browser-Typ, Windowformat oder verfügbare Schrift-Typen lassen sich (fast naturgemäss) mit den fundamentalen Aufgaben von Design – eben ein durchgängiges und ausgewogenes Erscheinungsbild festzulegen und zu gewährleisten – manchmal schwierig auf einen Nenner bringen.

Für die Arbeit am Layout können im Design fürs Webpages HTML-Tables (Tabellen) und Frames eingesetzt werden.

Tables eignen sich gut, den eigentlichen Raster einer Seite festzulegen. Dabei können sie ineinander verschachtelt werden und mehr oder weniger grosse Seitenbereiche (ganze Seite, Spalte, Absatz) definieren. Mittels Tables können Zeilenlänge, Ränder und Spalten festgelegt oder etwa unterschiedliche multimediale Materialien verknüpft werden.

Frames erlauben die parallele Darstellung verschiedener Inhalte auf einer (Web)Seite. Sie können vor allem im Verborgenen zur Trennung unterschiedlicher medialer Materialien oder voneinander getrennter Funktionalitäts-Bereiche eingesetzt werden. Ihre in Designkreisen weitgehende Unbeliebtheit bezieht sich auf die mit ihnen oft verbundenen Unannehmlichkeiten (bzg. Bookmarking, Ladezeit und Browserkompatibilität) und ihre gestalterische Handhabung.

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