Moodboard erstellen – Anleitung, KI-Workflow und Tools für Designer

Damit am Ende alles gut zusammenpasst und ein handfestes Konzept steht, greifen erfahrene Webdesigner zu Beginn der Design-Entwicklung gerne auf Moodboards zurück.  Alles, was du bei der Ideensammlung und Erstellung beachten solltest und was du sonst noch über das Moodboard lernen kannst, erfährst du in meiner umfangreichen Anleitung.

Was ist ein Moodboard?

Ein Moodboard ist die visuelle DNA eines Designprojekts. Es ist eine kuratierte Collage aus Bildern, Farben, Schriften, Texturen und Stichworten, die die gestalterische Richtung festlegt, bevor du den ersten Pixel ziehst.

Wörtlich übersetzt heißt „Mood Board“ Stimmungstafel – und das beschreibt nur die halbe Wahrheit. Ein gutes Moodboard ist mehr als eine schöne Bildsammlung. Es ist ein emotionaler Bauplan: ein Werkzeug, das abstrakte Begriffe wie „hochwertig“, „verspielt“ oder „nordisch reduziert“ in etwas Sichtbares übersetzt. Damit alle Beteiligten – du, dein Team und dein Kunde – über dasselbe Bild im Kopf sprechen.

Und das trifft es tatsächlich ganz gut: Ein Moodboard wird oft zur Ideensammlung eingesetzt, wenn man beispielsweise für ein Projekt festlegen möchte, welche Stimmung die spätere Umsetzung widerspiegeln soll.

Im Projektablauf sind Moodboards häufig der erste Schritt im Designprozess. Oft werden sie auch zur Präsentation vor dem Kunden eingesetzt, um zu veranschaulichen, in welche Richtung das Design später gehen wird. Der Webdesigner kann mit einem Moodboard gut erkennen, welche Elemente oder Farben harmonisch zueinander passen.

Eingesetzt wird das Moodboard immer dann, wenn eine gestalterische Richtung gefunden oder vermittelt werden muss:

• bei Website-Projekten zur Klärung von Look & Feel
• im Branding und Corporate Design
• für Landingpages und Kampagnen
• in der Logo- und Produktentwicklung
• für Innenarchitektur, Mode oder Filmproduktion
• bei der Visualisierung von Zielgruppen und Personas

Du nutzt das Moodboard also nicht nur intern als Designer. Es ist auch ein Kommunikationswerkzeug in Richtung Kunde.

Statt mit Worten zu beschreiben, was du dir vorstellst, zeigst du es – und vermeidest damit das größte Risiko jedes Designprojekts: dass alle Beteiligten unter denselben Begriffen etwas völlig Unterschiedliches verstehen.

Was gehört in ein Moodboard? Die 6 Bausteine

Ein Moodboard ist kein zufälliger Bilderhaufen. Damit es als gestalterische Orientierung funktioniert, sollte es sechs Bausteine enthalten – nicht jeder ist bei jedem Projekt gleich stark vertreten, aber je mehr davon zusammenspielen, desto präziser wird die visuelle Richtung.

1. Bilder, Fotos und Illustrationen

Der sichtbarste Teil und meist der größte Flächenanteil. Bilder transportieren Atmosphäre, Stilrichtung und visuelles Vokabular schneller als jeder andere Baustein. Mische dabei bewusst drei Bildtypen: Atmosphärenbilder (zeigen Stimmung), Stilreferenzen (zeigen konkrete Designansätze von anderen Projekten) und Detailbilder (zeigen Texturen, Materialien, Ausschnitte).

Heute gehören auch GIFs, kurze Videoausschnitte und Animationen ins Moodboard, wenn es um digitale Produkte geht. Bewegung ist Teil moderner Webdesigns und sollte deshalb auch Teil der frühen Stimmungssetzung sein.

Wenn du auf der Suche nach Bildmaterial bist, findest du in diesem Artikel 60 Webseiten mit kostenfreien Fotos.

2. Farbpaletten

Vier bis sechs aufeinander abgestimmte Farben, idealerweise mit einem klaren Verhältnis aus dominanten Tönen, Sekundärfarben und einem Akzent. Wichtig: nicht nur einzelne Farbflächen, sondern auch Farbkombinationen im Kontext zeigen – also Beispielbilder, in denen die Farben bereits zusammenspielen. So erkennst du früh, ob deine Palette in der Praxis funktioniert oder nur auf dem Farbkreis.

Welche Farben gerade besonders gefragt sind, zeigen die aktuellen Farbtrends im Webdesign.

3. Typografie und Schriftproben

Jede Schrift erzeugt eine eigene Stimmung. Eine Didone wirkt anders als eine Grotesk, eine Monospace anders als eine handgeschriebene Schreibschrift. Zeige im Moodboard konkrete Schriftproben – am besten mit echten Wörtern aus deinem Projektkontext, nicht nur Lorem ipsum. Eine sinnvolle Kombination besteht aus zwei bis drei Schriften: eine für Überschriften, eine für Fließtext, optional eine Akzentschrift.

Wie genau Schriften auf den Betrachter wirken, klärt die Einführung zur Typografie.
Wenn du auf Webfonts setzt, sind die beliebtesten Google Fonts ein guter Startpunkt.

4. Texturen, Muster und Formen

