Motion Design: Definition, Beispiele, Preise und 10 Tools für Ihr Unternehmen

Von Kevin Renaud, Gründer von Biux

Aktualisiert am 12. September 2026: Animationsarten, Tools, Filmbeispiele und FAQ geprüft; Preisübersicht und Signatur vereinheitlicht.

Motion Design bedeutet, grafische Elemente in Bewegung zu setzen, um eine Botschaft zu erklären, vorzustellen oder wiedererkennbar zu machen. Es kann Texte, Formen, Illustrationen, Benutzeroberflächen oder 3D-Objekte animieren. Für ein B2B-Unternehmen dient es insbesondere dazu, eine Software verständlich zu machen, einen Prozess zu zeigen oder ein schwer zu filmendes Angebot vorzustellen. Die Wahl zwischen 2D und 3D hängt vom Thema ab, nicht von einer automatischen Qualitätshierarchie. Die Arbeit beginnt mit der Botschaft und dem Szenario, noch vor der Wahl der Software. Eine ansprechende, aber zu dichte Animation kann unverständlich bleiben. Bereiten Sie deshalb die zu zeigenden Informationen, die verfügbaren Belege, die Ausspielversionen und die Freigaben vor. Die Qualität der Bewegung soll dem Publikum helfen, der Idee zu folgen, ohne deren Grenzen zu verschleiern oder Funktionen eines Produkts zu erfinden.

Wozu dient Motion Design im B2B?

Motion Design wird nützlich, wenn die Bewegung eine Beziehung erklärt. Ein Element tritt in ein System ein, eine Information zirkuliert, ein Schritt folgt auf den anderen. Die Animation kann den Blick lenken und eine Funktionsweise sichtbar machen, die sich nur schwer direkt filmen ließe.

Es kann außerdem ein Angebot kompakt vorstellen. Eine Software lässt sich nicht auf einen Screenshot ihrer kompletten Oberfläche reduzieren. Man muss einen Anwendungsfall wählen, die Handlung isolieren und zeigen, was sie ermöglicht. Ein Video, das jede Funktion abspult, riskiert, den Zuschauer zu verlieren, bevor er das behandelte Problem versteht.

Die Technik eignet sich ebenso für abstrakte Themen: Organisation, Daten, Begleitung oder Methode. Die Schwierigkeit besteht dann darin, die Erklärung nicht durch eine vage Metapher zu ersetzen. Wenn Lichtpunkte zwischen Formen zirkulieren, muss das Publikum verstehen, was sie darstellen und warum ihre Bewegung eine Rolle spielt.

Der beste Test besteht darin, das Szenario ohne Animation zu erklären. Bleibt der Vorschlag unklar, macht die Bewegung ihn nicht automatisch klar. Beginnen Sie mit einem Satz, der dem Empfänger nützt, und wählen Sie dann die Bilder, die ihn begleiten können.

Motion Design in 2D oder 3D: Wie entscheidet man sich?

2D arbeitet hauptsächlich mit grafischen Elementen in einer Ebene. 3D erlaubt es, Volumen, Licht und Blickwinkel aufzubauen. Beide lassen sich kombinieren. Eine technische Präsentation kann dreidimensionale Modelle nutzen, um eine Baugruppe zu zeigen, und Texte, um deren Schritte zu erklären.

Kriterium
Einsatzzweck
Veröffentlichtes Budget
Referenzdauer
Zeitplan
Worauf zu achten ist

Die Produktion dauert 15 Tage nach Freigabe des Storyboards beim 2D-Motion-Design und 3 bis 5 Wochen bei 3D. Der Zeitplan reiht Skript, Storyboard, Erstellung der visuellen Elemente, Animation und Tonbearbeitung aneinander. Geben Sie die Szenen vor ihrer Animation frei, um das Feedback auf die richtigen Elemente zu konzentrieren.

Wählen Sie 3D, wenn es eine nützliche Information oder eine visuelle Präsenz liefert. Ein dreidimensionales Modell kann ein Produkt aus einem Blickwinkel zeigen, der sich nicht filmen lässt. Es erfordert jedoch eine sorgfältige Freigabe von Form, Materialien und Details. Eine stilisierte Darstellung darf nicht für eine exakte technische Demonstration gehalten werden, wenn das nicht ihr Zweck ist.

Woher kommt Motion Design?

Filmvorspänne verbinden Typografie, Formen und Rhythmus, um in ein Universum einzuführen. Adobe zeichnet diese Geschichte nach, insbesondere anhand der Arbeit von Saul Bass und Elaine Bass.

