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 haben wir uns mit Parkettierungen beschäftigt, mit dem Ziel unser eigenes Pattern zu entwickeln.
Ideenfindung
Zu Beginn des Kurses habe ich mich für die Grundform des Parallelogramms entschieden. Im weiteren Verlauf der Ideenfindung habe ich zunächst verschiedene Anordnungen einzelner Parallelogramme ausprobiert, um deren gestalterische Möglichkeiten und das Zusammenspiel der Formen zu auszutesten.
Die Grundform
Die Grundform besteht aus vier symmetrisch angeordneten Parallelogrammen. Durch ihre Anordnung entsteht in der Mitte eine Raute
Pattern
Pattern 1
Im ersten Pattern ist die Grundform unverändert. Sie ist in diagonalen Reihen angeordnet die mithilfe eines Offset-Reglers seitlich verschiebt werden können. Durch diese diagonale Anordnung entsteht eine 3-dimensionale Stufenwirkung.
Regler
Mit den Reglern Width und Height lassen sich die Höhe und Breite der gesamten Grundform einstellen und somit die Grundform verzerren. Mit dem Diamond-Regler lässt sich die Raute in der Mitte der Grundform öffnen und schließen. Dabei werden der obere und der untere Eckpunkt der Raute zueinander verschoben. Dadurch verändern
sich die äußeren Parallelogramme zu Trapezen. Mit den HSB-Reglern lässt sich die Farbe individuell für alle Formen gleichmäßig einstellen.
Pattern 2
Abwandlung der Grundform
Im zweiten Pattern wurde die Grundform leicht verändert. Sie ist in zwei Hälften geteilt, die sich unabhängig voneinander bewegen können. Durch die neue Anordnung entstand eine Form, die sich nur schwer dreidimensional interpretieren lässt. Um sie klarer erfassbar zu machen, wurde sie in zwei Dreiecke unterteilt und die Farbgebung leicht angepasst.
Regler
Wie im vorherigen Pattern stehen die HSB-Regler sowie die Regler für Width und Height zur Verfügung. Zusätzlich steuert der Offset-Regler das Zueinanderschieben der Parallelogramme. Mit dem Rotation-Toggle lässt sich das gesamte Pattern drehen. Der Simplify-Toggle vereinfacht das Muster, indem die unteren Parallelogramme farblich an die Dreiecke angepasst werden, wodurch Trapeze entstehen.
Pattern 3
Im dritten Pattern wurde die Grundform leicht verändert. Die beiden oberen Parallelogramme wurden um die Höhe ihrer kurzen Seite nach unten verschoben. Dadurch verkleinert sich die Raute in der Mitte der Grundform. Gleichzeitig werden die unteren Parallelogramme durch die Überlappung zu kleineren Trapezen. Zudem wurde die Farbgebung erneut angepasst, um den dreidimensionalen Eindruck weiter zu verstärken.
Abwandlung der Grundform
Im dritten Pattern wurde die Grundform leicht verändert. Die beiden oberen Parallelogramme wurden um die Höhe ihrer kurzen Seite nach unten verschoben. Dadurch verkleinert sich die Raute in der Mitte der Grundform. Gleichzeitig werden die unteren Parallelogramme durch die Überlappung zu kleineren Trapezen. Zudem wurde die Farbgebung erneut angepasst, um den dreidimensionalen Eindruck weiter zu verstärken.
Regler
Die verfügbaren Regler sind Width, Height, HSB, Offset und Diamond. Der Offset-Regler verschiebt die Reihen vertikal und erzeugt zusätzliche Polygone mit säulenartiger Wirkung. Mit dem Diamond-Regler wird die Raute zusammengezogen, wodurch sich die oberen Parallelogramme zu Trapezen und die unteren durch Überlappung zu Dreiecken verändern.
Pattern 4
Das vierte Pattern zeigt, wie eine kleine Verschiebung jeder zweiten Reihe die Wahrnehmung des gesamten Bildes stark verändern kann.
Abwandlung der Grundform
Die Grundform hat sich im Vergleich zu Pattern 3 ausschließlich in der Einfärbung verändert.
Regler
Die verfügbaren Regler sind Switch, Diamond und HSB. Mit Switch wird jede zweite Reihe seitlich verschoben, wodurch die Hohlräume zwischen den Modulen verschwinden. Der Diamond-Regler verändert die Grundform wie im vorherigen Pattern und erzeugt dadurch neue Muster und Strukturen.