Der oft unterschätzte Baustein. Texturen und Muster geben einem Moodboard Tiefe und entscheiden mit darüber, ob ein Design später edel-reduziert, organisch-warm oder technisch-präzise wirkt. Dazu gehören geometrische Grundformen, organische Konturen, Rasterstrukturen, Papier- oder Stoffoberflächen, Verläufe und Lichtstimmungen. Bei digitalen Projekten gehören auch UI-Elemente wie Buttons, Karten, Icon-Stile oder Layout-Muster in diese Kategorie.

5. Stichworte und Adjektive

Worte gehören ins Moodboard. Fünf bis zehn Schlüsseladjektive halten fest, welche Stimmung das Design transportieren soll:
„hochwertig“, „unaufgeregt“, „warm“, „präzise“, „verspielt“.

Diese Worte sind dein Kompass beim Gestalten – und gleichzeitig die Sprache, in der du das Moodboard gegenüber Kunden begründest. Setze sie sichtbar ins Board, nicht nur in die interne Notiz. So werden sie Teil der gestalterischen Konversation.

6. Icons, Logos und Markenelemente

Wenn das Moodboard für ein Branding-Projekt entsteht, gehören Logo-Referenzen und Icon-Stile dazu – nicht als Konkurrenz-Plagiat, sondern als stilistische Verortung.

Sind die Konkurrenten flächig und reduziert? Linienbasiert? Verspielt mit Maskottchen? Auch hier gilt: Du zeigst die Richtung, nicht das Endergebnis. Bei Web-Projekten lohnt es sich, Icon-Sets, Marker und Mikro-Grafiken bereits hier zu kuratieren – sie sind später das Bindeglied zwischen Layout und Stimmung.

Faustregel: Ein Moodboard, das nur Bilder zeigt, ist eine Pinnwand. Erst die Kombination aus Bildern, Farben, Schriften, Texturen, Worten und Markenelementen macht daraus ein Werkzeug, mit dem du gestaltest.

Moodboard erstellen per Hand:
freie Fläche für deine Kreativität

Kreative Bastler, die sich viel Zeit für die Gestaltung nehmen möchten, können ein analoges Moodboard erstellen. Materialien, die du dafür zur Hand haben solltest, sind in erster Linie eine Schere und ein Kleber. Außerdem solltest du dir Gedanken über eine passende Unterlage machen, die groß genug ist, um all deine Ideen darauf unterzubringen. Diese kann aus Pappe oder Schaumstoff bestehen. Dann brauchst du nur noch ausreichend Inspiration, die du aus Katalogen oder Bildern sammeln kannst. Aber auch Stoffe, Farbpaletten und bunte Blätter kannst du aufkleben.

Wenn du alles parat hast, kannst du dich kreativ austoben. Der Vorteil an einem analogen Moodboard:
Wenn du etwas mit den eigenen Händen erschaffst, kann sich deine Kreativität in diesem Prozess noch besser entfalten. Hinzu kommt, dass du während dieser Zeit einmal nicht am Computer sitzt und die Moodboard-Erstellung als eine digitale Auszeit nutzen kannst.

Ein Moodboard solltest du vor allem dann von Hand erstellen, wenn du Wert auf Haptik legst und beispielsweise unterschiedliche Strukturen spüren möchtest.

Meist entstehen dabei größere Tafeln, die sich wiederum schlecht transportieren lassen. Alternativ kannst du deine Kreation abfotografieren – die Haptik geht dabei natürlich verloren. Zudem ist es relativ zeitaufwendig, alle Materialien zu sammeln, auszuschneiden und aufzukleben. Das Moodboard kann teuer werden, wenn du viele unterschiedliche und kostenintensive Materialien verwendest.

Moodboard digital erstellen:
wenn’s kreativ und schnell sein soll

Inzwischen lassen sich Moodboards wunderbar digital erstellen. Das geht wesentlich schneller. Dafür gibt es viele Grafikprogramme, mit denen du aus deinen Inspirationsbildern eine kreative und hochwertige Collage erstellen kannst. Das fertige Moodboard lässt sich anschließend überall mit hinnehmen und du kannst es jederzeit mit Kollegen und Kunden teilen.

Digitale Moodboards lassen sich auch im Team erstellen. Das ist besonders gut, wenn einmal die gebündelte Kreativität von mehreren Leuten gefragt ist, die gemeinsam an einem Projekt arbeiten. Die Elemente sind leicht austauschbar. Ein digitales Moodboard kann kostengünstig erstellt werden und erfordert keine Materialkosten.

Ein Nachteil der digitalen Form ist, dass man keine Stoffe oder Strukturen einbeziehen und anfassen kann.

Achtung: Beachte, dass bei Bildmaterial aus dem Internet die Urheberrechte berücksichtigt werden müssen. Informiere dich daher gut, ob du bestimmte Bilder verwenden darfst oder erst kaufen musst.

Wie erstellst du ein Moodboard mit KI?

Künstliche Intelligenz hat den Moodboard-Prozess in den letzten beiden Jahren spürbar verändert – nicht ersetzt, aber beschleunigt und erweitert. Ein KI-gestütztes Moodboard entsteht heute in einem Bruchteil der Zeit, das gestalterische Urteil bleibt aber zu hundert Prozent bei dir.

Wie sich KI generell im Webdesign-Alltag einsetzen lässt, beleuchten wir ausführlich in der eigenen KI-Artikelreihe.

