U0212 Balance - Triangle

Aufgabenstellung

Erzeuge sechzehn Bilder (Vollbild) mit je drei Dreiecken. Position sowie die Größe der Dreiecke soll per Zufall definiert werden. Beurteile jedes Bild nach seiner Balance.

Welche neuen Fragen ergeben sich? Was ist zu beobachten? Welche Parameter sind sinnvoll? Stehen diese in einem Bezug? Markieren dein schönstes Bild. Welche Unterschiede ergeben sich zu der Übung mit den Kreisen und Quadraten? Was macht Balance aus? Mit welchem Grundelement lässt dich am einfachsten Balance erzeugen? Welche Grundelemente erlauben eine vielfältige Umsetzung von Balance? Welche sind limitiert? Dokumentieren sie ihr Ergebnis in MKDocs.

Lernziel: Gewichte und Schwerpunkte gezielt einsetzen

Umsetzung

Das Bild ist asymmetrisch balanciert. Das große grüne Dreieck rechts zieht das Bildgewicht stark zu der Seite, während die kleineren Dreiecke das Bild nicht komplett ausgleichen. Dadurch entsteht eine dynamische, aber nicht ganz stabile Balance. Die Überlappungen und Farbkontraste sorgen für visuelles Interesse.

Das Bild wirkt weniger ausgeglichen als das erste. Die Dreiecke sind alle nach oben rechts konzentriert, wodurch das Bildgewicht stark in diese Ecke zieht. Unten links bleibt der Raum leer, was eine klare Unwucht erzeugt. Es fehlt ein Gegenpol, um die Balance zu stabilisieren.

Die Komposition ist deutlich nach rechts verschoben. Das größte grüne Dreieck zieht durch seine Größe und Position viel Aufmerksamkeit auf sich, während die kleineren Dreiecke links oben und rechts diese Wirkung unterstützen (da sie im Vergleich zu dem Großen eher im weniger dominant sind). Die linke untere Bildhälfte bleibt leer, was zu einem Ungleichgewicht führt. Das Bild wirkt somit unausgewogen und drängt den visuellen Schwerpunkt stark an eine Seite. Für mehr Balance wäre eine stärkere Verteilung der Dreiecke über das Bild nötig, eventuell auch mit mehr Abstand und gleichmäßiger Flächengröße.

Die Komposition ist stark nach rechts oben verschoben. Die Dreiecke sind zwar etwas gleichmäßiger verteilt als im vorherigen Bild, aber der linke untere Bereich bleibt leer, was ein deutliches Ungleichgewicht erzeugt. Das größte Dreieck (grün) zieht den Blick stark an, während die anderen Dreiecke eine gewisse Ausgewogenheit schaffen, aber nicht genug, um das Bild wirklich balanciert wirken zu lassen. Insgesamt wirkt das Bild dynamisch, aber nicht ausgewogen. Für eine bessere Balance könnte man die Dreiecke mehr im Bild verteilen, sodass das Auge nicht nur in einem Bereich verweilt.

Das Bild nutzt eine asymmetrische Balance. Die auffällige Größe und Position des Hauptdreiecks dominiert die Komposition, während die kleineren Elemente oben rechts einen leichten Gegengewichtseffekt erzeugen. Es entsteht dadurch eine interessante, aber leicht unausgewogene Bildwirkung, die absichtlich „unperfekt“ und dynamisch wirkt.

Dieses Bild setzt auf eine extrem asymmetrische Balance. Das gesamte visuelle Gewicht liegt oben rechts, was für ein sehr modernes, fast schon absichtlich „unausgewogenes“ Gefühl sorgt. Die Komposition wirkt dadurch dynamisch und spannungsgeladen, fast so, als würde etwas aus dem Bild herauswachsen oder als stünde alles kurz davor, aus dem Rahmen zu fallen.

Das Bild vermittelt eine gelassene, harmonische Balance. Die Dreiecke stehen in einem lockeren, aber dennoch verbundenen Verhältnis zueinander – als wären sie Teil einer abstrakten Choreografie. Die Asymmetrie bleibt erhalten, wirkt aber wohldosiert und sorgt so für eine entspannte Dynamik, die angenehm fürs Auge ist. Diese Form der Balance findet man häufig in modernen Designs, wo bewusste Leerräume und eine gezielte Verteilung der Elemente für Ruhe und Offenheit sorgen.

Das Bild zeigt eine interessante Mischung aus Konzentration und Offenheit: Die Dreiecke bilden einen kompakten, leicht dynamischen „Cluster“, der durch Überlappung Zusammenhalt bekommt. Gleichzeitig bleibt genügend Weißraum, um die Komposition luftig und modern wirken zu lassen. Die Balance ist bewusst asymmetrisch, aber durch die Gruppierung entsteht ein harmonischer Gesamteindruck – als würde eine Gruppe von Elementen einen ruhigen Dialog führen, ohne die Bildfläche zu „überladen“.

