Differences

This shows you the differences between two versions of the page.

--- extras:wissikon:kreativitaetstechniken:moodboard [2026/11/06 07:57] – [Was ist ein Moodboard?] Felix Hardmood Beck
+++ extras:wissikon:kreativitaetstechniken:moodboard [2026/11/06 08:04] (current) – Felix Hardmood Beck
@@ Line 1: / Line 1: @@
 ===== Was ist ein Moodboard? =====
-Das Moodboard hat seine Wurzeln im frühen 20. Jahrhundert und entwickelte sich aus den Praktiken des Grafik- und Modedesigns. Ursprünglich als Collagen aus Stoffmustern, Farbkarten, Illustrationen und Fotografien genutzt, diente es Designer*innen als analoges Werkzeug zur Visualisierung von Atmosphären, Stilrichtungen und gestalterischen Intentionen. Besonders im Umfeld der Bauhaus-Bewegung und später im Kontext der Werbeindustrie wurde das Moodboard als Mittel etabliert, um Ideen zu bündeln und gestalterische Visionen in einer frühkommunikativen Phase zu veranschaulichen.
+Ein Moodboard ist ein einzelnes visuelles Dokument, das die **Gefühlswelt eines Entwurfs** auf einer Fläche vermittelt. Bilder, Farben und gelegentlich typografische Elemente verdichten sich zu einem Gesamteindruck. Entscheidend ist ihr Zusammenspiel. Ein roter Farbakzent wirkt neben rauem Holz anders als neben poliertem Metall. Ebenso beeinflussen Bildausschnitt, Größenverhältnisse und Leerraum, wie eine Komposition wahrgenommen wird.
-Mit dem Übergang in digitale Gestaltungsprozesse erlebte das Moodboard einen Wandel von der rein materiellen zur digitalen Praxis. Heute ist es ein interdisziplinäres Werkzeug, das in Design, Architektur, Film, Markenentwicklung und vielen weiteren Bereichen Anwendung findet. Es hilft dabei, emotionale, stilistische und inhaltliche Richtungen eines Projekts frühzeitig zu klären, Diskussionen anzustoßen und Teams auf eine gemeinsame visuelle Sprache einzuschwören. Die Funktion bleibt dabei konstant: ein verdichtetes, visuelles Vokabular für eine noch nicht vollständig definierte Idee bereitzustellen.
-Visuelle Collagen verdichten Stimmungen, ästhetische Richtungen, thematische Assoziationen oder gestalterische Leitideen. Sie dienen als Inspirationsquelle, Kommunikationsmittel und Entscheidungsgrundlage in frühen Phasen kreativer Prozesse – insbesondere in Bereichen wie Design, Branding, Architektur oder Szenografie. Ihr Ziel ist es, eine gemeinsame gestalterische Sprache zu entwickeln oder ein spezifisches Gefühl zu vermitteln, das als Ausgangspunkt für die weitere Gestaltung dient. Im Gegensatz zu fertigen Lösungen eröffnen sie einen emotionalen und kreativen Möglichkeitsraum.
-  - Ein Moodboard fasst visuelle, typografische, materielle oder farbliche Eindrücke zu einem bestimmten Thema oder Konzept zusammen.
-  - Es zeigt keine fertige Lösung, sondern einen gestalterischen oder emotionalen Möglichkeitsraum.
-  - Ziel ist es, eine gemeinsame gestalterische Sprache zu finden oder ein bestimmtes Gefühl zu vermitteln.
-==== Vom Moodboard zum Moodchart ====
+Moodboards kommen unter anderem in Grafik- und Modedesign, Architektur, Film, Markenentwicklung und Szenografie zum Einsatz. Besonders hilfreich sind sie zu Beginn eines Projekts, wenn die gewünschte Atmosphäre bereits eine Rolle spielt und die konkrete Gestaltung noch offen ist. Begriffe wie „ruhig“, „spielerisch“ oder „technisch“ können im Team ganz unterschiedliche Vorstellungen auslösen. Ein Moodboard macht diese Vorstellungen sichtbar und schafft eine Grundlage, um über die gestalterische Richtung zu sprechen.
 ==== Bestandteile ====