Wichtig vorab: KI ist kein Werkzeug, das dir die Designentscheidung abnimmt. Sie ist ein Beschleuniger für Inspirations- und Materialarbeit. Wer KI als Abkürzung zum fertigen Moodboard nutzt, bekommt generische Ergebnisse – jeder, der heute KI-Bilder kuratiert, sieht den typischen Midjourney-Look auf den ersten Blick.

Wo KI im Moodboard-Prozess wirklich hilft

Künstliche Intelligenz spielt bei vier der sechs Anleitungsschritte eine Rolle:

• Schritt 2 (Stimmung definieren): Adjektive und visuelles Vokabular generieren
• Schritt 3 (Inspiration sammeln): Konzeptbilder erzeugen, die es noch nicht gibt
• Schritt 4 (Sortieren und kuratieren): Farbpaletten aus Bildern ableiten, Stilrichtungen klassifizieren
• Schritt 5 (Zusammenstellen): Schriftkombinationen vorschlagen, Layouts vorgenerieren

KI für Stichworte und visuelles Vokabular

Textbasierte KI-Modelle wie ChatGPT, Claude oder Gemini eignen sich hervorragend, um aus einem Briefing eine erste Adjektivliste zu generieren. Statt selbst auf zehn Worte zu kommen, prompst du gezielt:

Ich gestalte eine Website für [Branche, Zielgruppe, Markenkern]. Generiere mir 15 visuelle Adjektive, die die Stimmung dieser Marke beschreiben. Vermeide generische Marketingbegriffe wie 'modern' oder 'hochwertig'. Liefere stattdessen konkrete, gestalterisch greifbare Worte. Gruppiere sie in drei Cluster: Atmosphäre, Materialität, Tempo.

Die KI liefert dir damit nicht das fertige Vokabular, sondern eine Diskussionsgrundlage. Du streichst, ergänzt, schärfst – und hast in fünf Minuten, wofür du früher eine halbe Stunde gebraucht hast. Tipp: Lasse dir die Adjektive auch direkt in englischer Übersetzung geben. Englische Stichworte funktionieren besser als Prompts in den Bildgeneratoren.

KI für Bildgenerierung

Hier liegt der größte Hebel – und das größte Risiko. Bildgeneratoren wie Midjourney, Krea, Recraft, Adobe Firefly, Visual Electric und Lummi erzeugen aus Stichworten beliebig viele Konzeptbilder. Das ist ideal, wenn:

• du Stimmungen visualisieren willst, für die es noch keine realen Referenzen gibt
• dein Kunde eine sehr spezifische Atmosphäre will, die du in Stockbildern nicht findest
• du eine Bildidee schnell testen willst, bevor du ein echtes Shooting briefst

Die Falle: Wenn dein Moodboard ausschließlich aus KI-Bildern besteht, wirkt es generisch. Mische immer mit echten Fotos, gescannten Materialien oder Werken existierender Fotografen und Designer. Eine bewährte Mischung sind 60 Prozent reale Referenzen, 40 Prozent KI-Bilder. So bekommst du die Spezifität, ohne in die KI-Ästhetik abzurutschen.

KI für Farbpaletten

Mehrere Tools generieren heute Farbpaletten direkt aus Stichworten oder Referenzbildern:

• Khroma lernt aus 50 deiner Farbpräferenzen und schlägt unendlich viele neue Kombinationen vor
• Huemint generiert komplette Markenpaletten mit Kontextvorschau (Logo, UI, Poster)
• Coolors bietet einen KI-Modus, der Paletten aus Bildern oder Begriffen ableitet
• Realtime Colors zeigt deine Palette direkt im echten Web-Kontext – ideal zur Validierung

KI für Schriftfindung

• Fontjoy generiert KI-basierte Schriftkombinationen mit anpassbarem Kontrast
• WhatTheFont erkennt Schriften aus hochgeladenen Bildern
• Monotype Fonts bietet KI-Suche nach Stilrichtung statt nach Namen

Auch hier gilt: KI liefert Vorschläge, die Auswahl bleibt bei dir. Eine Schrift muss sich im echten Anwendungsfall bewähren – nicht in der Preview-Card eines Tools.

KI in Figma und komplette Moodboard-Generatoren

Direkt in Figma und FigJam stehen heute mehrere KI-Plugins zur Verfügung – etwa Magician oder Diagram, die Bildgenerierung, Texterstellung und Layout-Vorschläge in den Designer-Workflow integrieren. FigJam selbst hat seit 2024 KI-Funktionen zur automatischen Strukturierung von Sammlungen.

Daneben gibt es spezialisierte KI-Moodboard-Generatoren wie moodboardcreator.dev, die aus einem kurzen Briefing eine erste Moodboard-Vorlage generieren. Ehrliche Einordnung: Das Ergebnis ist immer ein Startpunkt, nie ein Endprodukt – aber gegen das leere Artboard hilft es zuverlässig.

Ein konkreter KI-gestützter Workflow

Wenn du den klassischen 6-Schritte-Prozess mit KI beschleunigen willst, sieht das in der Praxis so aus:

