Framing (Rahmung) ist ein Kompositionsmittel, bei dem natürlich vorhandene oder bewusst platzierte Elemente in der Szene oder im Layout als innerer Rahmen um das Hauptmotiv herum eingesetzt werden, um es zu betonen, von der Umgebung abzuheben und dem Bild Tiefe zu verleihen.

Rubrik: Grundlagen der Gestaltung · Unterrubrik: Komposition & Bildaufbau · Niveau: Einsteiger Synonyme / Auch bekannt als: Natural Framing, Rahmung, Bildrahmung, Frame within a Frame

Was ist Framing?

Framing bedeutet: ein Bild im Bild zu schaffen. Indem man das Hauptmotiv von einem zweiten, inneren Rahmen umgibt – einem Torbogen, einem Fenster, überhängenden Ästen, Händen, Türöffnungen oder gestalterischen Rahmenelementen – wird die Aufmerksamkeit des Betrachters gezielt auf das Motiv im Inneren gelenkt. Der äußere Rahmen dient gleichzeitig als Vordergrund, der Tiefe und Kontext erzeugt.

Erklärung

Das Framing-Prinzip nutzt einen der fundamentalsten Wahrnehmungsmechanismen: Das Gehirn interpretiert Rahmen als Begrenzer, die auf das Wichtige innerhalb verweisen. Schon in der Malerei war der Bilderrahmen nicht nur dekorativ, sondern signalisierte: „Das hier ist bedeutsam, schau hin." Framing als Kompositionsmittel überträgt dieses Prinzip in das Bild selbst.

Natürliche Framing-Elemente in der Fotografie:

  • Türen, Tore, Bögen (klassischster Fall: ein Mensch im Torbogen)
  • Fenster und Luken
  • Überhängende Äste, Blattwerk
  • Felsen, Höhleneingänge
  • Hände oder Arme, die ein Objekt umfassen
  • Brücken oder Tunnel als Rahmen für die Szene dahinter

Gestalterische Framing-Elemente im Design:

  • Dekorative Rahmen, Linien oder Bordüren um Textblöcke
  • Farbige Hintergrundflächen, die einen Inhaltsbereich umschließen
  • Card-Komponenten im UI-Design (die Card ist ein Rahmen für den Inhalt)
  • Bildausschnitt und Beschneidungsmaske, die ein Bild in eine bestimmte Form rahmen

Framing erfüllt mehrere gestalterische Funktionen gleichzeitig. Erstens fokussiert es die Aufmerksamkeit: Der Betrachter wird automatisch auf das gerahmte Motiv gelenkt. Zweitens schafft es Tiefe: Der Rahmen liegt im Vordergrund, das Motiv im Mittelgrund – damit entsteht eine dreidimensionale Raumwirkung. Drittens gibt es Kontext: Der Rahmen selbst ist oft informationsreich und erzählt etwas über die Umgebung des Motivs. Viertens leitet es die Blickführung: Der Blick tritt durch den Rahmen in das Bild ein und landet beim Motiv.

Im Filmdesign ist Framing eine häufig genutzte Technik für dramatische Szenen: Charaktere werden durch Fenster, Spiegel oder Türrahmen beobachtet, was eine voyeuristische Distanz erzeugt und narrative Tiefe schafft. Alfred Hitchcock und Wes Anderson nutzten Framing meisterhaft als erzählerisches Mittel.

Im Interface-Design und Webdesign ist Framing allgegenwärtig: Modals (Dialoge), Cards, Tooltip-Boxen und Sidebar-Container sind alle funktionale Framing-Elemente, die Inhalte visuell abgrenzen und hervorheben.