Das Bild nutzt eine asymmetrische, spannungsgeladene Balance. Die großen, sich überschneidenden Dreiecke oben rechts bilden eine kompakte, dominante Form. Das einzelne blaue Dreieck rechts unten wirkt dagegen wie ein bewusst gesetzter Akzent, der dem Bild Richtung und Tiefe verleiht. Die Komposition bleibt dadurch interessant: Sie ist weder statisch noch völlig chaotisch, sondern vermittelt einen Dialog zwischen „Schwere“ und „Leichtigkeit“, zwischen Nähe und Distanz.

Das Bild nutzt eine subtile, asymmetrische Balance. Die beiden verbundenen Dreiecke oben sorgen für einen Schwerpunkt, das einzelne grüne Dreieck links für einen ausgleichenden Akzent. Die Komposition wirkt dadurch lebendig und offen – sie bietet Ruhe, aber auch eine gewisse Spannung, weil nicht alles perfekt „ausbalanciert“ erscheint. Das Ergebnis ist ein harmonischer, moderner Eindruck, der sowohl Ordnung als auch spielerische Freiheit ausstrahlt. -> dieses Bild gefällt mir am besten

Diese Komposition wirkt ruhig, strukturiert und fast schon meditativ. Die vertikale Ausrichtung der Dreiecke und ihre gleichmäßigen Abstände geben dem Bild eine klare, aber trotzdem offene Ordnung. Die Balance entsteht nicht durch Symmetrie, sondern durch eine kluge Verteilung von Gewicht und Raum. Das Bild lädt zum Verweilen ein, weil das Auge angenehm von einem Element zum nächsten wandern kann, ohne aus dem Gleichgewicht zu geraten.

Das Bild vermittelt eine kraftvolle, aber nicht starre Spannung: Die rechte Seite ist deutlich schwerer, aber die Überlappung und Farbigkeit der Dreiecke lockern das Ganze auf und bringen Bewegung ins Spiel. Die Balance ist modern, dynamisch und ein bisschen spielerisch – typisch für gestalterische Prinzipien, die mit Gewicht, Nähe und Überlagerung arbeiten, ohne den Weißraum aus den Augen zu verlieren.

Dieses Bild spielt mit der Idee der Überlagerung und Massierung: Die Balance ist stark nach rechts oben verschoben, aber gerade das sorgt für Spannung und visuelle Energie. Die Formen wirken miteinander verbunden, fast wie ein sich auftürmendes Gebilde. Der große Weißraum schafft einen Kontrast und verhindert, dass das Bild zu schwer oder statisch wirkt. Solche Kompositionen findet man oft in moderner Grafik und abstrakter Kunst, wo „Unordnung“ bewusst eingesetzt wird, um den Blick zu fesseln und Bewegung zu suggerieren.

Diese Komposition lebt vom Kontrast zwischen Konzentration und Leere: Die rechte obere Ecke ist massiv und komplex, während die linke Bildhälfte ganz leicht und offen bleibt. Die Balance entsteht hier aus der Gegenüberstellung von Fülle und Freiraum. Die Dreiecke wirken wie ein kraftvolles, verbundenes Ensemble, das durch den Weißraum erst richtig zur Geltung kommt.

Die Komposition arbeitet mit einer bewussten Asymmetrie und einem Schwerpunkt im rechten Bereich. Das Bild erhält durch die Anordnung und Überlappung der Dreiecke Spannung und Lebendigkeit, bleibt aber dank des großzügigen Weißraums luftig und modern. Die Balance wird hier nicht durch eine gleichmäßige Verteilung, sondern durch das Zusammenspiel von Farbe, Form und Überlagerung erzeugt.

Die Komposition wirkt harmonisch, ruhig und offen. Die Dreiecke stehen wie eigenständige „Akteure“ im Raum, verbunden durch eine unsichtbare Linie, die das Auge angenehm über die Fläche führt. Die Asymmetrie sorgt für Spannung, während der Weißraum für Leichtigkeit und Übersichtlichkeit sorgt.

Kommentare

Neue Fragen: Wie stark beeinflusst die Richtung der Dreiecksspitze die Wahrnehmung von Balance?
Was passiert, wenn Dreiecke unterschiedlich ausgerichtet oder sogar verzerrt werden?
Welche Wirkung hat die Transparenz und Überlappung im Vergleich zu isolierten Formen?
Wie verändert sich die Bildwirkung, wenn Farben und Größen variiert werden?
Ist das „Gleichgewicht“ bei Dreiecken instabiler als bei Kreisen oder Quadraten?

