Making and Breaking the Grid

1. Raster: Ordnung im Chaos

Ein Raster ermöglicht es Designern, große Informationsmengen schneller zu strukturieren, da viele gestalterische Überlegungen bereits beim Aufbau des Rasters zu Beginn eines Projekts berücksichtigt werden.

Systematische Ordnung. Raster bringen eine systematische Ordnung in Layouts, unterscheiden verschiedene Informationsarten und sorgen für ein harmonisches Zusammenspiel der visuellen Elemente. Sie schaffen Harmonie durch räumliche Proportionen und eine logische Anordnung. Dieser systematische Ansatz erlaubt es Designern, Informationen zügig zu strukturieren und viele gestalterische Aspekte von Anfang an zu berücksichtigen.

Klarheit, Effizienz und Kontinuität. Die Vorteile der Arbeit mit einem Raster sind klar: Es schafft Übersichtlichkeit, Effizienz und Kontinuität. Ein Raster bietet einen Rahmen zur Organisation visueller Elemente, wodurch Betrachter die präsentierten Informationen leichter erfassen und verstehen können. Zudem ermöglicht es mehreren Personen, an einem Projekt zu arbeiten, ohne die visuelle Einheitlichkeit zu gefährden.

Problemlösung. Jede Designarbeit ist zugleich eine Herausforderung auf visueller und organisatorischer Ebene. Ein Raster ist ein Werkzeug, das Bilder, Symbole, Texte, Überschriften und tabellarische Daten zu einer Gesamtaussage verbindet. Es hilft Designern, durchdachte, nützliche und bedeutungsvolle Erlebnisse für ihr Publikum zu schaffen.

2. Die Geschichte des Rasters: Spiegel gesellschaftlicher Wandlungen

Strukturelles Denken war schon vor seiner jüngsten Ausformung durch den europäischen und amerikanischen Modernismus ein Kennzeichen von Kulturen auf dem Weg zur Zivilisation.

Technologische und gesellschaftliche Veränderungen. Die Entwicklung des Rasters in den letzten 150 Jahren fällt zusammen mit tiefgreifenden technologischen und sozialen Umbrüchen in der westlichen Welt. Die Industrielle Revolution, die Massenproduktion und der steigende Informationsbedarf prägten die Evolution des Rasters im Grafikdesign maßgeblich.

Arts-and-Crafts-Bewegung. Die englische Arts-and-Crafts-Bewegung unter William Morris reagierte auf den ästhetischen Qualitätsverlust durch Massenproduktion. Morris setzte sich für Zweckmäßigkeit, inspirierende Formgebung und hochwertige Verarbeitung ein – auch bei industrieller Fertigung. Diese Bewegung legte den Grundstein für den Modernismus.

Bauhaus und Konstruktivismus. Bauhaus und Konstruktivismus entwickelten das Raster weiter als Instrument zur Schaffung von Ordnung und Einheit im Design. Designer wie El Lissitzky und László Moholy-Nagy experimentierten mit geometrischen Kompositionen und serifenlosen Schriften und erweiterten die Grenzen rasterbasierter Gestaltung. Diese Bewegungen wollten eine neue visuelle Sprache schaffen, die den Zeitgeist widerspiegelt.

3. Die Anatomie des Rasters: Die Bausteine verstehen

Jedes Raster besteht aus denselben Grundelementen, egal wie komplex es wird.

Format und Ränder. Das Format bestimmt die Gesamtgröße und -form der Seite oder des Bildschirms, während die Ränder die negativen Räume zwischen Formatkante und Inhalt definieren. Sie legen den Bereich fest, in dem Texte und Bilder angeordnet werden.

Spalten und Zwischenräume. Spalten sind vertikale Textausrichtungen, die horizontale Unterteilungen zwischen den Außenrändern schaffen. Jede Spalte wird durch einen Zwischenraum, den sogenannten „Gutter“, von den Nachbarspalten getrennt.

Flusslinien und Reihen. Flusslinien sind horizontale Ausrichtungen, die den Raum in Bänder gliedern und den Blick über das Format führen. Reihen entstehen durch mehrere Flusslinien in regelmäßigen Abständen, die die vertikalen Spalten kreuzen und den Raum weiter unterteilen.

4. Das Raster brechen: Ein historisches Gebot

Die Gesellschaft muss lernen, mit der Feinheit, Komplexität und Widersprüchlichkeit des modernen Lebens umzugehen.

Reaktion auf den Rationalismus. Mit der Etablierung des Internationalen Stils begannen einige Designer, die strikte Rasterbindung zu hinterfragen. Sie suchten nach Freiheit jenseits rationaler Zwänge und erkundeten expressivere, intuitivere Gestaltungsansätze.

Einfluss von Dada und Surrealismus. Bewegungen wie Dada und Surrealismus, die das Unterbewusste und Absurde erforschten, inspirierten Designer zu experimentellen, unstrukturierten Gestaltungsweisen. Sie stellten etablierte Denkweisen infrage und setzten auf Zufall und Spontaneität.

Der Aufstieg der Dekonstruktion. Der Begriff „Dekonstruktion“ beschreibt das Aufbrechen vorgefasster Strukturen, um neue Entdeckungswege zu eröffnen. Designer wie Wolfgang Weingart und April Greiman dekonstruierten das Raster und schufen dynamische, unkonventionelle Layouts.

