Ästhetische Richtung
Ohne System treiben Designs in Richtung des Durchschnitts von allem, was du je gesehen hast: Inter auf Weiß, ein Farbverlaufs-Hero, drei Karten in einer Reihe. Setze dem bewusst etwas entgegen.
Bevor du baust
Halte in wenigen Zeilen fest:
- Zweck — das Problem, die Leserin, der Moment, in dem sie es sieht.
- Tonart — wähle eine und bleibe dabei: brutalistisch-minimal, redaktionell, industriell, warm und häuslich, institutionell, verspielt, luxuriös, technisch, archivierend. Nicht „modern und sauber“. Dieser Satz bedeutet, dass du dich nicht entschieden hast.
- Die eine Sache — woran sich jemand eine Stunde später erinnert. Eine Auszeichnungsschrift in unvernünftiger Größe, eine einzige gesättigte Farbe gegen Kieselgrau, eine bewusste Asymmetrie, eine Linie, die die gesamte Seitenhöhe durchläuft.
Dann baue alles im Dienst dieser drei Zeilen. Wenn ein Element nicht der Tonart oder der einen Sache dient, streiche es.
Die Richtung liegt im Detail
- Schrift trägt mehr als Farbe. Eine unverwechselbare Auszeichnungsschrift, kombiniert mit einer ruhigen Textschrift, leistet den größten Teil der Arbeit. Überprüfe die Kombination in den tatsächlichen Größen, die du verwenden wirst, bevor du dich festlegst.
- Ein Akzent, sparsam eingesetzt. Dominante Neutrale plus ein einziger Akzent in voller Sättigung schlagen fünf gedämpfte Farben.
- Komposition vor Dekoration. Asymmetrie, Überlappung, großzügige Ränder, ein Element, das das Raster einmal durchbricht. Nicht Texturen, die auf ein symmetrisches Layout aufgeklebt werden.
- Bewegung ist ein Moment, nicht viele. Ein einziger gestaffelter Eintritt wirkt wie Handwerk; verstreute Hover-Effekte wirken wie eine Vorlage.
Variiere zwischen Projekten
Wenn zwei von dir kürzlich erstellte Ergebnisse ähnlich aussehen, ändere das, worauf du immer zurückgreifst – normalerweise die Farbpalettentemperatur, die Auszeichnungsschrift oder die Dichte. Wähle bewusst aus einer kleinen Menge, anstatt zur gleichen Wahl zu treiben:
- Paletten: Knochen und Tinte · Tiefes Navy und warmes Weiß · Kieselgrau und oxidertes Rot · Wald und Creme · Schwarz und Acidgelb · Sand und Terrakotta.
- Schrift: Serifenbetonte Auszeichnung mit hohem Kontrast · Grotesk mit enger Laufweite · Humanistische Sans · Slab · Kondensierte Auszeichnung · Eine einzige Monospace durchgängig.
Sage, welche du gewählt hast und warum, in einem Satz, bevor du baust. Dieser Satz gibt der anderen Person auch etwas Konkretes, worauf sie reagieren kann.
Leitplanken
Diese gelten unabhängig von der Richtung:
- Fließtextkontrast 4,5:1, Überschriften 3:1.
- Fließtext mindestens 16px auf Bildschirm, 12pt im Druck, 24px auf einer 1080p-Folie.
- Zielbereiche mindestens 44px.
- Keine Emojis als Ikonografie, es sei denn, die Marke verwendet sie bereits.
- Zeichne keine Fotografien als SVG. Generiere sie mit den FLUX-Werkzeugen, wenn verfügbar; verwende andernfalls einen Platzhalter und beschreibe, was dort hingehört.
Wenn die Person eine Referenz gibt
Folge der Logik der Referenz, nicht ihrer Oberfläche. Wenn sie eine Website teilen, die ihnen gefällt, identifiziere warum – den Abstandsrhythmus, die Zurückhaltung, die Schriftschnittstärke – und wende diesen Grund an. Die Oberfläche zu kopieren ist der Weg zu einem Design, das wie eine schlechtere Version von etwas anderem aussieht.