Bonusorange-de - Anleitungen

Grafikdesign
Techniken

Kein Überblick, kein Einstieg für alle - diese Anleitungen richten sich an Menschen, die bereits wissen, was ein Ankerpunkt ist, aber noch nicht verstehen, warum ihre Layouts immer ein bisschen schief wirken.

Grafikdesign Arbeitsplatz mit Skizzen und Farbpaletten

Schriftmischung ohne Chaos

Zwei Schriften. Nicht drei.

Die häufigste Ursache für unruhige Layouts ist nicht schlechte Farbe - es ist der Versuch, vier verschiedene Schriftschnitte gleichzeitig zu verwenden, weil alle irgendwie interessant wirken. Zwei Schriften, konsequent eingesetzt, lösen fast jedes typografische Problem.

Konkret: eine Serifenschrift für Fließtext ab 16 px, eine serifenlose für Überschriften. Den Kontrast nicht über die Schriftart, sondern über Gewicht und Größe erzeugen. Wer zu Helvetica und Georgia greift, macht selten etwas falsch - nicht weil sie besonders sind, sondern weil sie so neutral sind, dass der Inhalt die Arbeit macht.

Typografie

Raster, die tatsächlich helfen

8 px. Immer 8 px.

Ein 8-Punkt-Raster klingt nach einer Einschränkung, ist aber das Gegenteil: Es macht Entscheidungen schneller, weil die Frage „wie viel Abstand?" keine offene Frage mehr ist. Abstände sind 8, 16, 24, 32, 48, 64 px - fertig. Was sich nicht in dieses Raster fügt, passt wahrscheinlich auch inhaltlich nicht zusammen.

In Figma oder Affinity Designer lässt sich das als Gitterlayout hinterlegen. Der eigentliche Vorteil zeigt sich nicht im fertigen Design, sondern beim Überarbeiten: Elemente verschieben sich ohne sichtbare Lücken, weil sie von Anfang an auf denselben Grundlinien sitzen.

Layout

Farbpaletten, die nicht lügen

Weniger Sättigung, mehr Überzeugung.

Farbpaletten aus dem Internet sehen im Vorschaubild immer gut aus. Im eigenen Layout wirken dieselben Farben dann plötzlich aggressiv oder flach - weil der Kontext fehlt. Eine Farbe existiert nie allein; sie wird immer gegen ihre Nachbarn wahrgenommen.

Eine brauchbare Methode: mit einem einzigen Farbton beginnen, dann Helligkeit und Sättigung in drei Stufen variieren, statt weitere Farben hinzuzufügen. Das ergibt eine Palette, die intern konsistent ist. Für Akzente reicht ein einziger Kontrastton - und der sollte sparsam eingesetzt werden, damit er noch als Akzent funktioniert.

Farbe

Vektorkurven präzise setzen

Ankerpunkte kosten nichts - außer Übersicht.

Wer Kurven in Illustrator oder Inkscape zeichnet, neigt dazu, zu viele Ankerpunkte zu setzen. Das Ergebnis sind Pfade, die sich schwer anpassen lassen und bei Skalierung unerwartete Kanten zeigen. Die Regel lautet: so wenig Ankerpunkte wie möglich, so viele wie nötig - und Bézierkurven immer an den extremsten Punkten der Kurve setzen, nicht dazwischen.

Für organische Formen hilft es, zuerst grob zu skizzieren und dann mit dem Glättungswerkzeug zu vereinfachen, statt von Anfang an jeden Punkt manuell zu platzieren. Weniger Punkte bedeuten sauberere Ausgabe beim Druck und kleinere Dateigrößen.

Vektoren

Drei Prinzipien, die in keiner Anleitung stehen

Nicht weil sie geheim wären - sondern weil sie sich schwer in Schritten erklären lassen und erst nach einigen hundert Stunden Praxis offensichtlich werden.

Negative Fläche ist aktiv

Leerer Raum im Layout ist kein Fehler, den man mit Elementen füllen muss. Er ist ein Gestaltungsmittel - und meistens das wirkungsvollste. Wer anfängt, den Weißraum bewusst zu setzen statt ihn zu vermeiden, verändert seine Layouts grundlegend. Das braucht Übung, weil es sich zunächst falsch anfühlt.

Fortgeschritten

Kontrast schlägt Harmonie

Designs, die harmonisch wirken wollen, werden oft langweilig. Designs mit starkem Kontrast - in Größe, Gewicht oder Ton - halten die Aufmerksamkeit länger. Das bedeutet nicht, dass alles schreien muss; es bedeutet, dass mindestens ein Element deutlich dominieren sollte, damit die Hierarchie ablesbar bleibt.

Mittelstufe

Konsistenz ist kein Stil

Viele verwechseln einen einheitlichen Look mit einem guten Design. Konsistenz bedeutet, dass Abstände, Schriftgrößen und Farben einem System folgen - nicht, dass alles gleich aussieht. Ein System erlaubt Variation; ohne System entsteht keine Variation, sondern Willkür. Der Unterschied ist im Ergebnis sofort sichtbar, auch wenn man ihn nicht benennen kann.

Grundlage