5. Jenseits der Orthogonalität: Alternative Strukturen entstehen

Komplexität und Verständlichkeit sind im Grafikdesign gleichermaßen möglich und notwendig.

Geometrische und organische Strukturen. Über die orthogonale Logik des Rasters hinaus können Designer alternative Strukturen erforschen, die aus der Natur, Mathematik oder formalen Beziehungen stammen. Diese können geometrisch sein, wie Kristalle und Moleküle, oder organisch, wie Baumzweige und Galaxienspiralen.

Symmetrie und Asymmetrie. Symmetrie vermittelt durch ausgewogene, harmonische Anordnungen Klassik und Autorität. Asymmetrie hingegen verleiht eine moderne, ungezwungene Wirkung.

Fraktale Struktur. Das Design einer Spendertafel für ein Wissenschaftszentrum basiert auf fraktaler Struktur – einem natürlichen Phänomen und mathematischen Konzept, das komplexe, unendliche Muster mit Selbstähnlichkeit auf allen Skalen zeigt.

6. Intuition und Zufall: Das Ungeplante annehmen

Das Rastersystem ist eine Hilfe, aber keine Garantie.

Spontane Komposition. Als Gegenpol zur Struktur können spontane Herangehensweisen für die jeweilige Aufgabe relevanter sein. Designer arbeiten intuitiv und lassen formale Instinkte die rationale Planung überlagern.

Zufallsoperationen. Befreiend sind auch Strategien, die auf Zufall basieren, ebenso wie solche, die ihre visuellen Arrangements aus metaphorischen Aspekten des visuellen Erzählens ableiten.

Visuelle Beziehungen. Dieser Ansatz beginnt schnell und locker: Der Designer arbeitet mit dem Material wie ein Maler, trifft rasche Entscheidungen beim Zusammenfügen und erkennt erste Beziehungen. Wenn die optischen Qualitäten der Elemente interagieren, kann er gezielt Anpassungen vornehmen, um die Wirkung zu verstärken oder abzuschwächen – stets im Sinne der Kommunikation.

7. Praktikabilität im Unpraktischen: Innovation ausbalancieren

Das Raster ist wie ein Löwe im Käfig, und der Designer ist der Dompteur.

Herausforderungen meistern. Oft schreckt Designer die vermeintliche Schwierigkeit ab, unkonventionelle Layouts umzusetzen – sei es aus ästhetischer Unsicherheit oder praktischen Gründen wie schlechter Lesbarkeit.

Visuelle Kontinuität bewahren. Ende der 1970er Jahre wurde die Gestaltung von Unternehmenskommunikation im Raster zum Standard, um visuelle Einheitlichkeit zu gewährleisten. Agenturen wie Anspach Grossman Portugal in New York prägten diesen Ansatz mit Identitätsprogrammen für Citibank und andere Großkunden.

Das Internet. Das Internet hat sich als Medium erwiesen, das vom Rasterdenken profitiert, um die komplexe Navigation durch interaktive Informationen zu vereinfachen. Seit der Erstveröffentlichung dieses Buches ist die Rasteranwendung im UX-Design allgegenwärtig geworden.

8. Visuelles Erzählen: Struktur als Botschaft

Komplexität und Verständlichkeit sind im Grafikdesign gleichermaßen möglich und notwendig.

Struktur als Kommunikation. Struktur kann selbst eine Botschaft sein – Designer sollten bedenken, wie verschiedene Layoutkonventionen kulturell, historisch und assoziativ vom Publikum interpretiert werden.

Narrative Anspielungen. Manchmal verweist ein Raster mit bestimmten Proportionen oder Formen fast bildhaft auf andere Erfahrungen; manchmal ist sein Einfluss subtiler und vermittelt eine kompositorische Betonung, die eher unbewusst als intellektuell wahrgenommen wird.

Hierarchische Raster. Diese Raster orientieren sich an den Bedürfnissen der zu organisierenden Informationen, basieren jedoch mehr auf intuitiver Anordnung der Ausrichtungen, die an die Proportionen der Elemente angepasst sind, statt auf regelmäßigen Wiederholungen.

9. Systemdenken: Variation im Rahmen

Das typografische Raster ist ein Ordnungsprinzip im Grafikdesign, dessen Einfluss sowohl fest in der Praxis verankert als auch in der Designausbildung kontrovers diskutiert wird – verehrt und verachtet wegen der Absolutheit seiner Konzeption.

Balance zwischen Konformität und Freiheit. Das typografische Raster ist eine proportionale Richtlinie für Text, Tabellen, Bilder usw. Es ist ein formales Programm, das a priori für „x“ unbekannte Inhalte gilt. Die Herausforderung besteht darin, das Gleichgewicht zwischen maximaler Konformität und größtmöglicher Freiheit zu finden.

Das Unternehmensraster. Die Rasteranwendung dominierte das europäische und amerikanische Design ab den 1960er Jahren. Es war ein besonders effektives Mittel, Kommunikationsprogramme für große Organisationen, Events oder Unternehmen zu orchestrieren.

Das Internet. Das Internet hat sich als Medium erwiesen, das vom Rasterdenken profitiert, um die komplexe Navigation durch interaktive Informationen zu vereinfachen. Seit der Erstveröffentlichung dieses Buches ist die Rasteranwendung im UX-Design allgegenwärtig geworden.

Zuletzt aktualisiert: May 10, 2025