Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Grundlagen der visuellen Gestaltung

Die Kursdokumentation von Jochen Fuchs

Die Beschäftigung mit der Visualisierung komplexer Inhalte, Prozesse, Funktionen oder ästhetischer Strukturen setzt ein fundiertes Grundlagenwissen der Elemente grafischen Gestaltens voraus. Ausgehend von der kleinsten Einheit, dem Punkt, bis hin zu komplexen Strukturen, werden gestalterische Mittel, ohne die Beeinflussung eines Inhaltes, kennengelernt. Erweiternd wird die Dimension Zeit hinzugenommen um dynamische Prozesse zu generieren.

[Prof. Danijela Djokic]

Punkt

Punkte11.gifPunkte11.gif
Punkte1.gifPunkte1.gif
Punkte3.gifPunkte3.gif
Punkte4.gifPunkte4.gif
Punkte5.gifPunkte5.gif
Punkte6.gifPunkte6.gif

Der Punkt ist die kleinste grafische Einheit. Er besitzt keinerlei Dimension, hat weder Länge noch Breite. Dennoch kann ein einzelner Punkt allein durch seine Größe und Position innerhalb einer Fläche völlig unterschiedliche Eigenschaften und Anmutungen vermitteln

Linie

Linie1.gifLinie1.gif
Linie2.gifLinie2.gif
Linie3.gifLinie3.gif
Linie5.gifLinie5.gif

Mit der Linie gewinnt die gestalterische Arbeit die erste Dimension. Im Gegensatz zur festen Position eines Punktes besitzt die Linie einen Anfang und ein Ende und hat somit eine Länge, durch die sie definiert wird.

Fläche

Fl_che1.gifFl_che1.gif
Fl_che2.gifFl_che2.gif
Fl_che3.gifFl_che3.gif

Im Gegensatz zur Linie besitzt die Fläche eine zweite Dimension: die Breite. Mehr als bei Punkt und Linie sind hier Proportion und Anordnung von Bedeutung.

Lineament

Lineamente1.gifLineamente1.gif
Lineamente3.gifLineamente3.gif
Lineamente4.gifLineamente4.gif
Lineamente5.gifLineamente5.gif

Ein Lineament stellt eine Transformation eines Elementes zu einer anderen Form in mehreren Schritten dar. Dies kann durch Verformung geschehen, aber auch durch Multiplikation, Division, Addition oder Substraktion.

Permutation

Permutation1.gifPermutation1.gif
Permutation2.gifPermutation2.gif
Permutation3.gifPermutation3.gif

Die Permutation beschreibt die Aneinanderreihung der erstellten Lineamente nach einem logischen Muster in einer Fläche von 7x7 Zeichen. Durch Spiegelung und Kombination zu 14x14 Zeichen sind zusätzliche Variationen möglich.

Animation

Die Zusammenfassung des Kurses als Flash - Präsentation

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Entstehungszeitraum

SoSe 06 – WiSe 06 / 07