Design & UX

Motion-Graphics

Motion-Graphics sind animierte 2D-Grafiken, in denen Typografie, Formen, Icons und Diagramme bewegt erzählen – die Standard-Form für Erklärvideos, Service-Prozess-Filme und animierte Infografiken.

Motion-Graphics sind eine eigenständige Bewegtbild-Form neben Live-Action-Video und 3D-Animation. Sie sind die erste Wahl, wenn abstrakte Inhalte verständlich gemacht werden müssen – Prozesse, Datenflüsse, Software-Logik –, die sich weder filmen noch räumlich darstellen lassen.

In einfachen Worten

Im Unterschied zu Live-Action-Video (gefilmte Realität) und 3D-Animation (räumliche Objekte) arbeitet Motion-Graphics ausschließlich mit flächigen 2D-Elementen: animierte Schriftzüge, bewegte Formen, gezeichnete Symbole, schwebende Diagramme. Die Stärke liegt in der klaren Visualisierung abstrakter Sachverhalte – Prozesse, Datenflüsse, Software-Logik, Konzept-Schaubilder. Was sich nicht filmen und nicht räumlich modellieren lässt, wird in dieser Form erzählbar. Auf der Ebene der Benutzeroberfläche grenzt sich Motion-Graphics vom Motion-Design ab: Motion-Design ist die Bewegung innerhalb der Oberfläche selbst, Motion-Graphics dagegen die eigenständige animierte Bild-Ebene, die als Sequenz konsumiert wird.

Wozu brauche ich das?

Motion-Graphics sind die Standard-Wahl für Erklärvideos zu Software, für Service-Prozess-Filme, für Daten-Animationen und für die Visualisierung von Konzepten. Auch in Misch-Formen verbreitet: Live-Action-Material mit eingeblendeten Daten und Beschriftungen, 3D-Erklärfilm mit zusätzlicher animierter Bild-Ebene für die Lesbarkeit. Im Web tauchen die Sequenzen häufig im Hero-Bereich als animierte Infografik auf – die Logik der visuellen Hierarchie entscheidet darüber, ob die Sequenz Aufmerksamkeit kanalisiert oder eher zerstreut.

Beispiel aus der Praxis

Eine typische Konstellation in der B2B-Plattform-Kommunikation: Ein Anbieter erklärt seinen Integrations-Prozess über eine dreistufige Text-Grafik. Die Reihenfolge ist statisch dargestellt; der eigentliche Zusammenhang erschließt sich erst beim genauen Lesen. Mit einer kurzen Motion-Graphics-Sequenz (Schritt eins entsteht, fließt zu Schritt zwei, dort entsteht ein Ergebnis, das Schritt drei anstößt) wird der Prozess innerhalb weniger Sekunden verstanden. Die Heatmap auf der Service-Seite zeigt nach der Umstellung sichtbar tieferes Scrollen – die Sequenz hat den Erklärungs-Engpass auf der Seite aufgelöst.

Wirtschaftlicher Nutzen

Motion-Graphics sind in der Produktion günstiger und planbarer als Live-Action oder 3D-Animation, weil keine Drehkosten, keine Honorare für Schauspielerinnen oder Schauspieler und keine räumliche Modellierung anfallen. Die Sequenz entsteht vollständig digital aus Storyboard, Sprecher-Aufnahme und Stil-Vorgabe. Wirtschaftlich rechtfertigen sie sich über zwei Wege: schnellere Verständigung in Verkaufs- und Onboarding-Situationen sowie mehrfache Verwertung einer Master-Produktion (Website, soziale Medien, Vertriebs-Präsentation, Schulungs-Modul). Für Anbieter erklärungs-bedürftiger Leistungen sind sie das Standard-Werkzeug, sofern nicht zwingend gefilmtes Material erforderlich ist.

Typische Fehler

  • Animation ohne Sprecher-Timing angelegt – die Sprecher-Aufnahme muss nachträglich auf die fertige Animation gepresst werden, das Ergebnis wirkt unrund.
  • Zu viele Elemente gleichzeitig bewegt – die Zuschauer wissen nicht, wo sie hinsehen sollen, die eigentliche Botschaft geht verloren.
  • Stil-Brüche zwischen den einzelnen Szenen – das Ergebnis wirkt zusammengewürfelt aus mehreren Quellen, der Marken-Eindruck zerfällt.
  • Auflösung und Bildformat nur für die Website optimiert – Soziale Medien mit anderem Format-Verhältnis zeigen das Material zugeschnitten oder verzerrt.
  • Master-Datei nur in einem einzigen End-Format exportiert – spätere Anpassungen erfordern eine Neu-Produktion einzelner Szenen.

Worauf achten?

  • Sprecher-Aufnahme vor der Animation produzieren, Animation anschließend auf die Sprech-Rhythmik schneiden.
  • Pro Szene maximal zwei bis drei gleichzeitig bewegte Elemente einsetzen – Aufmerksamkeit gezielt kanalisieren.
  • Konsistenter Stil über alle Szenen: Farb-Palette, Linien-Stärke, Typografie und Bewegungs-Charakter durchhalten.
  • Master in mehreren Format-Verhältnissen ableiten: 1920 × 1080 für die Website, quadratisch (1:1) für Feeds, vertikal (9:16) für Stories und Reels.
  • Master-Datei als bearbeitbares Projekt aufbewahren – spätere Anpassungen einzelner Szenen erfordern sonst eine vollständige Neu-Produktion.

Häufig gestellte Fragen

Was sind Motion-Graphics?

Animierte 2D-Grafiken, in denen Typografie, Formen, Symbole und Diagramme bewegt erzählen. Die Standard-Form für Erklärvideos, Service-Prozess-Filme und Konzept-Visualisierungen.

Worin unterscheidet sich Motion-Graphics von Motion-Design?

Motion-Design ist die Bewegung innerhalb einer Benutzeroberfläche (Hover-Zustände, Übergänge, kleine Interaktionen). Motion-Graphics sind eigenständige animierte Bild-Sequenzen, die als Video konsumiert werden – häufig in Erklärvideos oder im Hero-Bereich einer Website.

Wann sind Motion-Graphics die richtige Wahl?

Wenn abstrakte Inhalte – Prozesse, Datenflüsse, Software-Logik, Konzept-Modelle – verständlich gemacht werden müssen und sich weder filmen noch räumlich modellieren lassen. Für emotionale oder atmosphärische Themen ist Live-Action-Video häufig die bessere Wahl.

Wie aufwändig ist die Produktion?

In der Regel günstiger und planbarer als Live-Action oder 3D-Animation, weil keine Dreh-Kosten und keine räumliche Modellierung anfallen. Der Aufwand verteilt sich auf Storyboard, Sprecher-Aufnahme, Stil-Vorgabe und die eigentliche Animation. Der Master-Schnitt liefert anschließend mehrere Format-Varianten ohne Mehraufwand.

Welche Format-Varianten sollten produziert werden?

Mindestens drei: 1920 × 1080 Bildpunkte für die Website, quadratisch (1:1) für Inhalts-Feeds in sozialen Medien und vertikal (9:16) für Story- und Reel-Formate. Eine bearbeitbare Master-Datei ermöglicht spätere Anpassungen ohne Neu-Produktion.