Hast du schon einmal eine Website oder ein Dashboard per KI erstellen lassen und ein Ergebnis bekommen, das zwar funktioniert, aber so gar nicht nach deiner Vorstellung aussieht? Das liegt selten an der Technik. Meist fehlt im Prompt die gestalterische Sprache. In dieser Anleitung lernst du, Stil, Stimmung und Ästhetik gezielt über deine Formulierungen zu steuern. Du übst, mit konkreten Begriffen das gewünschte Look-and-Feel zuverlässig zu treffen, und lernst, wie du Ergebnisse mit Tweaks nachjustierst.
Das Video wird erst beim Abspielen von YouTube geladen – dabei werden Daten (u. a. deine IP-Adresse) an YouTube bzw. Google übertragen. Mehr dazu in der Datenschutzerklärung
Wichtigste Erkenntnisse
Wichtigste Erkenntnisse
- Je konkreter deine Botschaft, desto näher kommt das Ergebnis deiner Vorstellung.
- Funktionale Prompts beschreiben, was entstehen soll. Gestalterische Prompts beschreiben, wie es aussehen soll.
- Branche, Zielgruppe und Markenwirkung sind wichtige Stellschrauben für den Stil.
- Vage Adjektive wie „modern“ oder „hochwertig“ bringen wenig. Fachbegriffe aus dem Design liefern deutlich bessere Ergebnisse.
- Tweaks eignen sich für Feinjustierungen, grundlegende Entscheidungen wie den Dark Mode solltest du aber direkt im Prompt festlegen.
Schritt-für-Schritt-Anleitung
Schritt 1: Die Botschaft klar formulieren
Bevor du überhaupt über Farben oder Schriften nachdenkst, solltest du wissen, was dein Projekt kommunizieren soll. Benenne die Botschaft, benenne die Funktion der Elemente und sag der KI ausdrücklich, was animiert sein soll und was nicht. Wenn du beispielsweise einen Live-Chat einbauen willst, in dem Nutzer einfliegen, dann schreib genau das in deinen Prompt. Andernfalls fehlt die Animation schlicht, weil die KI sie nicht erwartet.
Schritt 2: Vom funktionalen zum gestalterischen Prompt
Die meisten Menschen prompten rein funktional: „Erstelle mir ein Dashboard“ oder „Erstelle mir eine Website“. Das Ergebnis ist brauchbar, aber beliebig. Ergänze deshalb immer die Ebene des Aussehens. Ein Prompt wie „Erstelle mir ein grünes IT-Dashboard“ enthält bereits eine Gestaltungsentscheidung, lässt aber alle weiteren Details offen. Denke bei jedem Prompt zusätzlich an die Frage, wie die Oberfläche wirken soll.
Schritt 3: Stilbegriffe für Branche und Zielgruppe nutzen
Begriffe wie minimalistisch, Editorial, modern, Brutalist, Clean oder Futuristik geben der KI eine klare Richtung. Noch wirksamer wird es, wenn du zusätzlich Branche und Zielgruppe nennst, etwa für ein SaaS-Produkt, das sich an Entwickler richtet, oder für eine Marke, die sich am Premium-Segment von Apple orientiert. Auch Vergleiche mit bekannten Designsprachen helfen. Denke daran, dass dieselbe Funktion in verschiedenen Stilen völlig unterschiedlich aussehen kann.
Schritt 4: Gestaltungsmerkmale konkret benennen
Oft lohnt es sich, einzelne Merkmale ausdrücklich zu benennen. Sag, ob du viel Weißraum möchtest oder eher dicht gepackte Inhalte. Lege fest, ob du starke Typografie willst, ob Schnörkel erlaubt sind, ob das Design rund oder eckig wirken soll und ob es an die 2010er-Jahre erinnern darf. Ebenso wichtig sind Farbpalette und Schatten: eine reduzierte Palette oder viele Farben, weiche oder harte Schatten. Diese Details machen oft den entscheidenden Unterschied.
Schritt 5: Mit Tweaks nachjustieren
Nach der ersten Generierung kannst du über die Tweaks gezielt Stellschrauben verändern. Im Beispiel wurde von einem dunkelroten, eher lauten Farbton zu einem helleren Rot gewechselt, zudem sollte das Design etwas dreidimensionaler und minimalistischer wirken. Außerdem lässt sich der Tonfall zwischen professionell und casual einstellen. Wähle für die Tweaks Begriffe wie „calm“, um die Wirkung ruhiger zu machen. Tweaks sind ideal für Feinarbeit, bei großen Entscheidungen stoßen sie jedoch schnell an Grenzen.
Schritt 6: Den Stil direkt im Prompt festlegen
Grundlegende Entscheidungen wie den Dark Mode oder ein Bento-Grid-Layout solltest du nicht erst nachträglich über Tweaks ändern wollen. Nenne sie gleich im Ausgangsprompt. Statt „erstelle eine Website“ formulierst du also „erstelle eine Clean Website im Dark Mode mit Bento-Grid-Layout“. Mit einer solchen Vorgabe vermeidest du Umwege und sparst dir mehrere Überarbeitungsschritte.
Schritt 7: Designsprache statt Adjektive verwenden
Wörter wie „modern“ oder „hochwertig“ sind schnell gesagt, aber für die KI sehr unspezifisch. Nutze stattdessen Fachbegriffe. Aus „mach es modern“ wird dann „modernes Editorial Design mit asymmetrischem Layout und Oversize-Typografie“. Aus „mach es futuristisch“ kann „futuristisches Interface mit Glow-Effekt und sanften Farbverläufen“ werden. Je präziser die Designsprache, desto zuverlässiger trifft das Ergebnis deinen Geschmack.
Schritt 8: Bildsprache und Interaktion beschreiben
Auch bei Onlineshops zeigt sich der Unterschied zwischen vagen und konkreten Prompts. Statt „erstelle einen Onlineshop“ kannst du „einen Premium-E-Commerce-Store mit Luxury-Branding und minimalistischer Bildsprache“ beschreiben. Ergänze, welche Farbwelt gelten soll, zum Beispiel monochrome Farben mit viel Weißraum, und welche Interaktionen eingebaut werden sollen, etwa elegante Micro-Interactions. Wenn dir die passenden Begriffe fehlen, können dir ChatGPT oder Gemini helfen, deinen Prompt auszuformulieren.
Schritt 9: Ergebnis prüfen und schrittweise verfeinern
Nicht jede Vorgabe wird sofort umgesetzt. Im Beispiel wurde der Bento-Grid zwar übernommen, der Dark Mode aber nicht. Prüfe deshalb das Ergebnis Punkt für Punkt gegen deine Vorgaben. Wenn etwas fehlt, formuliere den Änderungswunsch präzise nach und iteriere in kleinen Schritten. So erkennst du schnell, welche Begriffe die KI zuverlässig umsetzt und wo du nachschärfen musst.
Schritt 10: Den richtigen Detailgrad finden
Am Ende entscheidet die Dosierung. Dein Ursprungsprompt und deine Änderungswünsche sollten detailliert genug sein, um Stil und Stimmung eindeutig festzulegen. Zu viele Vorgaben, etwa zur genauen Länge oder zu jedem Animationsschritt, können hingegen die Ergebnisse verwässern. Achte also auf das richtige Maß: so konkret wie nötig, so offen wie möglich.
Zusammenfassung – Stil und Ästhetik steuern: Anleitung für Claude Design mit Prompts
Stil und Ästhetik lassen sich über Sprache gezielt steuern. Du erreichst das, indem du deine Botschaft klar benennst, gestalterische Begriffe aus Branche, Zielgruppe und Designsprache verwendest und grundlegende Entscheidungen direkt im Prompt festlegst. Feinjustierungen erledigst du anschließend mit Tweaks und schrittweisen Verfeinerungen. Wenn du diese Schritte übst, werden deine Ergebnisse mit jedem Versuch näher an deiner Vorstellung liegen.
FAQ
Muss ich Designfachbegriffe kennen, um gute Prompts zu schreiben?Du musst kein Designer sein, aber je mehr Fachbegriffe du kennst, desto präziser fällt dein Prompt aus. Schon wenige Begriffe wie Weißraum, Editorial Design oder Bento Grid machen einen großen Unterschied.
Wann sollte ich Tweaks statt eines neuen Prompts verwenden?Tweaks eignen sich für Feinarbeit wie Farbtöne, Tonalität oder die Dezenz von Effekten. Grundlegende Entscheidungen wie den Dark Mode oder das Layout solltest du dagegen direkt im Ausgangsprompt festlegen.
Kann ich ChatGPT oder Gemini verwenden, um meine Prompts zu verbessern?Ja, beide Tools eignen sich gut, um unpräzise Prompts auszuformulieren und mit passenden Designbegriffen zu ergänzen. Prüfe das Ergebnis anschließend, ob es wirklich deine Vorstellung trifft.
Wie viele Details sind im Prompt sinnvoll?Ein Prompt sollte Stil, Stimmung und wichtige Gestaltungsmerkmale eindeutig festlegen. Zu viele Details, etwa zu jeder einzelnen Animation oder Länge, können die Ergebnisse verwässern. Starte lieber konkret und verfeinere schrittweise.
