Datenvisualisierung: Auseinandersetzung mit Form, Farbe und Ordnungsprinzipien, um Zusammenhänge in größeren Datenmengen sichtbar zu machen. Das Ergebnis ist ein programmierter, interaktiver Prototyp.
Die Daten werden ohne Zuhilfenahme von bildhaften Elementen (Piktogramme, Fotografien, …) interaktiv dargestellt. Alphanumerische Zeichen (Text, Zahlen) sollen so sparsam wie möglich verwendet werden. Umso wichtiger wird es, gezielt Farbe, Form und Position einzusetzen, um
Mengen sichtbar zu machen,
Kategorien zu kodieren,
Gruppen zu bilden,
Zeitabläufe nachverfolgbar zu machen,
…
Die Darstellung von Daten zwingt schon an sich zu einer parametrischen Denkweise. D.h. die grafischen Elemente müssen flexibel gedacht werden, so dass sie unterschiedliche Zahlenwerte und Bedeutungen annehmen können. Das Denken in Varianten ist also essenziell. Zudem erlauben unterschiedliche Gesamtdarstellungen neue Einblicke in die Zusammenhänge innerhalb der Daten. Durch Interaktion können weitere Zusammenhänge vom Nutzer entdeckt werden.
Im Kurs Programmiertes Entwerfen setzten wir uns mit dem Thema Parkettierung auseinander.
Entwicklung
Grundform
Ausgehend von einer Raute entwickelte ich zunächst auf Papier erste Entwürfe und arbeitete sie anschließend in Adobe Illustrator weiter aus.
Grundpattern
So entstand ein Grundpattern aus einer großen Raute im Querformat, einer kleinen Raute im Hochformat und verbindenden Parallelogrammen.
Größenverhältnisse
Einheitliche Rauten-Seitenlängen sowie Winkel von 60° und 120° sorgen dafür, dass sich die Elemente harmonisch zusammenfügen. Die beiden Rauten besitzen zudem die gleiche Höhe, wodurch sie sich an den äußeren Eckpunkten versetzt anordnen und ohne Lücken fortführen lassen.
Aneianderreihung
Pattern
Das Diamond Pattern kann über sieben Pattern-Seiten mit unterschiedlichen Reglern variiert werden. Die letzten beiden Seiten erzeugen durch die Teilung der Formen in Dreiecke eine tiefere und detailreichere Wirkung des Musters.
1 Color selection
Farbpaletten
Dem Nutzer stehen zwei vordefinierte Farbpaletten zur Auswahl: Sunset (warme Farbtöne) und Ocean (kühle Farbtöne). Die gesamte Palette kann mit einem Tipp übernommen werden.
Individuelle Farbauswahl
Einzelne Farben aus beiden Paletten lassen sich frei kombinieren. Es können ein bis vier Farben aktiv sein. Schon kleine Änderungen der Farbanzahl oder -verteilung verändern die Wirkung des Diamond Patterns.
Random-Funktion
Der Random-Button verteilt die ausgewählten Farben (mindestens zwei) zufällig auf die vier Farbgruppen und ermöglicht schnelle Variationen der Farbwirkung.
Farbeinstellungen
Unterhalb der Farbpaletten stehen drei Regler zur Verfügung:
Hue: verändert den Farbton aller ausgewählten Farben.
Beim Kombinieren warmer und kühler Farben können dadurch auch komplementäre Farbkombinationen entstehen.
Saturation: regelt die Farbsättigung von dezent bis intensiv. Brightness: steuert die Helligkeit von dunkel bis hell.
2 Swap diamond widths and heights
Mit Swap diamond widths und Swap diamond heights wird das Größenverhältnis der hellen und dunklen Rauten verändert.
Wirkung
Die Anpassung von Breite und Höhe verändert die Proportionen und die optische Dynamik des Musters.
3 Change in diamond orientation
Mit Vertical ↔ Horizontal wird die Ausrichtung der Rauten zwischen einer vertikalen und einer horizontalen Anordnung verändert.
Mit Match diamond shapes wird ausschließlich die Ausrichtung der Rauten angepasst.
Wirkung
Die Ausrichtung der Rauten beeinflusst die optische Leserichtung und den Charakter des Musters.
4 Move diamond vertices
Mit drei Reglern lassen sich die Eckpunkte der hellen Rauten sowie ganze Rautenreihen verschieben und dadurch die Form und Anordnung des Musters verändern.
Top and bottom vertical shift:
verschiebt die oberen und unteren Eckpunkte der hellen Rauten. Left and right vertical shift:
verschiebt die linken und rechten Eckpunkte der hellen Rauten. Horizontal row shift:
verschiebt ganze Rautenreihen horizontal gegeneinander.
Wirkung
Die Verschiebungen verändern Symmetrie und Rhythmus des Musters. Dadurch wirkt das Pattern geradliniger, diagonaler oder bewegter.
5 Vertices to Center
Mit den vier Reglern lassen sich die Eckpunkte der kleinen und großen Rauten zur Mitte verschieben.
Bei 1 sind die Eckpunkte vollständig geschlossen.
Small diamond: top and bottom vertices:
verschiebt die oberen und unteren Eckpunkte der kleinen Raute. Small diamond: left and right vertices:
verschiebt die linken und rechten Eckpunkte der kleinen Raute. Large diamond: top and bottom vertices:
verschiebt die oberen und unteren Eckpunkte der großen Raute. Large diamond: left and right vertices:
verschiebt die linken und rechten Eckpunkte der großen Raute.
Wirkung
Das Schließen der Eckpunkte verändert die Offenheit und Dichte des Musters und erzeugt je nach Einstellung eine kompaktere oder offenere Struktur.
Small Diamond
Large Diamond
6 Move center point
Jede Form wird durch einen gemeinsamen Mittelpunkt in vier Dreiecke unterteilt. Mit den Reglern lässt sich dieser Mittelpunkt horizontal und vertikal verschieben.
Horizontal center point: verschiebt den Mittelpunkt nach links oder rechts und verändert die seitliche Ausrichtung der Dreiecke. Vertical center point: verschiebt den Mittelpunkt nach oben oder unten und verändert die vertikalen Proportionen der Dreiecke.
Die Verschiebung des Mittelpunkts ist auf den Innenbereich der Form begrenzt.
Zoom:
Mit dem Zoom-Regler lässt sich das Pattern vergrößern, ohne Form oder Anordnung zu verändern.
7 Move edge midpoints
Mit den zwei Reglern lassen sich die Mittelpunkte der Kanten der kleinen und großen Rauten verschieben. Dadurch verändern sich Größe und Ausrichtung der entstehenden Dreiecke.
Small Diamond: Edge Midpoints: verschiebt die Kantenmittelpunkte der kleinen Raute. Large Diamond: Edge Midpoints: verschiebt die Kantenmittelpunkte der großen Raute.
Wirkung
Die Verschiebung verändert die Proportionen und Ausrichtung der Teilflächen. Dadurch wirkt das Pattern je nach Einstellung geschlossener, kantiger oder dynamischer.
Volle Einstellungen
Teilweise Ausprägung
Vielfalt
Diese Ausstellung vermittelt die theoretischen Grundlagen und Funktionsweisen der einzelnen Diamond Patterns.
Die gezeigten Beispiele stellen ausgewählte Einstellungen und deren Auswirkungen dar. Durch die Kombination verschiedener Parameter mit den individuellen Farb- und Formanpassungen entsteht jedoch eine nahezu unbegrenzte Vielfalt an individuellen Gestaltungsmöglichkeiten.