Visuelle Kommunikation

Visuelle Kommunikation

06 / Layout & Komposition

06 / LAYOUT & KOMPOSITION

|

Kernfrage

Wie führt ein Layout den Blick durch eine Botschaft?

Layout ordnet Bild, Schrift und Farbe auf der Fläche. Eine gute Komposition führt den Blick in der gewünschten Reihenfolge, gruppiert Zusammengehöriges und lässt Raum zum Atmen. So wird eine Botschaft schnell erfasst.

Lernziel: Du kannst die Blickführung eines Layouts planen, Weissraum und Raster gezielt einsetzen und zwischen ruhiger Balance und Spannung entscheiden.

Layout ist geplante Reihenfolge.

6.1 / Den Blick führen

Der Blick folgt Kontrasten.

Vier Mittel lenken den Blick durch ein Layout:

01

Blickfang

Das stärkste Element, meist Bild oder Titel, bildet den Einstieg.

02

Lesepfad

Wir lesen von oben links nach unten rechts; ein Layout kann das nutzen.

03

Gruppierung

Nahe beieinander liegende Elemente werden als zusammengehörig gelesen.

04

Kontrast

Unterschiede in Grösse, Farbe oder Form ziehen Aufmerksamkeit an.

Die Wahrnehmungsgrundlagen dazu, etwa die Gestaltgesetze, kennst du aus dem Kurs Designpsychologie. Im Layout setzt du sie ein, um die Blickführung zu planen: Einstieg, Weg und Ziel.

Plane Einstieg, Weg und Ziel.

6.2 / Weissraum und Raster

Leere Fläche ist aktive Fläche.

Weissraum ist jede freie Fläche, unabhängig von ihrer Farbe. Er trennt, gruppiert und gibt wichtigen Elementen Gewicht. Viel Weissraum wirkt ruhig und hochwertig, wenig Weissraum dicht und laut.

Ein Raster teilt die Fläche in Spalten, Zeilen und Ränder. Es sorgt für Ordnung, gemeinsame Kanten und Konsistenz über viele Formate. Josef Müller-Brockmann hat das Rasterdenken der Schweizer Grafik geprägt.

01

Weissraum

Freie Fläche lenkt den Blick auf das Wesentliche.

02

Raster

Spalten und Ränder schaffen Ordnung über alle Formate.

03

Ausrichtung

Gemeinsame Kanten verbinden Elemente und schaffen Ruhe.

Weissraum ist Gestaltung, nicht Rest.

6.3 / Balance und Spannung

Ruhe oder Dynamik ist eine Entscheidung.

Symmetrische Layouts wirken ruhig, stabil und feierlich. Asymmetrische Layouts erzeugen Spannung und Bewegung, brauchen aber ein Gegengewicht, damit sie nicht kippen. Ein grosses Bild kann von einem kleinen, kräftigen Textblock ausbalanciert werden.

Welche Wirkung passt, hängt von der Botschaft ab: Ein Konzertabend verträgt Dynamik, eine Gedenkfeier eher Ruhe. Entscheide bewusst und bleib dann konsequent.

Verhältnisse, Drittelregel und Goldener Schnitt: Proportionen & Goldener Schnitt →

Spannung braucht ein Gegengewicht.

Ausprobieren
Layout-Labor

Ordne Bild, Titel und Text in einer Mini-Vorschau an und stelle den Weissraum ein. Das Werkzeug zeigt die vermutete Blickreihenfolge und gibt Feedback.

1 / Anordnung

2 / Titelgrösse

3 / Ausrichtung

Licht­spiel

Open-Air-Kino · 10.–30. Juli · Aareufer Bern

Vermutete Blickreihenfolge

1 Bild →2 Titel →3 Text

OKKlarer Einstieg über das Bild, danach der Titel.

OKGrosszügiger Weissraum: ruhig, geordnet und hochwertig.

OKLinksbündig: eine klare Lesekante, asymmetrisch und mit mehr Spannung.

Die Reihenfolge ist eine Faustregel: Das grösste, kontrastreichste Element zieht den Blick zuerst an. Prüfe deine Layouts trotzdem mit echten Personen.

Übung

Ein Inhalt, drei Layouts

Aufgabe: Gestalte das Lichtspiel-Plakat in drei Layouts mit identischem Inhalt.

SCHRITT 1

Lege ein Raster mit Rändern und mindestens vier Spalten an.

SCHRITT 2

Gestalte eine symmetrische, eine asymmetrische und eine Variante mit viel Weissraum.

SCHRITT 3

Zeichne auf jedem Ausdruck den geplanten Blickverlauf ein.

SCHRITT 4

Lass zwei Personen sagen, was sie zuerst und was sie zuletzt sehen.

Auswertung: Stimmt der beobachtete Blickverlauf mit deiner Planung überein? Welche Variante passt am besten zur Botschaft?

© 2026 Corinna Kost, Basel