1. Briefing in ChatGPT oder Claude eingeben, Adjektivliste auf Deutsch und Englisch generieren lassen
2. 20–30 KI-Bilder pro Stimmungs-Cluster in Midjourney oder Krea generieren
3. Reale Referenzen aus Are.na, Dribbble und der eigenen Bibliothek dazumischen (Verhältnis 60:40)
4. Farbpalette aus den fünf stärksten Bildern mit Huemint oder Coolors extrahieren
5. Typografie über Fontjoy vorfiltern, manuell verfeinern und mit Beispieltext aus dem Projekt zeigen
6. Final-Komposition in Figma, dann Feedback einholen wie in Schritt 6 der klassischen Anleitung beschrieben

Ergebnis: Ein Moodboard, das du in zwei bis drei Stunden hast statt in einem halben Tag – ohne Qualitätsverlust, wenn du die Mischung aus KI und realen Quellen sauber hältst.

Was KI nicht ersetzt

Drei Dinge bleiben auch 2026 ausschließlich deine Aufgabe:

• Das Verstehen des Kunden. Eine KI kennt deinen Auftraggeber nicht. Sie weiß nicht, in welchem Marktumfeld er steht, welche Wettbewerber relevant sind, welche Botschaft funktioniert.
• Die kuratorische Entscheidung. Welches Bild bleibt, welches fliegt? Welche Farbe ist auf den ersten Blick stark, aber auf Dauer überfordernd? Diese Urteile basieren auf Designerfahrung, nicht auf Mustererkennung.
• Die Kommunikation gegenüber dem Kunden. Ein Moodboard muss begründet werden – warum diese Bilder, warum diese Farben? Das ist der Moment, in dem deine Expertise sichtbar wird, nicht die der KI.

Setze KI also dort ein, wo sie dir Tempo verschafft – nicht dort, wo sie dir die fachliche Verantwortung abnimmt. So bleibt dein Moodboard das, was es sein soll: ein professionelles Werkzeug, das gestalterische Klarheit schafft.

Praxis-Workflow:
Midjourney-Stile als Moodboard-Material

Midjourney bietet seit Ende 2024 eine eigene Funktion namens „Moodboards“ – und genau hier wird es interessant für deinen Designprozess. Wichtig vorab: Was Midjourney intern Moodboard nennt, ist nicht dasselbe wie das klassische Designer-Moodboard, das du in diesem Artikel kennenlernst. Es ist im Kern ein Stil-Trainings-Werkzeug: Du fütterst Midjourney mit Bildern, die einen bestimmten Look haben, und bekommst einen Profil-Code, mit dem du anschließend beliebig viele weitere Bilder im selben Stil generieren kannst.

Genau diese Eigenschaft macht die Funktion für klassische Moodboard-Arbeit wertvoll: Du kannst dir einen konsistenten Bildstil aufbauen und damit dein eigentliches Moodboard mit kohärentem KI-Material füllen, statt mit zufälligen Einzelbildern, die stilistisch nicht zusammenpassen.

Schritt für Schritt – so funktioniert die Midjourney-Moodboard-Funktion

1. Personalize-Tab öffnen unter midjourney.com/personalize.
2. „Create Moodboard“ wählen und das neue Board benennen, zum Beispiel „warm-nordisch-Holz“.
3. Bilder hinzufügen über drei Wege: Bilder aus deiner Midjourney-Galerie, Bild-URLs aus dem Web oder eigene Uploads. Empfehlung: 15–30 Bilder, idealerweise mit konsistenter Stilrichtung.
4. Profil-Code kopieren (beginnt mit –profile gefolgt von einem Kürzel, etwa –profile abc12xy).
5. Code im Prompt einsetzen und beliebige Motive im trainierten Stil generieren.

Prompt-Beispiel

Wenn du etwa eine warm-nordische Stimmung für ein Architektur-Branding suchst, sieht ein Prompt so aus:

Minimalist living room interior, architectural photography, two people naturally present, one sitting on a low modern sofa reading a magazine, one standing near floor-to-ceiling windows holding coffee --profile abc12xy 

Den –profile-Code ersetzt du durch den Code deines eigenen Moodboards.

Styles in Midjourney

Mit Hilfe der styles-Angaben lassen sich vorgegebene Bildwirkungen auf eigene Prompts umsetzen, wie im folgenden Beispiel sichtbar:

Minimalist living room interior, architectural photography, two people naturally present, one sitting on a low modern sofa reading a magazine, one standing near floor-to-ceiling windows holding coffee --sref 359343512

Entdecke hier die Styles in Midjourney.

Drei Praxistipps aus der Anwendung

• Mehr Bilder bringen stabilere Ergebnisse. Ein Moodboard mit 25 Bildern liefert konsistentere Resultate als eines mit 5. Wichtig ist nicht nur die Menge, sondern auch die stilistische Geschlossenheit.
• Die Motive der Trainingsbilder beeinflussen die Ausgabe. Ein Moodboard nur aus Porträts erzeugt vor allem porträt-ähnliche Bilder. Wer einen Stil universell anwenden will, mischt verschiedene Motive – Landschaften, Innenräume, Detailaufnahmen, Stillleben.
• Profil-Codes können kombiniert werden. Seit 2025 lassen sich Moodboard-Codes mit Style-References (–sref) und persönlichen Personalisierungs-Profilen mischen. Damit kannst du etwa einen Material-Stil aus einem Moodboard mit einer Komposition aus einer Style-Reference verbinden.

Wichtig zur Abgrenzung:
Midjourney-„Moodboards“ sind kein Ersatz für dein klassisches Designer-Moodboard. Sie sind ein Werkzeug, mit dem du konsistentes Bildmaterial für dein Moodboard erzeugst. Die finale Kuration, die Auswahl der Farben, die Verbindung mit Schriften und Stichworten bleibt deine Aufgabe.