Das On-Air-Design im Fernsehen führt diese bewegte Identität fort. Digitale Werkzeuge dehnen sie anschließend auf das Web, auf Benutzeroberflächen und auf soziale Netzwerke aus. Die animierten Elemente lenken dort die Aufmerksamkeit.

Die 6 Arten von Motion Design

Art	Einsatzzweck
2D	Eine Dienstleistung erklären
3D	Volumen und Materialien zeigen
Kinetische Typografie	Eine Aussage gewichten
Animierte Infografik	Daten lesbar machen
Logo-Animation	Der Marke eine Signatur geben
Mix mit Realaufnahmen	Menschen und Erklärungen verbinden

Motion Design lernen oder auslagern

Schulen Sie Ihr Team intern, um wiederkehrende Module zu pflegen. Lagern Sie fehlende Kompetenzen aus: Texten, Art Direction oder Animation. Legen Sie fest, wer die Botschaft freigibt und die Dateien aktualisiert.

Zwölf kreative Ansätze, die Sie an Ihr Angebot anpassen können

Diese Ansätze sind Gestaltungsvorschläge, keine zwölf Biux-Kundenreferenzen. Mit ihnen gelangen Sie von einem allgemeinen Wunsch nach Animation zu einem präziseren Briefing.

1. Der Nutzerpfad: die Schritte einer nützlichen Handlung zeigen, ohne die gesamte Oberfläche vorzustellen.
2. Der Prozess: eine Abfolge von Vorgängen und ihre Abhängigkeiten sichtbar machen.
3. Der Vergleich: zwei Ansätze anhand gleichwertiger Kriterien erklären.
4. Das konkrete Problem: von einer Schwierigkeit ausgehen, bevor man eine Antwort zeigt.
5. Die Zahl im Kontext: eine Zahl animieren und dabei ihre Quelle und ihren Bezugsrahmen beibehalten.
6. Das Organisationsschema: zeigen, wer beteiligt ist und wie der Austausch verläuft.
7. Das Produkt in drei Dimensionen: eine Form, ein Material oder eine Baugruppe präsentieren.
8. Die animierte Typografie: einem kurzen, gegliederten Satz einen Rhythmus geben.
9. Die erklärte Metapher: ein einfaches Bild verwenden, ohne den Sinn der Dienstleistung zu verlieren.
10. Die Schulung: eine Regel oder ein Verfahren herauslösen, um es einprägsam zu machen.
11. Der Launch: eine Neuheit und ihre tatsächliche Verfügbarkeit vorstellen.
12. Die modulare Serie: mehrere Fragen in einer gemeinsamen Identität abwandeln.

Notieren Sie für jeden Ansatz, was das Publikum vor dem Ansehen wissen muss und was es danach verstanden haben soll. Dieser Unterschied definiert die Aufgabe des Videos. Wenn Sie mehrere voneinander unabhängige Angebote erklären möchten, ziehen Sie mehrere Module in Betracht statt eines Films, der die Themen anhäuft.

Fünf von Biux produzierte Motion-Design-Beispiele

Diese Biux-Animationen zeigen unterschiedliche grafische Umsetzungen. Achten Sie auf die Hierarchie der Informationen, den Rhythmus und das Verhältnis von Text, Stimme und Bildern, um den Stil Ihres Projekts zu präzisieren.

Predilis: eine Software aus dem Gesundheitsbereich vorstellen

Am Motion Design für Predilis lässt sich beobachten, wie ein Softwaredienst präsentiert wird. Bestimmen Sie für Ihr eigenes Projekt zuerst den Nutzer und die Situation, noch vor den Funktionen. Eine technische Information wird nützlicher, wenn sie eine bereits gestellte Frage beantwortet.

Predilis stellt Präventionspfade und -oberflächen in 2 Min. 05 Sek. vor. Das Motion Design ordnet die Anwendungsfälle der Software visuell.

0:00 Bedarf · 0:30 Oberflächen · 1:00 Präventionspfad

Reemo: ein Softwareangebot allgemeinverständlich erklären

Das Projekt Reemo ist eine weitere Referenz für eine animierte Präsentation. Sehen Sie sich an, wie sich der Inhalt in Schritte gliedern lässt. Trennen Sie in Ihrem Briefing den Nutzen, der verstanden werden soll, von der Liste der verfügbaren Funktionen.

Reemo stellt den Fernzugriff und seine Oberflächen in 1 Min. 19 Sek. vor. Die Animation macht aus einer technischen Funktionsweise einen visuellen Ablauf.