-Zusammensetzungen dieser Art bestehen aus unterschiedlichen Bestandteilen: **Fotografien**, **Illustrationen**, Screenshots oder Renderings liefern erste visuelle Impulse. Farbpaletten oder **Farbfelder** definieren mögliche Harmonien, Typografiebeispiele veranschaulichen Schriftästhetiken, und Materialproben vermitteln Eindrücke von **Texturen**, **Oberflächen** oder Mustern. Ergänzend können Wörter, Zitate oder **einzelne Begriffe** eingesetzt werden, um Assoziationen und atmosphärische Anker zu setzen.
+  * **Bilder** – Fotografien, Illustrationen, Filmstills, Screenshots oder Renderings vermitteln etwa eine Lichtstimmung, eine räumliche Situation oder ein charakteristisches Detail.
+  * **Farben** – Farbfelder zeigen eine mögliche Palette. Auch die Anteile zählen. Ein schmaler roter Streifen setzt einen anderen Akzent als eine große rote Fläche.
+  * **Typografie** – Einzelne Buchstaben, Wörter oder Schriftzüge bringen über Schriftform, Größe und Anordnung einen eigenen Ausdruck ein.
+  * **Texturen und Oberflächen** – Nahaufnahmen, Scans oder Abreibungen machen Materialeigenschaften wie Maserung, Glanz oder Rauheit sichtbar.
+  * **Sprache** – Ein prägnanter Begriff oder ein kurzes Zitat kann eine Assoziation aufgreifen, die für den Entwurf wichtig ist.
-  - //Bilder// => Fotografien, Illustrationen, Screenshots, Renderings
+==== Anwendung und Vorteile ====
-  - //Farbfelder// => Farbpaletten, Farbharmonien
-  - //Typografiebeispiele// => Schriftzüge, Stilrichtungen
-  - //Materialproben// => Texturen, Oberflächen, Muster
-  - //Wörter, Zitate, Begriffe// => assoziative oder stimmungsprägende Sprachelemente
+Im [[extras:wissikon:design-development:design-process|Designprozess]] hilft ein Moodboard, die Ergebnisse einer visuellen Recherche zu ordnen und eine gestalterische Richtung zu entwickeln. Im Gespräch mit dem Team oder mit Auftraggeber*innen lässt sich anhand konkreter Motive klären, was zu einem Projekt passt. Bei einer Ausstellung kann das die Lichtstimmung sein, bei einer Benutzeroberfläche das Verhältnis von ruhigen Flächen und kräftigen Farbakzenten, bei einer Marke das Zusammenspiel von Bildsprache und Typografie.
-==== Anwendung ====
+Auch intuitive Entscheidungen werden dadurch besprechbar. „Das gedämpfte Seitenlicht in diesem Bild passt zu unserem Raum“ gibt dem Team einen konkreteren Anhaltspunkt als „Der Raum soll ruhig wirken“. Varianten lassen sich mit wenig Aufwand erproben, etwa durch den Austausch eines Motivs oder eine Verschiebung der Farbanteile. Später kann das Moodboard neben einem Layout, Modell oder Prototyp liegen, um zu prüfen, ob die angestrebte Atmosphäre im Entwurf spürbar wird.
-In der Anwendung dienen diese visuellen Collagen der **thematischen Recherche**, der Entwicklung eines **gestalterischen Rahmens** und der **Kommunikation** zwischen Designteams, Auftraggebern oder anderen Projektbeteiligten. Sie erleichtern konzeptionelle und ästhetische Entscheidungen und bilden oft die Grundlage für ein konsistentes Look & Feel. Darüber hinaus spielen sie eine zentrale Rolle in frühen Phasen der **Markenentwicklung**, bei der Gestaltung von Benutzeroberflächen oder im Produktdesign.
-  - Visuelle Recherche und Themensondierung
-  - Kommunikationswerkzeug zwischen Design, Auftraggeber und Team
-  - Orientierung in konzeptionellen oder gestalterischen Entscheidungen
-  - Entwicklung eines Look & Feel vor Layout, Modell oder Entwurf
-  - Grundlage für Markenentwicklung, UI/UX, Produktdesign
 ==== Formen ====
-Je nach Kontext entstehen solche Zusammenfassungen in unterschiedlichen Formen: **analog, digital oder hybrid**. Analoge Versionen entstehen auf Karton, an Wänden oder in Skizzenbüchern, während digitale Varianten mit Tools wie Keynote, Milanote, Canva, Pinterest, Figma oder InDesign erstellt werden können. Hybride Ansätze kombinieren physische Materialien mit digitalen Plattformen und erweitern so die kreativen Möglichkeiten.
+Ein **analoges Moodboard** kann als Collage auf Papier, auf Karton oder auf einer Doppelseite im Skizzenbuch entstehen. Ein **digitales Moodboard** lässt sich beispielsweise auf einer einzelnen Fläche in Figma, Keynote oder InDesign anlegen. **Hybride Arbeitsweisen** verbinden beides. So können eigene Materialexperimente zunächst im Atelier entstehen und anschließend als Fotografien oder Scans in eine digitale Komposition einfließen. In allen Fällen sollte das Moodboard als Ganzes auf einen Blick erfassbar sein.
-  - //Analog// => Auf Karton, Wand, in Skizzenbuch oder mit physischen Materialien
-  - //Digital// => Mit Tools wie Milanote, Canva, Pinterest, Figma, InDesign
-  - //Hybrid// => Kombination aus analogem Material und digitalem Interface
-==== Vorteile ====
-Die Arbeit mit visuellen Collagen bietet klare Vorteile: Ideen und Stimmungen werden auf einen Blick verdichtet, **emotionale und intuitive Zugänge zu einem Thema** erleichtert und die Abstimmung im Team gefördert. Sie sind flexibel einsetzbar, schnell herstellbar und können vielseitig an verschiedene Anforderungen angepasst werden – ein entscheidendes Werkzeug in frühen Konzeptionsphasen.
-  - Verdichtet visuelle Identitäten oder Ideen auf einen Blick
-  - Ermöglicht emotionale, intuitive Zugänge zu einem Thema
-  - Fördert Kommunikation und Abstimmung im Team
-  - Flexibel, schnell und vielseitig anwendbar
 ==== Tipps zur Erstellung ====
