← Zurück zu Grundlagen Gestaltung
Staffelung (auch Bildebenen) ist die bewusste Schichtung von Bildelementen in Vordergrund, Mittelgrund und Hintergrund, um in einem zweidimensionalen Bild räumliche Tiefe, Perspektive und Atmosphäre zu erzeugen.

Rubrik: Grundlagen der Gestaltung · Unterrubrik: Komposition · Niveau: Einsteiger Synonyme / Auch bekannt als: Bildebenen, Raumschichtung, Vordergrund-Hintergrund-Aufbau, Layering (engl.), Spatial Layering (engl.)

Was ist Staffelung?

Ein Bild ist eine flache, zweidimensionale Fläche. Dennoch können Bilder Tiefe und Raum vermitteln – durch die Staffelung von Bildelementen in klar unterscheidbaren Ebenen. Vordergrund, Mittelgrund und Hintergrund sind die drei klassischen Bildebenen, die der Betrachter als räumliche Schichten wahrnimmt. Ihre bewusste Gestaltung ist das fundamentalste Mittel, um Räumlichkeit und atmosphärische Tiefe zu erzeugen.

Erklärung

Die Staffelung nutzt mehrere visuelle Mechanismen gleichzeitig, die das Gehirn zur Tiefenwahrnehmung einsetzt:

Überschneidung (Interposition): Elemente, die vor anderen liegen und diese teilweise verdecken, werden als näher wahrgenommen. Ein Ast vor einem Gebäude signalisiert sofort: Ast ist vorn, Gebäude ist hinten.

Größenveränderung: Gleich große Objekte wirken weiter entfernt, wenn sie kleiner dargestellt sind. Eine Baumreihe, deren Bäume in der Ferne kleiner werden, erzeugt starke Tiefenwirkung.

Atmosphärische Perspektive: Entfernte Objekte verlieren an Kontrast, Sättigung und Schärfe – sie erscheinen blasser und bläulicher. Dies ist der Dunsteffekt der Atmosphäre (Luftperspektive), den Renaissance-Maler wie Leonardo da Vinci systematisch einsetzten (sfumato).

Vertikale Position im Bild: Elemente, die weiter unten im Bild liegen, werden in der Regel als näher wahrgenommen; Elemente am oberen Bildrand als weiter entfernt.

Schärfestaffelung (Tiefenschärfe): In der Fotografie betont selektive Schärfe (kleine Tiefenschärfe) die Staffelung: Der Vordergrund ist scharf, der Hintergrund unscharf – oder umgekehrt. Die Unschärfe verstärkt die wahrgenommene räumliche Distanz.

Im Landscape-Design der Malerei wurde Staffelung zur Kunstform entwickelt: Claude Lorrain und Nicolas Poussin komponierten ihre Landschaften konsequent in drei Ebenen – dunklen Bäumen im Vordergrund, Architektur oder Figuren im Mittelgrund, heller, dunstige Ferne im Hintergrund.

Im Film wird Staffelung durch Blocking der Schauspieler, Kameraposition und Tiefenschärfe gesteuert. Tiefe im Bild schafft Kontext, Atmosphäre und narrative Spannung.

Im Grafikdesign und UX-Design sprechen Designer von Layering oder Z-Ebenen – die visuelle Hierarchie auf dem Bildschirm folgt demselben Staffelungsprinzip: Karten liegen über Hintergründen, Modals über Karten.

