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.
Dieser Abschnitt ist noch zu
Der Kurs baut aufeinander auf: Jeder Abschnitt setzt voraus, was in den vorigen entschieden wurde. 9.2 öffnet sich, sobald alles davor abgeschlossen ist.
Du stehst gerade bei .
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 Ränder. Ein gleichmäßiger Abstand zur Kante, innerhalb dessen alles liegt.
- Die Spalten. Senkrechte Linien, an denen Textblöcke und Bilder beginnen und enden.
- 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.
| Format | Rand außen | Spalten | Grundabstand |
|---|---|---|---|
| A5 | 12 mm | 2 | 4 mm |
| A4 | 15 bis 20 mm | 2 oder 3 | 6 mm |
| A3 | 20 bis 25 mm | 3 | 8 mm |
| Wandbild, ohne Text am Rand | 25 bis 40 mm | 1 | 10 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.
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
Noch 4 Schritte offen.
Diesen Abschnitt hast Du schon abgeschlossen.
