Zum Inhalt springen

Moodboard

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 11.11.2026

Ein Moodboard ist eine Collage aus Bildern, Farben, Schriften und Texten, die die gewünschte Stimmung eines Designs zeigt. Der Duden beschreibt es als besonders in Kommunikations- und Designberufen erstellte Collage zu Präsentationszwecken; mood heißt auf Englisch Stimmung.

Moodboard

Eine Collage aus Bildern, Farben, Schriften und Texten, die die gewünschte Stimmung eines Designs auf einen Blick zeigt.
Beispiel: „Im Kick-off legten wir dem Kunden zwei Moodboards vor, eines ruhig und hell, eines kräftig und laut.“

Auch: Mood Board, Stimmungsbild.

Abgrenzung zum Styleguide: Er legt fest, das Moodboard sucht noch.

Wann ein Moodboard entsteht

Laut Nielsen Norman Group entsteht ein Moodboard früh im Prozess, bevor Prototypen gebaut werden. Es hilft, Primärfarben und visuelle Identität festzulegen, und kann auch Wörter für die Tonalität, Interaktionsmuster und Screenshots enthalten. Die Nielsen Norman Group rät, lieber mehrere Moodboards anzulegen, eines je Stimmung, statt alles auf eines zu packen.

Was in ein Moodboard gehört

Typisch sind Fotos mit der gewünschten Farbstimmung, Farbfelder, Schriftproben, Texturen und Beispiele anderer Websites. Entscheidend ist die Auswahl: Ein Moodboard soll eine Richtung zeigen, keine Sammlung von allem, was gefällt. Gibt es schon einen Styleguide, wird er laut Nielsen Norman Group vorher gesichtet, damit das Moodboard nicht gegen die Marke arbeitet.

Vom Moodboard zum Entwurf

Ist eine Richtung gewählt, folgt der Entwurf: zuerst ein Wireframe für die Struktur, dann ein Mockup mit Farben und Bildern. Laut Nielsen Norman Group kann das Moodboard später auch den visuellen Styleguide anregen.

Siehe auch:

Styleguide

Ein Regelwerk, das festlegt, wie Logo, Farben, Schriften und Gestaltungselemente einer Marke oder Oberfläche eingesetzt werden.

#Gestaltungsgrundlagen

Mockup

Ein statischer, detailgenauer Entwurf einer Oberfläche mit Farben, Bildern und Schriften, der aussieht wie das fertige Produkt.

#Gestaltungsgrundlagen

Farbstimmung

Der durchgehende Farbeindruck eines Bildes aus Farbtönen, Sättigung und Temperatur.

#Gestaltungsgrundlagen #Künstliche Intelligenz (KI)

Markenfarbe

Die Farbe, an der Kunden eine Marke wiedererkennen, festgelegt im Corporate Design.

#Gestaltungsgrundlagen

Wireframe

Schematische Darstellung einer einzelnen Ansicht, die Aufbau und Rangfolge der Inhalte zeigt und die Gestaltung offen lässt.

#Benutzererfahrung (UX)