Was ist Motion Design? Grafikdesign in Bewegung, erklärt für alle, die unterrichten

Was ist Motion Design, in einem Satz?

Motion Design ist Grafikdesign in Bewegung. Seine Darsteller sind Wörter, Zahlen, Pfeile, Icons, Diagramme und Bildschirme, und sein Drehbuch ist meistens eine Stimme. Eine Folie zeigt alles auf einmal. Motion Design entscheidet über die Reihenfolge, und über den Moment.

Nimm den Satz „Eine Gewohnheit hat drei Teile: einen Auslöser, eine Routine und eine Belohnung.“ Auf einer Folie hat dein Publikum alle drei Wörter gelesen, bevor du „Gewohnheit“ zu Ende gesagt hast, und wartet dann auf dich. In Bewegung erscheint „Auslöser“, wenn du es sagst, dann „Routine“, dann „Belohnung“, und ein Pfeil schließt den Kreis. Gleiche Wörter, gleiche Stimme. Das eine ist ein vorgelesenes Dokument, das andere eine Lektion.

Darum geht es: Bewegung ist ein Zeigestock. Sie sagt dem Auge, wohin es schauen soll, jetzt. Ist sie gut gemacht, bemerkt niemand die Bewegung. Man bemerkt nur, dass man verstanden hat.

Motion Design vs. Animation: Was ist der Unterschied?

Animation ist das größere Handwerk: alles Mögliche Bild für Bild in Bewegung zu setzen, meistens Figuren, die spielen und fühlen. Motion Design ist der Zweig, der stattdessen Grafikdesign bewegt: eine Überschrift, eine Zahl, die hochzählt, eine Linie, die sich selbst zeichnet.

Beide teilen dieselbe Physik und viele Prinzipien; die Aufgabe ist eine andere. Figurenanimation lässt dich glauben, dass etwas lebt. Motion Design lässt dich etwas verstehen. „Motion Graphics“ und „Motion Design“ meinen fast dieselbe Arbeit: Das erste benennt das Ergebnis, das zweite die Praxis.

Woher Motion Design kommt: Filmvorspänne und Disney

Jahrzehntelang waren Filmvorspänne meist starre Texttafeln. In den 1950er-Jahren machte der Grafikdesigner Saul Bass daraus kleine Filme für sich: weiße Balken und ein zackiger Arm aus Papier für Der Mann mit dem goldenen Arm (1955), Spiralen für Vertigo (1958). Bevor überhaupt ein Schauspieler zu sehen war, hatte der Vorspann die Stimmung gesetzt. Das ist die Gründungsidee des Motion Design: Formen und Schrift, die sich mit Absicht bewegen, tragen Bedeutung. Vom Kino ging es ins Fernsehen, in die Werbung und auf jeden Bildschirm, den du berührst.

Seine Grammatik stammt aus der Figurenanimation. In The Illusion of Life (1981) schrieben Frank Thomas und Ollie Johnston, zwei der großen Disney-Animatoren, die zwölf Prinzipien nieder, mit denen das Studio Zeichnungen lebendig machte. Eine Handvoll davon, für Figuren geschrieben, bildet das Rückgrat jedes guten Erklärvideos.

Die Motion-Design-Prinzipien, die zählen – von Disney geliehen

Fünf der zwölf erledigen den Großteil der Arbeit, wenn sich eine Idee bewegt statt einer Figur.

• Timing. Wie lange eine Aktion dauert, gibt ihr Gewicht: Schnell wirkt leicht oder dringend, langsam schwer oder wichtig. Im Erklärvideo heißt Timing auch: wann. Der Moment, in dem etwas erscheint, gemessen an dem Wort, das es benennt.
• Slow in and slow out. Nichts Echtes startet oder stoppt mit voller Geschwindigkeit. Motion Designer nennen das Easing: Eine Karte, die schnell startet und sanft landet, ist angekommen; eine, die mit gleichem Tempo gleitet und abrupt stoppt, ist eine Maschine.
• Antizipation. Eine kleine Bewegung vor der großen, das Ausholen vor dem Wurf, kündigt dem Auge an, dass gleich etwas passiert. Im Erklärvideo: eine kurze Pause oder die Kamera, die kurz zurückweicht, bevor sie heranfährt.
• Inszenierung. Eine Idee so klar zeigen, dass man sie nicht missverstehen kann: Ein Motiv führt, alles andere tritt zurück.
• Nachschwingen und überlappende Bewegung. Ein Körper hält nicht auf einmal an. Im Motion Design heißt der Verwandte Staffelung: Elemente, die ein paar Frames versetzt kommen, liest man als Abfolge; gleichzeitig als Block.

Was macht Motion Design professionell?

Professionelle Bewegung heißt nicht mehr Bewegung. Sondern Bewegung, die pünktlich kommt, in der richtigen Reihenfolge, und die etwas bedeutet.