Praxis-Workflow:
Vom Referenzfoto zum Moodboard mit GPT Image

OpenAIs Bildmodell GPT Image (in ChatGPT integriert) hat seit der Version 2 vom April 2026 eine Stärke, die für Moodboard-Arbeit besonders wertvoll ist:
Es kann ein einzelnes Referenzbild in seine gestalterischen Bausteine zerlegen und daraus direkt ein fertiges Multi-Panel-Moodboard erzeugen – mit Materialien, Leuchten, Möbeln, Detailausschnitten und Farbpalette in einer Komposition.

Das ist ein anderer Ansatz als bei Midjourney. Während Midjourney einen Stil trainiert, den du anschließend anwendest, analysiert GPT Image ein bestehendes Bild und übersetzt es in seine Komponenten. Beides hat, je nach Aufgabe, seine Berechtigung.

Wann sich der GPT-Image-Workflow lohnt

• Du hast ein konkretes Referenzbild vom Kunden – einen Raum, ein Produkt, ein Vorbild – und brauchst daraus eine erste gestalterische Zerlegung.
• Du willst Bauherren oder Kunden zeigen, welche Materialien, Farben und Details aus einer Inspiration in ein Designkonzept übersetzt werden können.
• Du arbeitest in einem Briefing-Workshop und brauchst innerhalb von Minuten visuelle Alternativen für eine Diskussion.

Prompt-Beispiel: Vom Foto zum Moodboard

Lade in ChatGPT ein Referenzbild hoch (etwa das Foto eines Raumes, der die gewünschte Atmosphäre trifft) und prompte so:

Erstelle aus diesem Referenzbild ein gestalterisches Moodboard im Kachel-Layout. Zerlege das Bild in seine prägenden Elemente und zeige sie als Einzel-Kacheln:   1. Drei dominante Materialien als Detailaufnahmen 2. Zwei charakteristische Möbel- oder Objektelemente 3. Die Lichtstimmung des Raums in einer Detailansicht 4. Eine fünfteilige Farbpalette, die direkt aus dem    Bild abgeleitet ist   Layout: klare Rasterstruktur, einheitliche Bildkanten, neutrale Beschriftung. Sprache der Labels: Deutsch.

Das Ergebnis ist ein präsentationsfähiges Multi-Panel-Bild, das du als Diskussionsgrundlage in den Workshop oder ins Kundengespräch mitnehmen kannst. In der Praxis brauchst du oft zwei bis drei Iterationen, bis das Layout und die Material-Auswahl sitzen.

Iterativ verfeinern – die eigentliche Stärke

Der zweite Schritt ist meistens wertvoller als der erste. GPT Image kann bestehende Bilder partiell verändern, ohne die gesamte Komposition neu zu interpretieren. Konkret heißt das:
Die Kubatur eines Raums oder die Layoutstruktur deines Moodboards bleibt stabil, während du gezielt einzelne Elemente austauschst.

Typische Iterations-Prompts:

Tausche die Holzoberfläche im linken oberen Kachel- feld gegen einen warmen Sandstein aus. Alle anderen Elemente und das Layout bleiben unverändert.   Ergänze die Farbpalette um zwei kühlere Akzenttöne passend zum Sandstein. 
Zeige denselben Raum aus dem Originalbild bei Abendlicht statt Tageslicht. Materialien, Möbel und Perspektive bleiben identisch.

Beispiel GPT-Moodboard:

Ein weiteres Beispiel, mit einem Screenshot von Pinterest (Suche: pastel protein), und folgendem Prompt wird ein ansehnliches Moodboard in GTP Images erstellt:

Create a polished multi-page (multiple images) brand kit for a company called PaPro (Pastel Proteine), based on this uploaded moodboard (Pinterest screenshot). Include logo, typography, color, art direction, website direction, social media templates, and merch concepts.

Drei Praxistipps

• Trenne klar, was sich ändern darf und was nicht. GPT Image arbeitet besser, wenn du explizit benennst, welche Elemente fix bleiben sollen. Sätze wie „Layout, Perspektive und Möblierung bleiben unverändert“ verhindern, dass das Modell zu viel auf einmal verändert.
• Englisch funktioniert noch etwas besser als Deutsch. Für den ersten Wurf in der Diskussion mit deutschsprachigen Kunden ist Deutsch völlig ausreichend. Für besonders präzise Ergebnisse lohnt sich der Wechsel zu englischen Prompts.
• Zweistufiges Vorgehen erhöht die Trefferquote. Statt in einem Prompt alles auf einmal zu verlangen, baue erst die leere Grundstruktur (Layout, Materialien) und ergänze dann Details (Beschriftungen, Variationen) in einem zweiten Schritt.

Was beide Workflows verbindet:
Ob Midjourney oder GPT Image – beide Tools liefern dir Rohmaterial, kein fertiges Moodboard. Die kuratorische Entscheidung, welche Bilder bleiben, welche fliegen und wie sie mit Farben, Schriften und Adjektiven zu einer geschlossenen Stimmung verbunden werden, bleibt deine Aufgabe. Genau darin liegt der Wert deiner Arbeit als Designer.

Wie erstellst du ein Moodboard?
Die 6-Schritte-Anleitung