Was ist zu beobachten? Die Balance im Bild hängt bei Dreiecken nicht nur von Größe, Farbe und Platzierung ab, sondern auch stark von deren Ausrichtung und den entstehenden Linien (z.B. Diagonalen durch Spitzen).
Überlappungen erzeugen neue Farbmischungen und vermitteln eine zusätzliche Dimension von Tiefe und Zusammenhang.
Ein großzügiger Weißraum kann eine dominante Form auffangen oder Spannung erzeugen.
Schon kleine Verschiebungen eines Dreiecks können das gesamte Gleichgewicht kippen oder wiederherstellen.

Welche Paramter sind sinnvoll? Größe der Formen
Farbe und Transparenz
Position im Bild (horizontal/vertikal, zentriert/dezentral)
Ausrichtung der Dreiecksspitze (zeigt sie nach oben, rechts, etc.?)
Abstand und Überlappung zu anderen Formen Anzahl der Elemente

Welche Unterschiede ergeben sich zu der Übung mit den Kreisen und Quadraten?
Dreiecke erzeugen mehr Richtung und Dynamik als Kreise oder Quadrate, weil sie Spitzen und Kanten haben, die das Auge lenken.
Kreise wirken per se ruhiger, weicher und gleichmäßiger, weil sie keine Richtungen vorgeben.
Quadrate bieten eine stabile, statische Balance durch ihre Gleichseitigkeit, können aber schnell starr wirken.
Mit Dreiecken lässt sich viel leichter Spannung und Bewegung ins Bild bringen – sie wirken oft weniger statisch.
Überlappungen bei Dreiecken erzeugen oft spannendere Mischformen als bei Kreisen oder Quadraten, weil sich neue Ecken und Linien bilden.

Was macht Balance für mich aus? Sie entsteht durch die gezielte Anordnung von Form, Farbe, Größe, Abstand und Richtung.
Eine gelungene Balance sorgt dafür, dass das Auge weder „abstürzt“ noch sich langweilt.
Auch bewusste Unausgewogenheit kann Balance sein, wenn sie als spannungsvoller Kontrast genutzt wird.

Code

void setup() {
  size(800, 800);
  noLoop();
  generateAll();
}
void draw() {
}
float balanceScore(float[] xs, float[] ys, float[] rs) {
  float area1 = (sqrt(3)/4) * sq(rs[0]*2);
  float area2 = (sqrt(3)/4) * sq(rs[1]*2);
  float area3 = (sqrt(3)/4) * sq(rs[2]*2);
  float totalArea = area1 + area2 + area3;

  float centerX = (xs[0]*area1 + xs[1]*area2 + xs[2]*area3) / totalArea;
  float centerY = (ys[0]*area1 + ys[1]*area2 + ys[2]*area3) / totalArea;

  float dx = centerX - width/2;
  float dy = centerY - height/2;

  return sqrt(dx*dx + dy*dy);
}
void generateAll() {
  int totalImages = 16;
  int w = width;
  int h = height;
  int minR = 60;
  int maxR = 220;
  int bestIndex = -1;
  float bestBalanceScore = 999999;
  PImage[] imgs = new PImage[totalImages];
  float[] balanceScores = new float[totalImages];

  for (int i = 0; i < totalImages; i++) {
    PGraphics pg = createGraphics(w, h);
    pg.beginDraw();
    pg.background(255);
    pg.noStroke();

    float[] xs = new float[3];
    float[] ys = new float[3];
    float[] rs = new float[3];

    for (int k = 0; k < 3; k++) {
      rs[k] = random(minR, maxR);
      xs[k] = random(rs[k], w - rs[k]);
      ys[k] = random(rs[k], h - rs[k]);
    }

    for (int k = 0; k < 3; k++) {
      float size = rs[k] * 2;
      float heightTriangle = size * sqrt(3) / 2;

      pg.fill(0, 100 + k*60, 200 - k*80, 180);
      pg.triangle(xs[k], ys[k], xs[k] + size, ys[k], xs[k] + size/2, ys[k] - heightTriangle);
    }

    float score = balanceScore(xs, ys, rs);
    balanceScores[i] = score;

    if (score < bestBalanceScore) {
      bestBalanceScore = score;
      bestIndex = i;
    }
    pg.endDraw();
    imgs[i] = pg;
    pg.save("output/U0210_Triangle_" + nf(i+1,2) + ".png");
  }
  image(imgs[bestIndex], 0, 0);
  noFill();
  stroke(255, 0, 0);
  strokeWeight(20);
  rect(0, 0, w, h);
  saveFrame("output/U0210_best_marked.png");
}