0:00 Fernzugriff · 0:22 Oberflächen · 0:45 Anwendungen

Reaply: ein Angebot erkennbar machen

Das Motion Design für Reaply stellt ein Softwarethema vor. Prüfen Sie bei einem neuen Dienst, ob die ersten Szenen das Problem verorten. Der Zuschauer muss wissen, was die Animation erklärt, bevor er ihren Details folgt.

Reaply stellt sein Softwareangebot in 1 Min. 11 Sek. vor. Das Motion Design führt den Blick durch die Oberflächen und das Angebot.

0:00 Einführung · 0:25 Vorstellung · 0:50 Anwendungen

Klyra Design: eine grafische Welt ausarbeiten

Am Projekt Klyra Design lässt sich eine andere animierte Umsetzung studieren. In Ihrem Projekt muss die Art Direction zur Marke passen und zugleich das Lesen unterstützen. Farb- und Rhythmuswahl ersetzen nicht die Hierarchie der Botschaft.

Klyra Design stellt seine Begleitung bei Webprojekten in 1 Min. 20 Sek. vor. Diese Animation verbindet eine Schwierigkeit bei der Darstellung mit einem Verkaufsangebot.

0:00 Problem · 0:30 Angebot · 1:03 Einladung

Omi Day: eine stimmige Animation vorbereiten

Das Projekt Omi Day rundet diese Auswahl ab. Notieren Sie bei der Analyse einer Referenz genau, was Sie interessiert: die Behandlung der Texte, die Präsenz der Formen oder die Übergänge. „Genauso machen“ ist kein ausreichend präzises Briefing und darf nicht dazu führen, eine Kreation zu kopieren.

Omi Day stellt einen Marketingablauf für Restaurants in 1 Min. 06 Sek. vor. Die Animation reiht Problem, Funktionsweise und Einladung zu einer Demonstration aneinander.

0:00 Problem · 0:18 Funktionsweise · 0:56 Abschluss

Zehn Tools: ihre Rolle verstehen, bevor man wählt

Die Tools sind nicht austauschbar. Manche dienen zum Zeichnen, andere zum Animieren, Schneiden oder Zusammensetzen von Bildern. Die unten angegebene Stufe entspricht dem Schwierigkeitsgrad der Einarbeitung in das Tool. Die Lizenzbedingungen ändern sich: Informieren Sie sich vor einem Kauf bei den Herstellern, und leiten Sie die Kosten einer Dienstleistung nicht allein aus dem Software-Abonnement ab.

Tool	Rolle im Projekt	Einarbeitung	Lizenzmodell (zu prüfen)
After Effects	Animation und Compositing	Gezielte Einarbeitung	Abonnement
Illustrator	Vektorelemente	Grafikgrundlagen	Abonnement
Photoshop	Bildaufbereitung	Grafikgrundlagen	Abonnement
Premiere	Schnitt und Zusammenstellung	Videogrundlagen	Abonnement
Figma	Mockups und Oberflächen	Designgrundlagen	Je nach Tarif

Adobe stellt After Effects als Tool für Motion Graphics und visuelle Effekte vor. Die Elemente lassen sich in den passenden Grafikprogrammen vorbereiten. Figma kommt vor allem bei der Vorbereitung von Oberflächen und Mockups zum Einsatz; es ersetzt nicht automatisch eine komplette Produktionskette für Videoanimation.

Tool	Rolle im Projekt	Einarbeitung	Lizenzmodell (zu prüfen)
Cinema 4D	3D-Erstellung und -Animation	Spezialisierte Einarbeitung	Abonnement
Blender	3D-Modellierung und -Animation	Spezialisierte Einarbeitung	Freie Software
DaVinci Resolve	Schnitt und Finishing	Videogrundlagen	Kostenlose und kostenpflichtige Editionen
Fusion	Node-basiertes Compositing	Spezialisierte Einarbeitung	Je nach Edition
Adobe Animate	2D-Animation	Animationsgrundlagen	Herstellerbedingungen zu prüfen

Die offiziellen Seiten von Cinema 4D und DaVinci Resolve beschreiben deren Funktionsumfang. Adobe Animate befindet sich im Wartungsmodus: Dieser Status sollte berücksichtigt werden, bevor man ein Tool für ein neues Projekt wählt. Gehen Sie von der zu leistenden Arbeit, vom Team und von den zu pflegenden Dateien aus.