• Auf die Stimme getaktet. Etwas erscheint auf dem Wort, das es benennt, nicht vorher, nicht drei Sekunden später. Richard E. Mayers Forschung zum multimedialen Lernen nennt das zeitliche Kontiguität: Wir lernen besser, wenn Wörter und das passende Bild zusammen ankommen.
• Eine klare Hierarchie. In jedem Bild führt ein Element. Das Auge geht zu dem, was sich bewegt, also ist Bewegung ein Textmarker: Setz sie auf das, was zählt, und lass den Rest stehen. Mayer nennt solche Hinweise Signalisierung.
• Eine Idee pro Beat. Ein Beat ist eine Zeile der Stimme mit ihrem Bild. Zwei Ideen in einem Beat, und das Publikum verliert eine davon.
• Zurückhaltung. Jeder Schnörkel, der der Aussage nicht dient, kostet Aufmerksamkeit. Mayers Kohärenzprinzip sagt dasselbe: Lass weg, was überflüssig ist.
• Bewegung mit Bedeutung. Eine Zahl, die wächst, zählt hoch. Ein Ablauf fließt in Leserichtung. Ein Vergleich teilt den Bildschirm.
• Pausen. Wenn ein Bild fertig ist, lass es lange genug stehen, damit man es lesen kann.

Die billigen Tricks: Woran man amateurhaftes Motion Design erkennt

Ein hastig gemachtes Erklärvideo erkennst du in fünf Sekunden, auch wenn du nicht sagen könntest, warum. Meistens ist es einer dieser Punkte.

• Alles hüpft. Stauchen, Strecken und Überschwingen sind wunderbar an einem Cartoon-Ball. An jedem Wort und jedem Icon machen sie aus einer Lektion ein Spielzeug.
• Jede Szene ein neuer Übergang. Eine Drehung, dann ein Umblättern, dann eine Wischblende: Jeder lenkt den Blick auf den Schnitt statt auf die Idee.
• Text vor dem gesprochenen Wort. Der ganze Satz steht da, das Publikum liest voraus und hört nicht mehr zu. Oder umgekehrt: Das Wort kommt lange, nachdem die Stimme schon weiter ist.
• Alles auf einmal. Fünf Elemente kommen gleichzeitig, also führt keines.
• Bewegung um der Bewegung willen. Wenn du nicht sagen kannst, was eine Bewegung bedeutet, bedeutet sie wahrscheinlich „da war ein Preset“.
• Konstantes Tempo. Bewegung ohne Easing wirkt mechanisch, selbst auf Leute, die das Wort nie gehört haben.

Wie der KI-Regisseur von Clipteach die Bewegung wählt

Wir haben Clipteach um eine Regel gebaut: Bewegung wird Zeile für Zeile entschieden, nie aus dem Regal genommen. Keine Presets, keine Vorlagen. Für jede Szene liest der KI-Regisseur, was die Zeile bedeutet, und legt die Bewegung als Werte fest, die er für genau diese Zeile wählt: wie lange ein Auftritt dauert, ob er leicht überschwingt oder sanft landet, wo die Kamera beginnt und wo sie endet, wie die Szene an die nächste übergibt. Eine Zeile über Tempo darf schnell sein; eine über Geduld darf sich Zeit lassen.

Jede Szene kommt auf dem Wort, zu dem sie gehört: Die Stimme, eine KI-Profistimme oder deine eigene Aufnahme, gibt den Takt vor. Der Stil gibt die Welt vor. Motion ist eine dunkle Interface-Welt aus App-Fenstern, Tippen, Code und Flussdiagrammen, durch die Daten laufen, mit einem hellen Look, in dem Zahlen hochzählen und Linien sich selbst zeichnen. Doodle zeichnet jede Idee auf ein Whiteboard; 3D-Körper lässt einen echten 3D-Menschenkörper aufleuchten.

Und es bleibt deins: Klick in der Zeitleiste auf eine Szene, um ihre Wörter, die Zeichenfarben oder das Leuchten zu ändern; kürze, teile und takte Szenen; oder bitte den Video-Assistenten in deinen eigenen Worten um eine Änderung und gib seinen Plan frei.

So schreibst du ein Skript, das sich gut animieren lässt

Gute Bewegung beginnt im Skript. Diese fünf Gewohnheiten geben ihr etwas, womit sie arbeiten kann.

1. Eine Idee pro Zeile. Ein Satz mit zwei Ideen wird zu zwei Sätzen, und zu zwei Beats.
2. Nenn die Sache in der Zeile, in der sie erscheinen soll. „Die Rechnung“ kann nur auf dem Wort „Rechnung“ kommen, wenn das Wort dasteht.
3. Schreib die echten Zahlen hinein. „Die Anmeldungen sind gestiegen“ kann nur vage wachsen; „von 40 auf 80 in einem Monat“ kann hochzählen.
4. Führ für einen Moment Regie mit einer Notiz in [eckigen Klammern], etwa [die drei Teile als Kreislauf, die Belohnung hervorgehoben]. Notizen werden nie vorgelesen; sie wirken, wenn „In Sprechertext umschreiben“ aus ist und die Stimme dein Skript so liest, wie es dasteht.
5. Schau dir das Video einmal mit Ton an und ändere die Szenen, die nicht sitzen.

Starte mit einem Skript, einem Dokument oder deiner eigenen Aufnahme bei Text zu Video. Du machst Videos für ein Produkt? Sechs Motion-Graphics-Videos, die ein kleines Team diese Woche machen kann setzt dort an, wo dieser Leitfaden aufhört.