U0201 Grundelemente - Der Punkt

Aufgabenstellung

Programmieren Sie in Processing einen Punkt in auf einer Vollbild Grundfläche. A) Der Punkt soll so positioniert sein, dass er Ruhe ausstrahlt. B) Der Punkt soll so positioniert sein, dass er Spannung ausstrahlt.

Dokumentieren sie ihr Ergebnis in MKDocs. Welche neuen Fragen ergeben sich Ihnen?

Umsetzung

A)

B)

Kommentare

Ein ruhiger Punkt ist häufig zentriert, was Symmetrie und Gleichgewicht signalisiert.
Ein spannungsgeladener Punkt ist oft außerhalb des Gleichgewichts, also z. B. nah am Rand oder in einer „ungewohnten“ Position. Durch die Asymmetrie und die Nähe zum Rand entsteht visuelle Spannung und Unruhe.
Die Position eines Punkts kann eine Fläche völlig unterschiedlich wirken lassen: zentral = Ruhe und Ausgewogenheit, randnah oder eckennah = Spannung und Dynamik.
Selbst ein einfaches grafisches Grundelement wie ein Punkt besitzt eine hohe gestalterische Kraft, je nachdem, wie es platziert wird.
Die Wirkung ergibt sich nicht nur aus der Form selbst, sondern besonders aus der Beziehung zwischen Form und Grund (also zwischen Punkt und Umraum).
Kompositorische Grundprinzipien wie Symmetrie/Asymmetrie, Gleichgewicht/Spannung lassen sich schon mit minimalen Mitteln (hier: ein einziger Punkt) eindrucksvoll nachvollziehen.

Neue Fragen, die sich ergeben haben
Wie verändern sich Ruhe und Spannung, wenn mehrere Punkte verwendet werden?
Welche Wirkung haben verschiedene Punktgrößen oder -farben auf die Komposition?y
Wie wirken Punktpositionen auf unterschiedlichen Flächenformaten (z.B. Hochformat, Quadrat, Panorama)?
Wie stark verändert sich der Eindruck, wenn der Punkt animiert wird oder sich bewegt?
Wie nehmen Betrachter aus unterschiedlichen kulturellen Kontexten Punktpositionierungen wahr? Gibt es universelle Gestaltungsregeln?

Code

void setup() {
  size(800, 800);
  background(255);
  fill(0);
  noStroke();

  ellipse(width/2, height/2, 10, 10);
}
void setup() {
  size(800, 800); 
  background(255);
  fill(0);
  noStroke();

  float x = width * 0.85;
  float y = height * 0.2;
  ellipse(x, y, 10, 10);
}