Ein gutes Moodboard entsteht nicht durch wahlloses Sammeln, sondern durch einen klaren Prozess. Die folgenden sechs Schritte führen dich vom ersten Briefing bis zur abgestimmten Stimmungstafel – egal ob du analog oder digital arbeitest.

Schritt 1: Ziel und Rahmen klären

Bevor du auch nur ein Bild öffnest, beantwortest du dir vier Fragen:

• Welches Projekt visualisierst du – eine Website, ein Branding, eine Landingpage?
• Wer ist der Auftraggeber und welche Botschaft soll das Design transportieren?
• In welche Bereiche teilst du das Moodboard auf – nach Seitentypen, nach Marken-Touchpoints, nach Themen?
• Welches Format soll am Ende stehen – DIN A4 zur Präsentation, eine Figma-Datei zur internen Abstimmung, ein Foto vom analogen Board?

Diese Klärung ist kein Bürokratie-Schritt, sondern dein gestalterischer Rahmen. Ohne ihn sammelst du Material, das später nicht zueinander passt.

Output am Ende des Schritts:
Eine kurze schriftliche Notiz mit Projektziel, Auftraggeber, Bereichen und Zielformat.

Schritt 2: Zielgruppe und Stimmung definieren

Ein Moodboard ist nie nur für dich – es ist für deine Zielgruppe. Bevor du nach Bildern und Farben suchst, klärst du, wer das spätere Design konsumieren soll und wie sich diese Menschen fühlen sollen, wenn sie es sehen.

Konkret: Sammle fünf bis zehn Adjektive, die die gewünschte Stimmung beschreiben. Nicht abstrakte Marketing-Begriffe wie „modern“ oder „hochwertig“ – sondern konkrete, gestalterisch greifbare Worte: „warm und einladend“, „präzise und zurückhaltend“, „verspielt mit handwerklichem Charakter“, „nordisch reduziert“.

Diese Adjektive sind dein visuelles Vokabular. Sie steuern, was du im nächsten Schritt überhaupt suchst – und sie wandern später sichtbar ins fertige Moodboard, damit der Kunde nachvollziehen kann, warum bestimmte Bilder gewählt wurden.

Output am Ende des Schritts:
Eine Liste mit 5–10 Schlüsseladjektiven, die die gewünschte Stimmung beschreiben.

Schritt 3: Inspiration sammeln

Jetzt darfst du in die Breite gehen. Suche pro Adjektiv etwa 20 Bilder, Farbproben oder Schriftbeispiele – und mische die Quellen bewusst, damit dein Moodboard nicht nach einem einzigen Pinterest-Account aussieht.

Bewährte Inspirationsquellen 2026:

• Are.na – kuratierte visuelle Recherche ohne Algorithmus-Druck
• Cosmos – die ruhigere Pinterest-Alternative ohne KI-Bilderflut
• Dribbble und Behance – für konkrete Designreferenzen aus deiner Branche
• Awwwards und SiteInspire – für Web-Stilrichtungen
• Pinterest – weiterhin nützlich, aber mit kritischem Blick (viele KI-Bilder)
• Same Energy – KI-basierte visuelle Suche: Bild hochladen oder Link einfügen, und das Tool zeigt dir stilistisch ähnliche Bilder. Ideal, wenn du von einem konkreten Referenzbild aus weitersuchen willst, statt mit Stichworten zu starten.
• Eigene Fotobibliothek, Stockfoto-Datenbanken, gescannte Bücher und Magazine – für Material, das nicht jeder im Netz schon gesehen hat

Wichtig: Markiere bei jedem Bild kurz, warum du es ausgewählt hast – ein Stichwort genügt. Sonst weißt du in Schritt 4 nicht mehr, was dich daran überzeugt hat.

Output am Ende des Schritts:
Eine Sammlung von 80–200 Bildern, Farbproben und Schriftbeispielen, grob nach Adjektiven sortiert.

Schritt 4: Sortieren und kuratieren

Hier trennt sich ein Moodboard von einer Pinnwand. Du gehst dein Material durch und reduzierst radikal. Stelle dir drei Fragen:

• Welches Bild repräsentiert die Stimmung am stärksten – nicht das schönste, sondern das treffendste?
• Welche Bilder erzählen zusammen eine konsistente Geschichte?
• Welche Farben und Schriften tauchen in den ausgewählten Bildern wiederholt auf? Das ist meist deine eigentliche Palette.

Faustregel: Aus 100 Bildern bleiben am Ende 6 bis 10 übrig. Alles andere kommt weg. Was du nicht streichst, verwässert das Ergebnis.

Output am Ende des Schritts:
Eine kuratierte Auswahl von 6–10 Bildern, 4–6 Farben, 2–3 Schriften und 5–10 Adjektiven.

Schritt 5: Moodboard zusammenstellen

Jetzt baust du das eigentliche Board. Wähle dein Tool nach Anlass:

• Figma oder FigJam – für kollaborative Boards und Web-Projekte
• Milanote – wenn du mehrere Boards parallel verwalten willst
• Canva oder Adobe Express – für schnelle Kundenpräsentationen
• Pinterest-Board – als interne Sammlung, weniger als finale Präsentation
• Analog – wenn Haptik und Materialien zentral sind

