Lektion 3

Abstand und Gruppierung

Ordne Kampagnendetails so, dass Angebot, Logistik und Aktion schnell scanbar sind.

18 Min. Brand/SocialVisuelle Entscheidungen

Lektionsschritte

IdeeBeispielFehlerQuizÜbung

Kernidee

Abstand macht Informationsarchitektur sichtbar. Er zeigt, welche Details zur gleichen Entscheidung gehören und wo ein neuer Gedanke beginnt.

  • Gruppiere zusammengehörige Details mit engerem Abstand, damit sie als ein Block lesbar sind.
  • Trenne nicht zusammengehörige Blöcke mit größeren, gleichmäßigen Abständen.
  • Wiederhole dieselben Abstandswerte für dieselben Brüche, statt sie jedes Mal zu raten.
  • Abstand löst unruhige Layouts oft schneller als neue Farben oder Effekte.

Visuelles Beispiel

Eine Social-Event-Karte sollte Logistik vor Dekoration gruppieren.

Vorher und nachher

Lass die Logistik als Einheit scannen.

Vorher: jede Zeile einzeln

Titel, Datum, Ort, Preis, Beschreibung und CTA nutzen ähnliche Lücken; Gruppen sind unklar.

Nachher: nützliche Informationsblöcke

Versprechen, Logistik, Hinweis und Aktion haben jeweils eigene Abstände und lesen sich schneller.

Beispiel erklärt

Warum die verbesserte Version funktioniert

Header, Body und Aktion haben jeweils engen Innenabstand und einen größeren Abstand dazwischen. Das sagt dem Auge: „das gehört zusammen, das ist etwas anderes.“

Ein naheliegender Impuls sind Trennlinien oder Boxen. Oft reicht ein konsistenter Abstand, um dasselbe mit weniger visueller Unruhe zu sagen.

Häufige Fehler

Worauf du achten solltest

Jedes Element hat denselben Abstand, deshalb wirkt nichts als Gruppe.
Zufällige Abstandswerte lassen das Layout unruhig wirken.
Wichtige Gruppen haben weniger Luft als dekorative.
Linien und Boxen erledigen Arbeit, die Abstand allein hätte tun können.

Visueller Vergleich

Welches Layout gruppiert das Richtige?

Ein Layout setzt alles gleichmäßig. Das andere nutzt engere Abstände innerhalb von Gruppen und größere dazwischen.

Wähle eine Option, um die Design-Logik zu sehen.

Kleine Übung

Gruppierung diagnostizieren

Wähle die Karte, bei der Abstand das Richtige gruppiert, und finde dann den Bereich, an dem die Gruppierung kippt.

Kurze Übung starten Zur nächsten Lektion springen