Zum Inhalt springen

Komposition

oder auch Bildaufbau, Bildgestaltung, Bildkomposition

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 10.11.2026

Komposition ist die Anordnung der Elemente in einem Bild oder auf einer Fläche: wo das Wichtigste steht, wie der Blick geführt wird und wie sich Gewichte verteilen. Sie entscheidet, ob ein Foto, ein Banner oder eine Startseite ruhig, spannungsvoll oder unruhig wirkt. Eine der bekanntesten Faustregeln der Komposition ist die Drittel-Regel.

Komposition

Die Anordnung der Elemente in einem Bild oder auf einer Fläche, die den Blick führt und Gewichte verteilt.
Beispiel: „Die Komposition des Titelbilds lässt links Platz für die Überschrift.“

Auch: Bildaufbau, Bildgestaltung, Bildkomposition.

Abgrenzung zum Layout: Das Layout ordnet eine ganze Seite mit Text und Bild, die Komposition auch ein einzelnes Bild.

Woraus eine Komposition besteht

Aus Gewicht, Richtung und Abstand. Große, dunkle oder farbige Flächen ziehen den Blick an, Linien und Blickrichtungen von Personen lenken ihn weiter. Die Nielsen Norman Group beschreibt visuelle Hierarchie als Führung des Auges in der Reihenfolge der Wichtigkeit.

Die Drittel-Regel in der Komposition

Den Namen prägte John Thomas Smith 1797 in seinen Remarks on Rural Scenery. Er meinte ein Mengenverhältnis: etwa zwei Drittel Himmel und ein Drittel Land wirkten harmonischer als die exakte Hälfte. Das heute verbreitete Raster aus neun Feldern mit vier Schnittpunkten ist eine spätere Lesart.

Eine Auswertung großer Sammlungen von Fotos und Gemälden fand 2014, dass die Drittel-Regel darin nur eine geringe Rolle spielt. Sie bleibt eine nützliche Hilfe gegen das mittige Platzieren, mehr nicht.

Komposition auf Websites

Auf Websites muss eine Komposition mehrere Bildschirmformate überstehen. Ein Hero-Bild mit freier Fläche für die Überschrift funktioniert nur, wenn der Ausschnitt auf dem Handy die wichtige Stelle behält. Lichtführung und Farbstimmung entscheiden mit, ob ein Bild zur Seite passt.

Siehe auch:

Hero Image

Großes Bild im oberen Bereich einer Seite, das den Einstieg gestaltet und meist das größte sichtbare Element ist.

#Website-Struktur

Lichtführung

Die bewusste Anordnung von Licht und Schatten in einer Aufnahme oder einem erzeugten Bild.

#Gestaltungsgrundlagen #Künstliche Intelligenz (KI)

Farbstimmung

Der durchgehende Farbeindruck eines Bildes aus Farbtönen, Sättigung und Temperatur.

#Gestaltungsgrundlagen #Künstliche Intelligenz (KI)

Goldener Schnitt

Ein Teilungsverhältnis von rund 1,618 zu 1, das in der Gestaltung als ausgewogene Proportion gilt.

#Gestaltungsgrundlagen

Kontrast als Gestaltungsmittel

Der bewusst eingesetzte Unterschied zwischen Elementen in Größe, Farbe, Helligkeit oder Form, der Bedeutung sichtbar macht.

#Gestaltungsgrundlagen

Gestaltungsraster (Rastersysteme)

Ein Ordnungssystem aus Spalten, Stegen und Rändern, an dem sich alle Elemente einer Gestaltung ausrichten.

#Gestaltungsgrundlagen