Beim Anordnen achtest du auf einen roten Faden. Gruppiere thematisch, lasse Luft zwischen den Elementen, setze die Adjektive sichtbar dazu. Wenn das Board auf eine DIN A4 Seite passt und beim ersten Blick eine klare Stimmung transportiert, hast du es richtig gemacht.

Output am Ende des Schritts:
Das fertige Moodboard als A4-PDF, Figma-Datei oder analoge Tafel – präsentationsfähig.

Schritt 6: Feedback einholen und iterieren

Der wichtigste Schritt – und der, der am häufigsten übersprungen wird. Ein Moodboard, das nur du gesehen hast, ist ein halbes Moodboard.

Zeig das Board mindestens zwei Personen außerhalb des Projekts: dem Kunden, einem Kollegen, einer Person aus der späteren Zielgruppe. Stelle ihnen gezielt offene Fragen statt Ja/Nein-Fragen:

• Welche drei Adjektive würdest du diesem Board zuordnen?
• Welches Bild zieht deinen Blick zuerst an – und warum?
• Was fühlt sich für dich nicht stimmig an?

Decken sich die Antworten mit deinen Adjektiven aus Schritt 2, hast du Klarheit. Wenn nicht, weißt du, wo du noch nachschärfen musst. Plane eine zweite Iteration fest ein – kein Moodboard sitzt beim ersten Wurf.

Output am Ende des Schritts:
Ein abgestimmtes Moodboard, dessen Wirkung extern bestätigt ist – Basis für alle nachfolgenden Designentscheidungen.

Tipps für Moodboards im Projektablauf

Etwas zu visualisieren, ist der erste Schritt, um es in die Realität umzusetzen.

Wer eine Website erstellen möchte, auf der Suche nach einer Corporate Identity ist oder ein Produkt entwerfen möchte, braucht Ideen. Daher ist das Moodboard oft ganz früh ein Teil des Designprozesses. Während der Erstellung werden viele Ideen gesammelt und wieder verworfen, bis am Ende nur noch der Entwurf übrigbleibt, der dann auch in die Realität umgesetzt wird.

Nicht jede Idee funktioniert – und das ist auch gut so. Mit einem Moodboard findest du so lange heraus, was für dich nicht klappt, bis du ganz genau weißt, was gut funktioniert. In der Regel kennst du dein Unternehmen nach diesem Prozess noch besser. Das Moodboard wird somit zur Grundlage deiner Corporate Identity.

Moodboard, Stylescape oder Wireframe – was ist der Unterschied?

Im frühen Webdesign-Prozess begegnen dir drei verwandte, aber klar unterscheidbare Werkzeuge. Wer sie verwechselt, verliert Zeit – wer sie richtig einsetzt, hat einen sauberen Übergang von Idee zu fertigem Layout.

Kriterium	Moodboard	Stylescape	Wireframe
Zweck	Stimmung und Richtung festlegen	Konkreten Designstil zeigen	Struktur und Funktion planen
Detailgrad	Niedrig – grobe Richtung	Mittel – Stilrichtung erkennbar	Hoch – Layout und Hierarchie
Zeitpunkt im Prozess	Ganz früh – vor allem anderen	Früh-mittel – nach dem Moodboard	Mittel – parallel oder nach Stylescape
Was enthält es?	Bilder, Farben, Schriften, Adjektive, Texturen	Finale Farben, Typografie, UI-Andeutungen, Komponenten-Stil	Layout, Boxen, Platzhalter, Hierarchie, Inhaltsblöcke
Pixelgenau?	Nein – atmosphärisch	Nein – stilistisch konkret, aber nicht final	Strukturell ja, gestalterisch nein
Hauptadressat	Designer und Kunde	Vor allem Kunde – Designentscheidung	Designer, Entwickler, Kunde
Typischer Aufwand	2–4 Stunden	Halber bis ganzer Tag	Mehrere Tage je nach Projekt

Wie die drei Werkzeuge ineinandergreifen

Ein typischer Webdesign-Prozess durchläuft alle drei: Du startest mit dem Moodboard, um die gestalterische Richtung zu klären. Steht die Richtung, übersetzt du sie in ein Stylescape – einen konkreteren Entwurf, der zeigt, wie diese Stimmung im späteren Webdesign aussehen wird. Parallel oder unmittelbar danach entstehen die Wireframes, die festlegen, wo welche Inhalte stehen und wie die Seite strukturiert ist.

Erst aus der Kombination aller drei wird das fertige Webdesign: das Moodboard liefert die Stimmung, das Stylescape den Stil, der Wireframe die Struktur.

Welche Tools eignen sich für die Moodboard-Erstellung

Faustregel: Ein Tool entscheidet nicht über die Qualität deines Moodboards. Die Qualität entsteht aus der Klarheit deines Briefings und der Sorgfalt deiner Kuration. Wähle das Tool, das deinem Arbeitsstil entspricht – nicht das mit der längsten Feature-Liste.

Fazit: Moodboards sind die Grundlage eines guten Design-Konzepts

Auch, wenn du eine zündende Idee hast und sofort mit der Umsetzung starten möchtest, lohnt es sich, Zeit in ein handfestes Konzept zu investieren.

Ein Moodboard ist eine gute Grundlage für deinen Designprozess. Auch und gerade in KI-Zeiten.

Nutze die hilfreichen Tools, um passende Bilder, Farben und Schriften für deine Stimmungstafel zu finden. Und vielleicht stößt du bei deiner Ideensammlung ja noch auf weitere gute Gedankenanstöße, die dir bei deinem Projekt helfen können.