-Für die Erstellung solcher Kompositionen sind einige Tipps hilfreich: Es sollte eine klare Zielsetzung oder Fragestellung definiert werden. Das Bildmaterial wird sorgfältig, aber mit ausreichend Offenheit ausgewählt, um kreative Spielräume zu ermöglichen. Farbharmonien und visuelle Hierarchien strukturieren die Anordnung, während bewusster Einsatz von Leerraum die Wirkung einzelner Elemente verstärkt. Eine gezielte Gruppierung macht Zusammenhänge sichtbar und unterstützt die inhaltliche wie ästhetische Kohärenz.
+  - **Mit einer Frage beginnen.** „Wie soll sich der erste Moment an unserer Hörstation anfühlen?“ gibt der Recherche eine Richtung und lässt unterschiedliche Antworten zu.
+  - **Breit sammeln, gezielt auswählen.** Auch Motive aus anderen Zusammenhängen können weiterhelfen. Für eine Hörstation kann das Licht in einem Zugabteil interessanter sein als das Foto einer bestehenden Ausstellung.
+  - **Die Fläche komponieren.** Größenunterschiede lenken den Blick, Nähe stellt Bezüge her, Leerraum gibt einzelnen Motiven Gewicht.
+  - **Die Wirkung prüfen.** Eine andere Person beschreibt zunächst in eigenen Worten, welche Atmosphäre sie wahrnimmt und woran sie diese festmacht. Der Vergleich mit der eigenen Absicht zeigt, wo sich die Auswahl oder Anordnung schärfen lässt.
-  - Ziel oder Fragestellung vorher definieren
+==== Beispiel: Moodboard Projekt Raumimpulse ====
-  - Bildmaterial gezielt, aber nicht zu eng auswählen
-  - Farbharmonie und visuelle Hierarchie beachten
-  - Nicht überladen – Leerraum schafft Wirkung
-  - Elemente gruppieren und Bezüge sichtbar machen
+Siehe auch das [[extras:wissikon:design-development:konzeptstatement#beispielkonzept|Konzeptstatement zum Beispiel Klangimpulse]].
+{{:about:moodboard_beispiel_klangimpulse.jpg|}}
+==== Vom Moodboard zum Moodchart ====
-===== Beispiel: Moodboard Projekt Raumimpulse =====
+Im Studiengang Creative Technologies verwenden wir den Begriff //[[moodchart|Moodchart]]// für eine erweiterte Form der gestalterischen Recherche. Ausgangspunkt ist die auf dem Moodboard dargestellte Gefühlswelt. Das Moodchart setzt sie in Beziehung zu den Menschen, Orten, Materialien und Handlungen eines konkreten Szenarios. Für eine Hörstation könnten beispielsweise Materialproben aus Holz und Filz hinzukommen, auf denen sich ein Gegenstand unterschiedlich laut absetzen lässt. Eine [[..:design-development:persona|Persona]] beschreibt die Erwartungen einer Besucherin. Eine [[:user-journey|User Journey]] zeigt, wie sie die Station entdeckt, eine Geschichte auslöst und zuhört. Im Zusammenhang wird daraus eine konkrete Entwurfsfrage: Hilft das hörbare Aufsetzen des Gegenstands der Besucherin zu verstehen, dass sie die Geschichte gestartet hat? Welche Elemente ein Moodchart umfasst, hängt davon ab, was das Team über sein eigenes Szenario herausfinden möchte.
-siehe auch [[extras:wissikon:design-development:konzeptstatement#beispielkonzept|Konzeptstatement Beispiel Klangimpulse]].
-{{:about:moodboard_beispiel_klangimpulse.jpg|}}