In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre
Grundlagen der visuellen Darstellung ❯ SS 2012
Dokumentation der Ergebnisse aus dem Kurs »Grundlagen der visuellen Darstellung« Sommersemester 2012
Ausgehend von der kleinsten Einheit, dem Punkt, bis hin zu komplexen Strukturen, werden gestalterische Mittel kennengelernt.
Aufgabe 01
Positionieren Sie einen Punkt so, dass er folgende Anmutungen darstellt:
leicht schwer schwebend lastend negativ positiv statisch dynamisch unruhig ruhig nah > fern
©Constantin Eichstaedt
Aufgabe 02
Positionieren Sie mehrere Punkte so, dass sie folgende Anmutungen darstellen:
leicht schwer schwebend lastend negativ positiv statisch dynamisch unruhig ruhig nah > fern
©Constantin Eichstaedt
Aufgabe 03
Punktübung in 3 Schritten:
Gleich große Punkte, Anzahl zunehmend 2 Punktgrößen, Anzahl zunehmend 3 Punktgrößen, Anzahl zunehmend
Erstellen Sie sich zur Lösung dieser Aufgabe ein Raster, welches auf alle 3 Punktübungen anwendbar ist.
©Constantin Eichstaedt
Aufgabe 04
Visualisieren Sie die vier Jahreszeiten mit Hilfe von verschiedenen Punktgrössen.
©Constantin Eichstaedt
Aufgabe 05
Positionieren Sie mehrere Punkte so, dass sie folgende Anmutungen darstellen:
Streuung Ansammlung Ausgrenzung Hierarchische Gruppe Flucht/Bewegung
©Constantin Eichstaedt
Aufgabe 01
Positionieren Sie mehrere gerade Linien gleicher Stärke so, dass sich ihr Abstand progressiv vergrössert
Positionieren Sie mehrere gerade Linien bei gleichem Abstand so, dass sich ihre Stärke progressiv vergrössert
Positionieren Sie mehrere gerade Linien so, dass sich ihr Abstand und ihre Stärke progressiv vergrössert
Führen Sie diese Übung ebenfalls mit gebogenen und eckigen Linien durch
Führen Sie diese Übung mit an- und abschwellenden, geraden, gebogenen und eckigen Linien durch
©Constantin Eichstaedt
©Constantin Eichstaedt
Aufgabe 02
Linienübung in 6 Schritten:
Gleich lange, gleich starke gerade Linien, Anzahl logisch und spannungsvoll zunehmend
Verschieden lange, gleich starke gerade Linien, Anzahl logisch und spannungsvoll zunehmend
Verschieden lange, verschieden starke gerade Linien, Anzahl logisch und spannungsvoll zunehmend
Führen Sie diese Übung ebenfalls mit gebogenen Linien durch
Führen Sie diese Übung mit an- und abschwellenden, geraden und gebogenen Linien durch
©Constantin Eichstaedt
©Constantin Eichstaedt
Aufgabe 03
Visualisieren Sie die Begriffe in einem und/oder mehreren Schritten:
Laut Rhytmisch Schnell Vielfältig Belebt Ruhig
©Constantin Eichstaedt
Aufgabe 01
Positionieren Sie zwei Flächenelemente so, dass sie durch neue Anordnungen Variationen der Fläche entwickeln.
©Constantin Eichstaedt
Aufgabe 02
Erstellen Sie in neun oder mehr nachvollziehbaren Schritten einen spannungsvollen Ablauf vom Punkt, über Linie zu einer Fläche. Sie dürfen mit Quadraten oder abgerundeten Ecken arbeiten.
©Constantin Eichstaedt
Aufgabe 03
Erstellen Sie eine Flächenkomposition aus mehreren, unterschiedlich grossen Flächen. Tauschen Sie 6 x die Grauwerte aus um die Wirkung der Flächenkomposition zu ändern.
©Constantin Eichstaedt
Aufgabe
Erstellen Sie in 7 Schritten Lineamente durch gerade, geknickte oder gekrümmt Linien, Flächen oder geomentrische Grundformen. Variieren Sie diese durch Veränderung der Zeichenstärke, Modulation der Zeichenstärke linear und progressiv. Ändern Sie die Faktoren die ein Zeichen definieren.
Entwickeln Sie kontrastreiche Elemente, welche Sie zu Zeichenverbänden addieren, so dass ein einfaches System der Veränderung zu erkennen ist.
©Constantin Eichstaedt
Aufgabe 01
Erstellen Sie eine 7 x 7 Zeichen grosse Permutation oder eine 7 x 7 Zeichen grosse Flächentransformation.
Aufgabe 02
Animieren Sie Ihre Permutationen nach logischen Parametern. Nutzen Sie Photoshop für animierte Gifs, Flash oder Processing für dynamische Darstellungen oder erstellen Sie ein Pdf zur Visualisierung Ihrer Ideen.
©Constantin Eichstaedt
©Constantin Eichstaedt
©Constantin Eichstaedt
Aufgabe
Konzipieren und gestalten Sie eine sinnvolle und einfache Navigation durch Ihre bisher erarbeiteten Ergebnisse.
Die Navigation soll für einen Betrachter verständlich und nachvollziehbar sein.
Verwenden Sie Farben nur zur Auszeichnung. Beachten Sie die Positionierung der Navigation. Sie sollte immer verfügbar sein, aber nicht zu prägnant gestaltet werden. Legen Sie, falls nötig, Hierarchien fest (Hauptmenüpunkte, Untermenüpunkte, usw.).
Den Abschluss Ihrer Präsentation sollte die Animation bilden. Diese kann für sich stehen. Es sollte lediglich die Möglichkeit zu den ersten Aufgaben zurück zu kommen bestehen.
Die Animation muss navigierbar sein. Eine Auswahl verschiedener Zeichen, Permutationen etc. muss möglich sein.
Erstellen Sie ein PDF- oder Keynote-Dokument, eine HTML Site oder eine Processing oder Flash Dokumentation.
©Constantin Eichstaedt
©Constantin Eichstaedt
Die gesamte Navigation inklusive aller Arbeiten und Animationen gibt es, in Form einer HTML-Seite, entweder als Download im Material-Ordner oder unter folgendem Link online zu sehen:
[◥ Klick!](http://pixelmatik.de/gdvd/ „Klick!“)
Ein Projekt von
Constantin Eichstaedt
Fachgruppe
InterfacedesignArt des Projekts
Studienarbeit im ersten Studienabschnitt
Betreuung
DD
Entstehungszeitraum
Sommersemester 2012