Häufig gestellte Fragen zu Moodboards

Die häufigsten Fragen rund ums Moodboard – kompakt beantwortet. Für die ausführlichen Erklärungen scrolle einfach im Artikel zum entsprechenden Abschnitt.

Was ist ein Moodboard?

Ein Moodboard ist die visuelle DNA eines Designprojekts – eine kuratierte Sammlung aus Bildern, Farben, Schriften, Texturen und Stichworten, die die gestalterische Richtung festlegt, bevor der erste Pixel gezogen wird. Es dient als emotionaler Bauplan und Kommunikationswerkzeug zwischen Designer und Kunde.

Welche Vorteile bietet ein Moodboard?

Moodboards helfen, Ideen zu sammeln, zu sortieren und visuell darzustellen. Sie schärfen die gestalterische Richtung, vermeiden falsche Designentwürfe und sind ein zentrales Kommunikationswerkzeug gegenüber Kunden, weil sie abstrakte Begriffe wie „hochwertig“ oder „verspielt“ in etwas Sichtbares übersetzen.

Was gehört in ein Moodboard?

Ein vollständiges Moodboard enthält sechs Bausteine: Bilder und Illustrationen (atmosphärisch und konkret), eine Farbpalette aus 4 bis 6 abgestimmten Tönen, Typografie mit 2 bis 3 Schriftproben, Texturen und Muster, 5 bis 10 Schlüsseladjektive sowie bei Branding-Projekten Icons und Logo-Referenzen.

Was ist besser: ein analoges oder digitales Moodboard?

Beide Formen haben ihre Stärken. Analoge Moodboards bieten Haptik und fördern die Kreativität durch das physische Arbeiten mit Materialien. Digitale Moodboards sind schneller erstellt, einfacher zu teilen und ideal für Teamarbeit. Im professionellen Webdesign-Alltag überwiegt der digitale Workflow, weil die Ergebnisse direkt in den weiteren Designprozess einfließen.

Wie erstelle ich ein Moodboard mit KI?

KI beschleunigt vor allem vier Schritte: Adjektivlisten mit ChatGPT oder Claude generieren, Konzeptbilder mit Midjourney, Krea oder Adobe Firefly erzeugen, Farbpaletten über Huemint oder Coolors ableiten und Schriftkombinationen mit Fontjoy vorfiltern. Wichtig ist eine Mischung von etwa 60 Prozent realen Referenzen und 40 Prozent KI-Bildern, um die typische generische KI-Ästhetik zu vermeiden.

Welche Tools eignen sich für digitale Moodboards?

Für kollaborative Profi-Boards sind Figma, FigJam und Milanote der Standard. Für schnelle Kundenpräsentationen eignen sich Canva und Adobe Express. Für visuelle Recherche sind Are.na und Cosmos die besten Pinterest-Alternativen. KI-spezifische Moodboard-Generatoren wie moodboardcreator.dev liefern erste Vorlagen.

Wie finde ich Inspiration für mein Moodboard?

Suche pro Schlüsseladjektiv etwa 20 Bilder oder Referenzen. Bewährte Quellen sind Are.na für kuratierte Recherche, Cosmos und Pinterest für breite Stimmungssuche, Dribbble und Behance für konkrete Designreferenzen sowie Awwwards und SiteInspire für Web-Stilrichtungen. Eine bewusste Mischung der Quellen verhindert ein generisches Ergebnis.

Wie viele Bilder gehören in ein Moodboard?

Am Ende sollten 6 bis 10 kuratierte Bilder im Moodboard stehen, ergänzt durch 4 bis 6 Farben, 2 bis 3 Schriften und 5 bis 10 Schlüsseladjektive. Ein Board, das auf eine DIN-A4-Seite passt und beim ersten Blick eine klare Stimmung transportiert, hat die richtige Dichte.

Welche Rolle spielen Farben und Schriftarten in einem Moodboard?

Farben setzen Stimmung und Markenwahrnehmung. Eine ausgewogene Palette aus 4 bis 6 Tönen mit hellen und dunkleren Anteilen ist eine gute Basis. Schriften erzeugen ihrerseits Assoziationen – eine Didone wirkt anders als eine Grotesk. Zeige im Moodboard 2 bis 3 Schriftproben, idealerweise mit echten Wörtern aus dem Projektkontext statt mit Lorem ipsum.

Kann ich ein Moodboard in Teamarbeit erstellen?

Ja, vor allem digitale Moodboards eignen sich für kollaborative Arbeit. Tools wie Figma, FigJam, Milanote, Mural oder Miro erlauben Echtzeit-Bearbeitung mit Kollegen oder Kunden. Wichtig ist eine klare Rollenverteilung: eine Person kuratiert und entscheidet, die anderen liefern Material und Feedback.

Was ist der Unterschied zwischen Moodboard, Stylescape und Wireframe?

Das Moodboard legt die Stimmung und gestalterische Richtung fest und steht ganz am Anfang. Das Stylescape übersetzt diese Richtung in einen konkreteren Designentwurf mit finalen Farben, Schriften und UI-Andeutungen. Der Wireframe plant die Struktur und Funktion einer Seite – wo welche Inhalte stehen und wie sie hierarchisch geordnet sind. Alle drei greifen ineinander.