9.2Gestaltung in Canva25 Minuten

Das Raster: warum Deine Datei sonst unruhig wirkt

Danach hast Du: Deine Entwürfe folgen einem Raster, und Du siehst sofort, wenn etwas nicht darauf sitzt.

Der Unterschied zwischen einem Entwurf, der professionell wirkt, und einem, der selbstgemacht aussieht, liegt selten an der Schriftwahl oder an den Farben. Er liegt fast immer daran, dass die Elemente nicht auf gemeinsamen Linien sitzen.

Das Auge sieht das, bevor der Verstand es benennen kann. Und im Suchergebnis, wo Dein Bild neben zwanzig anderen steht, entscheidet dieser Eindruck in einer Zehntelsekunde.

Was ein Raster ist

Ein unsichtbares Liniensystem, an dem sich alle Elemente ausrichten. Es besteht aus drei Teilen:

Die drei Bestandteile
  1. Die Ränder. Ein gleichmäßiger Abstand zur Kante, innerhalb dessen alles liegt.
  2. Die Spalten. Senkrechte Linien, an denen Textblöcke und Bilder beginnen und enden.
  3. Der Grundabstand. Ein Maß, das alle senkrechten Abstände teilen: 4, 8, 12, 16, 24 Millimeter statt 3, 7, 11.

Das Raster anlegen

In Canva über die Hilfslinien. Sie sind sichtbar beim Arbeiten und erscheinen nicht im Export.

FormatRand außenSpaltenGrundabstand
A512 mm24 mm
A415 bis 20 mm2 oder 36 mm
A320 bis 25 mm38 mm
Wandbild, ohne Text am Rand25 bis 40 mm110 mm

Die letzte Zeile ist bemerkenswert: Wandbilder brauchen großzügige Ränder. Ein Motiv, das bis fast an die Kante geht, wirkt gedrängt, und im Rahmen sieht es dann eng aus. Der übliche Anfängerfehler ist, den Platz ausnutzen zu wollen.

Die vier Regeln, die daraus folgen

Regel eins: Gleiche Abstände sind gleich

Wenn zwischen zwei Blöcken 8 Millimeter Abstand sind, dann zwischen allen vergleichbaren Blöcken auch. Nicht 8, dann 9, dann 7.

Das ist der häufigste sichtbare Fehler und der am leichtesten zu behebende: Canva zeigt beim Verschieben Abstandslinien an, und wer darauf achtet, hat die Regel schon eingehalten.

Regel zwei: Zusammengehöriges steht enger

Eine Überschrift gehört zu dem Text darunter, nicht zu dem darüber. Also: wenig Abstand zwischen Überschrift und ihrem Text, mehr Abstand zum vorigen Block.

Wenn beide Abstände gleich sind, weiß das Auge nicht, was zusammengehört, und der Entwurf wirkt beliebig.

Regel drei: Weniger Ausrichtungskanten

Alles, was untereinander steht, beginnt an derselben senkrechten Linie. Ein Entwurf mit zwei Ausrichtungskanten wirkt ruhig, einer mit sechs wirkt unruhig.

Unruhig

Überschrift zentriert, Text linksbündig, Aufzählung eingerückt, Fußzeile rechts.

Vier Kanten, kein Zusammenhalt. Der häufigste Zustand eines ersten Entwurfs.

Ruhig

Alles linksbündig an derselben Kante, nur ein Element bewusst abgesetzt.

Eine Kante, ein Akzent. Wirkt sofort geordnet, ohne dass man sagen könnte, warum.

Regel vier: Nichts sitzt zufällig

Jedes Element sitzt auf einer Linie oder mittig zwischen zweien. Wenn Du ein Element verschiebst und nicht sagen kannst, warum es dort steht, steht es falsch.

Der Test, der es zeigt

Verkleinere Deinen Entwurf auf Daumennagelgröße, so wie er im Suchergebnis erscheint.

Auf dieser Größe verschwinden alle Details, und was übrig bleibt, ist die Struktur: Blöcke, Abstände, Ausrichtung. Wenn es dort geordnet aussieht, ist das Raster in Ordnung. Wenn es unruhig wirkt, hilft keine schönere Schrift.

Der zweite Test: umdrehen

Dreh den Entwurf auf den Kopf oder sieh ihn im Spiegel an. Dann liest das Auge keinen Text mehr und sieht nur noch Flächen und Abstände.

Schiefe Ausrichtungen und ungleiche Abstände fallen dabei sofort auf, weil die Ablenkung durch den Inhalt wegfällt. Ein alter Trick aus der Gestaltung, und er funktioniert auch am Bildschirm.

Was das Raster nicht leistet

Es macht aus einer schlechten Idee kein gutes Produkt. Ein Planer mit sauberem Raster, den niemand braucht, verkauft sich nicht.

Was es leistet: Es sorgt dafür, dass eine gute Idee nicht an der Ausführung scheitert. Und es ist die Grundlage dafür, dass Deine sechzig Produkte zusammengehören, denn dasselbe Raster über alle Produkte hinweg ist die halbe Wiedererkennung aus Abschnitt 4.9.

Aufgabe

Dein Raster anlegen

Mehr zum Thema im Wissensportal