Ein geometrisches Blatt als Ausgangspunkt des Systems.
← Zurück zu den Projekten01 / KontextGeneratives Design
Eine flexible Identität für eine Marke, die nicht immer dieselbe Komposition wiederholen musste.
Soap Lavender Up geht von einer Linie handgemachter Seifen aus und entwickelt eine anpassbare visuelle Sprache: als Ganzes wiedererkennbar, in jedem Träger variabel.
- Meine Rolle
- Programmierte das generative Muster in p5.js
- Definierte die Regeln des Systems: Einheit, Raster und Palette
- Wendete das Muster auf Verpackung, Tasche und Necessaire an
- Baute eine animierte Startseite mit Maus- und Tastaturinteraktion
- Kontext
- Akademisches Projekt · Programmierung für Kunst und Design
- Werkzeuge
- p5.js, Illustrator, Photoshop
- Ergebnis
- Generative Identität angewendet auf Verpackung
Kohärenz
ohne Wiederholung.
Das war die abschließende Aufgabe meines Kurses Programmierung für Kunst und Design: mit verschachtelten Schleifen und Zufall in p5.js ein generatives Muster für die Verpackung eines selbst gewählten Produkts zu bauen. Ich entschied mich für eine handgemachte Seife als reale Anwendung.
Ich entschied mich, keine einzelne geschlossene Grafik zu gestalten, sondern ein System: Ich wollte prüfen, wie dieselbe visuelle Logik unterschiedliche Kompositionen erzeugen kann, ohne eine erkennbare Richtung zu verlieren.
Ich baute diese Logik auf drei eigenen Entscheidungen auf: eine Basiseinheit (ein pflanzliches Blatt), ein festes Raster, das die Komposition ordnet, und eine begrenzte Palette, die die Kohärenz zwischen den Variationen bewahrt.
Ein festes Raster, das die Kompositionen ordnet.
Farbe, Deckkraft und Ausrichtung innerhalb derselben visuellen Logik.
03 / Visuelles System
Eine Regel.
Eine Regel.
Ein variables System.
Das Basismodul wird innerhalb eines festen Rasters kombiniert. Der Code verändert Ausrichtung, Farbe und Deckkraft, um neue Kompositionen zu erzeugen, ohne Struktur zu verlieren.
04 / Kontrollierte Variablen
Lavendel
Lavendel
Salbei
Creme
Die Palette hält die Variation in einem weichen, natürlichen und wiedererkennbaren visuellen Bereich.
LavendelRuhe#B6A0DC
SalbeigrünNatürlichkeit#A0AFA0
ErdcremeSanftheit#FFDFD3
Das System
gibt den Rhythmus vor.
Ich nutzte das Raster für Ordnung, das Blatt für eine organische Geste, und begrenzte die Palette, um visuelles Rauschen zu reduzieren.
Ich gestaltete die Variation als Teil des Systems, nicht als Extra: Jede Anwendung verändert sich, folgt aber derselben Code-Logik.
Code als Designwerkzeug.
Diese animierte Startseite war die zweite Abgabe des Kurses: Ich nutzte dasselbe visuelle System, um eine Web-Interaktion mit Animation, Maus und Tastatur zu bauen, statt bei null anzufangen.
square()Baut das Blatt aus einer einfachen geometrischen Form.
random()Führt Variation in Farbe, Deckkraft und Ausrichtung ein.
rotate()Ermöglicht, dass sich das Modul verändert, ohne seine Struktur zu verlieren.
Soap
Lavender
Up
Lavender
Up
Natürliche Pflege, inspiriert von Geometrie, Ruhe und handwerklichem Design.
Klicken, um den Träger zu wechseln
Ein Muster,
das sich je nach
Träger verändert.
Die Aufgabe verlangte das Muster nur für die Seifenverpackung. Ich ging weiter und übertrug es auch auf die Papiertüte und das Necessaire, um das System auf mehr Trägern zu testen.
08 / Rückblick
“Die Regel gestalten, nicht nur das Ergebnis.”
Dieses Projekt half mir, visuelle Identität als System zu verstehen: eine klare Struktur, die sich anpassen kann, ohne ihre Absicht zu verlieren.
Zurück zu den Projekten ↗