Beispiele

  1. Fotografie: Herbstlandschaft mit gelb leuchtenden Blättern im Vordergrund (unscharf), einem Wanderer im Mittelgrund (scharf) und dunstigen Bergen in der Ferne – drei klar unterscheidbare Ebenen schaffen Räumlichkeit und Stimmung.
  2. Malerei: Nicolas Poussins Et in Arcadia ego (ca. 1638–40) zeigt die klassische Dreiebenenstaffelung: dunkle Bäume vorn, Figuren und Grab in der Mitte, hellblaue Berglandschaft hinten.
  3. Film/Video: In Orson Welles' Citizen Kane (1941) nutzte Kameramann Gregg Toland die Tiefenschärfe (Deep Focus), um Figuren in Vordergrund und Hintergrund gleichzeitig scharf zu halten – eine revolutionäre Nutzung der Bildebenen.
  4. Grafikdesign: Website-Layouts mit einem Hintergrundbild, einem farbigen Overlay (Mittelgrund) und Text im Vordergrund folgen der dreistufigen Staffelung und schaffen Lesbarkeit durch räumliche Trennung.
  5. Digitale Medien/Web: In Parallelax-Scrolling-Designs bewegen sich Vordergrund, Mittelgrund und Hintergrund mit unterschiedlicher Geschwindigkeit, wenn der Nutzer scrollt – die Staffelung wird animiert und erlebbar.

In der Praxis

Um Staffelung bewusst zu erzeugen: Kameraposition so wählen, dass ein interessanter Vordergrund ins Bild kommt. Teleobjektive komprimieren Ebenen und betonen Staffelung durch Größenverhältnisse; Weitwinkel erzeugen stärkere Nähe-Ferne-Unterschiede. In der Bildbearbeitung (Lightroom) kann die Luminanz und Klarheit je nach Entfernung variiert werden. In 3D-Compositing und After Effects werden Ebenen explizit als Z-Ebenen im Raum positioniert. Im Grafikdesign (Figma) entsprechen Layers dem Staffelungsprinzip.

Vergleich & Abgrenzung

Tiefenwirkung ist das übergeordnete Ziel; Staffelung ist das wichtigste Mittel, um Tiefenwirkung zu erzeugen. Leading Lines führen den Blick in die Tiefe, betonen aber eher den Weg als die Schichtung. Framing schafft Ebenen durch einen inneren Rahmen, ist aber ein Spezialfall der Staffelung. Im Gegensatz zur flachen Komposition (Flat Design, 2D-Look) betont Staffelung explizit Räumlichkeit.

Häufige Fragen (FAQ)

Brauche ich alle drei Ebenen (Vordergrund, Mittelgrund, Hintergrund) im Bild? Nein – zwei Ebenen reichen für eine wirkungsvolle Staffelung aus. Oft ist ein klar definierter Vordergrund und ein Hintergrund ausreichend. Die drei-Ebenen-Struktur ist ideal für Landschaftsbilder, aber in Porträts oder Produktfotos genügt die Trennung von Motiv und Hintergrund.

Wie erzeuge ich einen interessanten Vordergrund, wenn das Motiv weit entfernt ist? Die Kamera niedrig positionieren und bodennahe Elemente (Gras, Steine, Blumen, Blätter) in den Vordergrund einbeziehen. Auch ein Weitwinkelobjektiv hilft, nahe Elemente stark zu betonen, während der Hintergrund weit entfernt erscheint.

Verwandte Einträge

Weiterführend

  • Hedgecoe, John (1979): The Photographer's Handbook. Ebury Press.
  • Gombrich, Ernst H. (1960): Art and Illusion: A Study in the Psychology of Pictorial Representation. Pantheon Books.
  • Online-Ressource: Photography Life – Depth and Layering in Photography – www.photographylife.com/depth-in-photography
← Zurück zu Grundlagen Gestaltung
Infotag · 13. Mai · 15:00 Uhr · Vor Ort

Sei am Mittwoch dabei.
Bring Eltern oder Freunde mit.

Ein halber Nachmittag, der dir drei Jahre Klarheit bringen kann. Kostenlos, unverbindlich, ehrlich.

  • Rundgang durch Studios, Schnitträume und Tonstudio
  • Echte Absolventenfilme sehen
  • 1:1-Beratung zu Bewerbung & BAföG
  • Studierende direkt fragen
  • Kaffee, kein Sales-Pitch
  • Auch online möglich

Platz beim Infotag reservieren

Dauert 30 Sekunden. Bestätigung per E-Mail.
100 % kostenlos · keine Verpflichtung · jederzeit absagbar