Motion Design Craft
Gute Bewegung ist unsichtbar: Sie lenkt die Aufmerksamkeit und tritt in den Hintergrund.
Dauern (bei 30 fps)
| Bewegung | Bilder | Sekunden |
|---|---|---|
| Mikro-Feedback (Tastendruck, Hervorhebung) | 4 bis 8 | 0,15 bis 0,25 |
| Element tritt ein oder aus | 10 bis 18 | 0,35 bis 0,6 |
| Szenenwechsel | 12 bis 20 | 0,4 bis 0,7 |
| Großer Bewegungsweg über den Bildschirm | 20 bis 30 | 0,7 bis 1,0 |
| Staffelung zwischen Listenelementen | 3 bis 6 | 0,1 bis 0,2 |
Ausgänge sind schneller als Eingänge (etwa 70 Prozent der Eingangszeit). Länger als eine Sekunde wirkt träge, es sei denn, es handelt sich um eine bewusste Enthüllung.
Easing
Wähle das Easing danach, was das Objekt tut:
- Betritt das Bild: ease-out (schneller Start, sanfte Landung).
- Verlässt das Bild: ease-in (langsamer Start, beschleunigt weg).
- Bewegt sich zwischen Positionen auf dem Bildschirm: ease-in-out.
- Kontinuierlich (Schleifen, Fortschrittsbalken): linear.
Verwende niemals reines Linear für UI-ähnliche Bewegung; es wirkt roboterhaft.
Federn
Nutze kritisch gedämpfte oder leicht unterkritisch gedämpfte Federn für ein natürliches Einschwingen. In Remotion ist damping: 200 glatt ohne Nachschwingen; niedrigere Dämpfung (10 bis 20) fügt Überschwinger hinzu, geeignet nur für verspielte Inhalte. Halte Überschwinger unter etwa 10 Prozent.
Lesezeit für Text
seconds_on_screen = max(1.5, words * 0.35 + 0.5)
Ein 6-Wörter-Titel benötigt etwa 2,6 Sekunden. Wenn der Voiceover den Text vorliest, zeige ihn etwas bevor der Sprecher ihn sagt.
Rhythmus
- Wähle einen Takt (z.B. 0,5 s oder einen Takt der Musik) und richte Schnitte und Eintritte als Vielfache davon aus. Ungenaue Bewegung wirkt schlampig, selbst wenn Zuschauer nicht sagen können, warum.
- Variiere die Szenenlänge; identische Dauern wirken mechanisch.
- Schneide auf Aktion: Beginne die nächste Einstellung, während die Bewegung der vorherigen noch stattfindet.
Hierarchie
- Ein fokussiertes Element zur Zeit. Dimme oder verwische, was nicht das Subjekt ist.
- Fließtext mindestens 36 px auf 1080p; Titel 72 px oder mehr. Telefonnutzer benötigen größere Darstellung.
- Kontrastverhältnis mindestens 4,5:1 für Text über Hintergründen; füge einen Schatten oder eine Halbtransparenz über Video hinzu.
- Ränder: Halte Inhalte innerhalb der zentralen 90 % (Sicherheitsbereich), 80 % für vertikales Video.
Übergänge mit Grund
Verwende einen Übergang nur, wenn er etwas aussagt: eine Wischblende für einen Zeitsprung, ein Schiebeblende für den nächsten Schritt, eine Überblendung für einen sanften Themenwechsel. Ansonsten verwende einen geraden Schnitt. Mische nicht mehr als zwei Übergangsstile in einem Video.
Was ein Video generiert aussehen lässt
Vermeide diese Voreinstellungen, es sei denn, sie sind bewusst gewählt:
- Alles blende mit der gleichen Dauer von 0 Deckkraft ein.
- Zentrierter Text auf einem dunklen Verlauf mit schwebenden Klecksen.
- Ein lila-blauer Verlauf für jede Marke.
- Jedes Element hüpft mit einem Feder-Effekt.
- Identische Szenenlänge und derselbe Übergang zwischen allen Szenen.
- Stock-Emojis, die als Symbole verwendet werden.
- Text, der auf einmal erscheint, lange bevor er gesprochen wird.
Abhilfe: Verwende die Markenpalette und echte Assets, variiere Bewegung nach Rolle, staffle sinnvoll und lasse einige Szenen einfach geschnitten sein.
Überprüfungscheckliste
- Kannst du jedes Bild anhalten und ein klares Subjekt sehen?
- Bewegt sich etwas ohne Grund?
- Ist Text in Telefongröße lesbar?
- Bleiben die letzten 2 Sekunden lange genug still, um den Call-to-Action zu lesen?