Lernen Sie zum Einstieg einen Arbeitsschritt nach dem anderen: eine Komposition aufbauen, eine Eigenschaft animieren, einen Rhythmus einstellen und dann exportieren. Eine fertige Vorlage kann helfen, die Struktur eines Projekts zu verstehen. Sie entbindet nicht davon, die Lizenzen, die grafische Stimmigkeit und die Lesbarkeit der endgültigen Botschaft zu prüfen.

Wie läuft eine Motion-Design-Produktion ab?

Der erste Schritt ist das Briefing. Es legt das Publikum, die Botschaft, den Einsatzort und die Rahmenbedingungen fest. Das Schreiben verwandelt dieses Material anschließend in ein Szenario. Jede Szene muss eine Funktion haben: ein Problem verorten, eine Handlung zeigen, eine Beziehung erklären oder abschließen.

Das Storyboard verbindet den Text mit den Bildern. Style-Boards erlauben es, die Art Direction freizugeben, bevor der gesamte Film animiert wird. Dieser Schritt schützt das Projekt vor späten Änderungen der visuellen Sprache. Eine Farbe lässt sich einfach ändern; eine neue Szenenlogik kann eine umfangreichere Überarbeitung erfordern.

Die Animation gibt anschließend den Rhythmus, die Übergänge und die Bewegungen vor. Stimme, Musik und Tongestaltung müssen mit der Botschaft stimmig bleiben. Eine zu schnelle Animation kann das Verständnis einer Oberfläche verhindern; eine gut platzierte Pause kann eine Zahl lesbar machen, ohne eine Erklärung hinzuzufügen.

Prüfen Sie schließlich die Varianten. Querformat und Hochformat behalten nicht immer dieselbe Komposition. Texte, Grafiken und Oberflächen können eine Neuaufteilung erfordern. Unser Artikel zum Motion-Design-Erklärvideo vertieft diese Beziehung zwischen Klarheit und Umsetzung.

Wie vergleicht man Angebote und vermeidet Überarbeitungen?

Fragen Sie nach, was in Skripterstellung, Design, Animation, Ton und Exporten enthalten ist. Legen Sie die Freigaben und die Sprachversionen fest. Ein Hauptvideo, seine Neuzuschnitte und eine Reihe neuer Szenarien haben nicht denselben Leistungsumfang.

Das 2D-Motion-Design-Angebot von Biux umfasst einen Film von 60 bis 90 Sekunden. Das Budget hängt vom Skript, vom grafischen Stil, von der Anzahl der Szenen und von den Varianten ab. Um die Kostenfaktoren zu verstehen, lesen Sie unseren Leitfaden zum Preis eines Motion-Design-Videos.

Lassen Sie die Texte vor der Animation von den fachkundigen Personen gegenlesen. Eine Änderung eines Begriffs kann Stimme, Rhythmus und Bilder verändern. Bündeln Sie das Feedback und bestimmen Sie den finalen Entscheider. Die Qualität der Freigabe trägt unmittelbar dazu bei, den Zeitplan im Griff zu behalten.

Planen Sie schließlich die Wartung ein. Wenn sich eine Oberfläche oder ein Angebot häufig ändert, fragen Sie nach, wie die Szenen aktualisiert werden können. Arbeitsdateien, Schriften und lizenzierte Elemente müssen im Leistungsumfang ausdrücklich behandelt werden, ohne anzunehmen, dass sie alle automatisch übergeben werden.

Die Verständnisprüfung vor der Fertigstellung

Organisieren Sie eine Durchsicht mit einer Person, die der Zielgruppe nahesteht, aber nicht zur Produktion gehört. Bitten Sie sie, das Angebot zusammenzufassen, ohne das Video erneut zu sehen. Behält sie die grafische Welt im Gedächtnis, aber nicht den Anwendungszweck, muss die Hierarchie der Botschaft wahrscheinlich überarbeitet werden.

Prüfen Sie jede Szene mit derselben Frage: Was soll sie verständlich machen? Ein Übergang kann einen Schrittwechsel ankündigen. Eine Vergrößerung kann die Aufmerksamkeit auf eine Funktion lenken. Eine Verschiebung kann eine Beziehung zeigen. Bringt die Bewegung nichts, kann sie vereinfacht werden, um mehr Raum für das Lesen zu lassen.

Prüfen Sie die Grafiken besonders genau. Ein Balken, eine Prozentangabe oder ein Pfeil kann ein Ergebnis suggerieren, auch ohne ausdrücklichen Text. Verwenden Sie geprüfte Daten oder klar als Veranschaulichung erkennbare Darstellungen. Eine reizvolle Animation darf einer allgemeinen Idee keine falsche Genauigkeit verleihen.