Beispiele

  1. Architekturfotografie: Ein Gebäude wird durch einen Torbogen fotografiert – der Bogen rahmt das Gebäude und trennt es vom Hintergrund.
  2. Portraitfotografie: Das Porträt einer Person wird durch überhängendes Laub gerahmt, das als natürlicher, weicher Rahmen dient und die Person ins Zentrum stellt.
  3. Figma – Card-Design: Eine UI-Card mit abgerundetem Rahmen, Schatten und Innenabstand rahmt Produkt- oder Nutzerinformationen und hebt sie vom Seitenhintergrund ab.
  4. Photoshop – Vignettierung: Eine weiche, dunkle Randverdunkelung (Vignette) rahmt das Motiv in der Bildmitte und zieht den Blick ins Zentrum.
  5. Filmregie: Eine Figur wird durch das geöffnete Fenster aus der Außenperspektive gefilmt – der Fensterrahmen rahmt sie ein und erzeugt gleichzeitig eine voyeuristische, distanzierte Erzählperspektive.

In der Praxis

Beim Einsatz von Framing in der Fotografie gilt: Achte darauf, dass der Rahmen scharf oder bewusst unscharf (Bokeh) ist, das Motiv dahinter aber klar erkennbar bleibt. Der Rahmen selbst sollte nicht mehr visuelles Gewicht haben als das Motiv – sonst konkurrieren beide miteinander. Im Grafikdesign sollte der gestalterische Rahmen (z. B. Kartenrahmen, Boxen) immer eine klare Hierarchie zum Inhalt haben: Der Rahmen dient dem Inhalt, nicht umgekehrt. In Figma helfen Auto Layout und Padding-Einstellungen dabei, konsistente, angemessene Rahmen um UI-Inhalte zu setzen. Für Printdesign eignen sich dekorative Rahmenelemente, die zur Gesamtgestaltung passen und nicht als Fremdkörper wirken.

Vergleich & Abgrenzung

Framing und Bildausschnitt unterscheiden sich: Der Bildausschnitt (Crop) ist der äußere Rand des gesamten Bildes – also der Kamerarahmen. Framing meint einen inneren Rahmen innerhalb des Bildes. Framing und Vignettierung sind verwandt: Eine Vignette dunkelt die Bildränder ab und lenkt den Blick zur Mitte, erfüllt also eine ähnliche Rahmungsfunktion. Framing durch physische Elemente ist jedoch stärker und konkreter. Framing im Design und Framing in der Medienwissenschaft sind zu unterscheiden: In der Medienwissenschaft bezeichnet Framing die Art, wie Medien Themen rahmen und einordnen (politisches/gesellschaftliches Konzept). In der Gestaltung bezeichnet Framing ausschließlich das kompositorische Einrahmen von visuellen Elementen.

Häufige Fragen (FAQ)

Muss der Rahmen beim Framing immer vollständig geschlossen sein? Nein. Ein effektiver Framing-Rahmen kann auch nur drei Seiten oder zwei Seiten umfassen. Ein Ast oben links und ein Fels unten rechts können gemeinsam als Rahmen wirken, ohne einen vollständigen Umschluss zu bilden. Das Gehirn ergänzt fehlende Rahmenteile automatisch (Gestaltgesetz der Geschlossenheit). Entscheidend ist, dass der Rahmen das Motiv einschließt und von der Umgebung abhebt.

Kann Framing auch zu viel werden und das Bild überladen? Ja. Wenn der Rahmen zu komplex, zu bunt oder zu detailreich ist, konkurriert er mit dem Motiv und schwächt die Framing-Wirkung. Framing funktioniert am besten, wenn der Rahmen einfacher oder dunkler (weniger kontrastreich) als das eigentliche Motiv ist. Ein überladener Rahmen lenkt vom Hauptmotiv ab, statt darauf hinzuweisen. Im Design gilt: Rahmenelemente sollten subtil und funktional sein.

Verwandte Einträge

Weiterführend

  • Freeman, M. (2007): The Photographer's Eye. Focal Press.
  • Präkel, D. (2010): Komposition. Stiebner Verlag.
  • Online: Cambridge in Colour – Framing and Composition (cambridgeincolour.com)
Verwandte Einträge
BlickführungLeading LinesTiefenwirkungWeißraum
← 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, Snacks, 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