Prüfen Sie bei Oberflächen, ob Schaltflächen, Beschriftungen und Abläufe zum vorgestellten Produkt passen. Ein vereinfachter Bildschirm kann das Verständnis erleichtern, doch nicht vorhandene Funktionen dürfen nicht als verfügbar erscheinen. Lassen Sie diese Szenen von der Person freigeben, die den Dienst wirklich kennt.

Schließen Sie mit einer Ansicht auf den Zielbildschirmen ab. Eine Grafik, die auf einem Monitor funktioniert, kann auf dem Smartphone zu dicht sein. Bereiten Sie eine angepasste Komposition vor, statt alle Elemente im selben Maßstab zu verkleinern. Klarheit entsteht ebenso durch das, was Sie weglassen, wie durch das, was Sie hinzufügen.

Diese Kontrolle ersetzt nicht die kreative Freigabe. Sie ergänzt sie um eine einfache Frage: Versteht das Publikum das Thema so, wie Sie es darstellen möchten? Eine Korrektur in dieser Phase kann nützlicher sein als ein zusätzlicher Effekt in der letzten Version.

FAQ: Motion Design verstehen

Was ist Motion Design in einem Satz?

Motion Design setzt grafische Elemente in Bewegung, um eine Botschaft sichtbar und verständlich zu machen. Es kann Texte, Formen, Benutzeroberflächen oder dreidimensionale Objekte nutzen. Sein Nutzen liegt nicht nur im visuellen Effekt: Die Bewegung soll helfen, einer Idee, einer Handlung oder einer Beziehung zu folgen.

Was kostet ein Motion-Design-Video?

Der Preis hängt vom Szenario, vom Design, von der Animation und von den Liefergegenständen ab. Fragen Sie nach einem detaillierten Leistungsumfang, um gleichwertige Angebote zu vergleichen.

Welche Länge sollte ein Motion-Design-Video haben?

Das 2D-Angebot von Biux umfasst 60 bis 90 Sekunden. Das Szenario bleibt um das zu erklärende Thema herum aufgebaut. Eine einfache Erklärung kann weniger Zeit erfordern; mehrere Anwendungen können mehrere Module rechtfertigen. Fügen Sie keine Szenen hinzu, nur um eine Dauer zu füllen. Entscheiden Sie zuerst, was das Publikum verstehen soll.

Motion Design oder Dreh: Wofür sollte man sich entscheiden?

Ein Dreh zeigt Menschen, Orte und reale Situationen. Mit Motion Design lassen sich Prozesse, Oberflächen oder abstrakte Ideen darstellen. Beides lässt sich kombinieren. Entscheiden Sie nach dem zu erbringenden Beleg, den verfügbaren Elementen und danach, wie sich der Inhalt nach seiner ersten Veröffentlichung weiterentwickeln muss.

Welche Software eignet sich für den Einstieg?

Wählen Sie nach Ihrem Ziel: grafische Animation, 3D oder Schnitt. Beginnen Sie mit einer einfachen Übung in einem passenden Tool, statt eine ganze Produktionskette gleichzeitig zu lernen. Prüfen Sie die Lizenzbedingungen und die Lernressourcen des Herstellers. Das Verständnis von Rhythmus und Komposition zählt ebenso viel wie die Beherrschung der Befehle.

Wie lange dauert es, Motion Design zu lernen?

Es gibt keine einheitliche Dauer. Das Lernen hängt von den Grafikgrundlagen, von der Software und vom angestrebten Ergebnisniveau ab. Einen einfachen Titel zu animieren erfordert nicht dieselbe Übung wie die Konzeption eines kompletten Films. Beginnen Sie mit einer begrenzten Übung und arbeiten Sie dann an Komposition, Rhythmus, Übergängen und Tonbearbeitung.

Worin besteht der Unterschied zwischen Motion Design und Animation?

Animation ist das weite Feld, das aus Bildern oder Objekten den Eindruck von Bewegung erzeugt. Motion Design ist eine Praxis innerhalb dieses Feldes, die auf grafische Elemente und die Vermittlung einer Botschaft ausgerichtet ist. Es animiert insbesondere Texte, Formen und Benutzeroberflächen. Die Grenzen bleiben innerhalb einer Produktion durchlässig.

Ihre Animation soll Ihr Angebot leichter verständlich machen. Entdecken Sie unsere Begleitung im Motion Design, um das Szenario, die grafische Umsetzung und die passenden Liefergegenstände zu entwickeln.

Angebot in 24 Stunden erhalten