Kurzform-Video

Was macht Kurzform-Video?

Entwickeln Sie ein 9:16-Video, das dem Wischen standhält. Kurzform ist kein kleiner Kinofilm – es ist eine Retentionsmaschine: ein Hook, der die erste Sekunde verdient, Pattern Interrupts, die Aufmerksamkeit alle paar Sekunden zurücksetzen, und oft eine Schleife, die die Sehdauer über 100 % hinaus verlängert. Die Handwerkskunst liegt im Timing, nicht in der Perfektion.

Wann verwenden

• Reels / TikTok / YouTube Shorts (7–60s, vertikal 9:16).
• Retentionsschnitt: Drop-off beheben, Pattern Interrupts einfügen, Tempo straffen.
• Hooks, nahtlose Loops, wiederverwendbare Kurzformat-Vorlagen (ein Design, viele Themen).

Story-Struktur (der Retentionsvertrag)

Kurzformat-Storytelling ist ein Vertrag mit dem Daumen des Zuschauers: Jede Sekunde muss die nächste neu verdienen. Die Erzählung wird rückwärts aus der Retentionskurve geformt, nicht vorwärts von einer Einleitung aus. Stellen Sie diese Dinge sicher, bevor Sie die Timeline berühren.

• Eine Idee pro Video. Ein Kurzfilm trägt genau einen Höhepunkt. Eine zweite Idee teilt die Aufmerksamkeit und die Kurve sackt in der Mitte ab – machen Sie stattdessen ein zweites Video daraus. Wenn Sie die einzelne Botschaft nicht in einem Satz benennen können, haben Sie noch keinen Kurzfilm.
• Eröffnen Sie eine Schleife in den ersten ~3s, schließen Sie sie am Ende. Der Hook stellt eine Frage oder Lücke (die offene Schleife); der Höhepunkt beantwortet sie. Der Zuschauer bleibt, weil die Schleife offen ist – beantworten Sie sie also nie früh und vergraben Sie den Höhepunkt niemals unter Aufbau.
• Keine tote Luft. Jeder Beat treibt entweder die Idee voran oder setzt die Aufmerksamkeit zurück. Schneiden Sie alles, was keines von beidem tut. Stille, langsame Rampen, einleitendes Räuspern („Hey Leute, in diesem Video...“) sind Stellen, an denen Zuschauer wegwischen.
• Warum die Kurve und nicht der Schnitt die Arbeitseinheit ist. Der Algorithmus verteilt das, was die Aufmerksamkeitskurve pro Sekunde flach hält; ein „guter“ Schnitt, der die Kurve flach macht, verliert gegen einen hässlichen, der sie oben hält. Sie bearbeiten die Kurve, und der Hook bestimmt alles danach – reparieren Sie ihn zuerst.

Die narrative Grundlinie (der Hook → Aufbau → Körper → Höhepunkt/Schleife-Bogen ist in der folgenden Tabelle veranschaulicht):

Schritt	Story-Aufgabe	Fehler bei Verpassen
Hook	Öffne die Schleife; versprich den Höhepunkt	Wischen in den ersten 3s
Spannung halten	Halte die Lücke durch den Körper offen	Flache Mitte, Abfall in der Mitte
Höhepunkt	Schließe die Schleife – die eine Idee, geliefert	„Hat meine Zeit verschwendet“, kein Teilen
Schleife / CTA	Zurück zu Frame 0 führen oder eine klare Aufforderung	Kein erneutes Ansehen, keine Aktion

(Die Tabelle Der Retentionsbogen unten weist jeder Bewegung Sekunden zu; dieser Abschnitt ist die narrative Logik und Reihenfolge dahinter. Hook-Grammatik listet die Hook-Archetypen auf.)

Die eine Metrik, die alles antreibt

Retention, nicht Produktionswert. Der Algorithmus verteilt, was Zuschauer hält; ~87 % entscheiden innerhalb von 3 Sekunden, ob sie bleiben oder wischen, und die Schwelle für Verbreitung liegt bei etwa 70 %+ durchschnittlicher Wiedergaberate (Shorts ~73 %, TikTok ~78 %, Reels ~65 %). Jede Entscheidung unten wird gegen diese Kurve getauscht. Eine makellose Einstellung, die bei 0:04 langweilt, verliert gegen eine hässliche, die hält.

Der Retentionsbogen

Beat	Aufgabe	Budget (eines 20s Kurzfilms)
Hook (0–1s)	Ein Frame + eine Zeile, die eine offene Schleife erzeugt	0–1s
Aufbau	Zahle aus warum zuschauen – Versprechen, Einsatz oder die Lücke	1–4s
Körper	Liefere Wert in Beats; eine Idee pro Beat	4–17s
Höhepunkt / Schleife	Schließe die Schleife – oder führe sie zu Frame 0 zurück	17–20s

Skaliere den Körper, niemals den Hook. Ein 60s Kurzfilm hat einen längeren Körper und mehr Beats – aber denselben 1-Sekunden-Hook.

Hook-Grammatik (erste ~1s)

Der Hook ist ein Satz + ein Bild, das eine Neugierlücke öffnet, die das Gehirn schließen muss. Wählen Sie ein Muster aus und bleiben Sie dabei:

Hook-Typ	Form	Am besten geeignet für
Offene Schleife	„Der Grund, warum dein X ständig Y…“ (Antwort verzögert)	die meisten Inhalte
Direktes Versprechen	„3 Wege, um ___ in 30 Sekunden“	lehrreich / Liste
Musterunterbrechung	Snap-Zoom / Whip-Pan / visueller Widerspruch in Frame 1	Unterhaltung
Verneinung	„Hör auf ___ zu tun“ / „Du hast ___ falsch verstanden“	starke Meinungen

Zwei Regeln: Die Hook-Zeile ist als Text auf dem Bildschirm in Frame 1 (85 % schauen stumm), und das auffälligste Bild ist ebenfalls der erste Frame – niemals ein langsamer Einblender. Halten Sie einen starken Anfangsframe; blenden Sie nicht von Schwarz ein.

Musterunterbrechungen & Schnittrhythmus

Eine Musterunterbrechung ist jede Veränderung, die Aufmerksamkeit zurücksetzt: ein harter Schnitt, Zoom-Punch, B-Roll-Einfügung, Soundeffekt, Untertitel-Pop oder Kamerawinkelwechsel. Bei Kurzform ist die Dichte hoch – ein visueller Wechsel alle ~2–4 Sekunden; Videos mit einer Unterbrechung etwa alle 4s halten ~58 % vs. ~41 % bei einem statischen Sprecherkopf. Der Killer ist eine flache Mitte: TikTok drosselt die Verbreitung, wenn die Wiedergaberate-Kurve flach wird, also nähen Sie den Körper nie aus energiearmen Takes zusammen.

// Treibe jede Unterbrechung vom FRAME an, nicht von der Wanduhr – ergibt deterministische Renderings.
import { useCurrentFrame } from "remotion";
const fps = 30;
const cuts = [0, 1.2, 3.0, 5.4, 8.0, 11.2, 14.0]; // Sekunden – absichtlich ungleichmäßig
const frame = useCurrentFrame();
const shot = cuts.findIndex((t, i) => frame < (cuts[i + 1] ?? Infinity) * fps);

Variieren Sie das Intervall – ein Metronom wirkt wie Langeweile; ungleichmäßige Schnitte wirken wie Dynamik. Ein Punch-In-Zoom ist der günstigste Unterbrecher, der kein neues Filmmaterial benötigt:

import { useCurrentFrame, interpolate, spring, useVideoConfig } from "remotion";
const PunchIn = ({ at, children }) => {
  const frame = useCurrentFrame(); const { fps } = useVideoConfig();
  const s = spring({ frame: frame - at * fps, fps, config: { damping: 12, stiffness: 200 } });
  const scale = interpolate(s, [0, 1], [1, 1.12]); // Schnappt auf 112 % im Takt
  return <div style={{ transform: `scale(${scale})`, transformOrigin: "50% 45%" }}>{children}</div>;
};

Untertitel

Die meisten Zuschauer schauen stumm, daher sind Bildschirmuntertitel nicht optional – sie tragen den Inhalt und dienen gleichzeitig als Musterunterbrechung, wenn jeder Satz einpoppt. Halten Sie 4–7 Wörter pro Zeile, hoher Kontrast, innerhalb des sicheren Bereichs. Implementieren Sie hier keine Untertitel-Animation neu – verwenden Sie das Skill untertitel-animation für wortgenaues Timing, Karaoke-Hervorhebung und Styling; dieses Skill platziert nur Untertitel auf der Retentionstimeline und innerhalb der 9:16-Sicherheitszone.

Loops & erneutes Ansehen

Ein nahtloser Loop zählt jedes erneute Ansehen als frische Sehdauer – ein sauberer 8s-Loop, der 3× angesehen wird, ergibt 300 % Wiedergaberate, das stärkste mögliche Signal. Zwei Techniken: Passen Sie den letzten Frame an den ersten an (gleiche Komposition, Position, Farbe), sodass der Schnitt unsichtbar ist, und schreiben Sie einen Satz-Loop – formulieren Sie den Hook so, dass der Höhepunkt zu Frame 0 zurückführt („…und deshalb mache ich niemals – “ → Loopt zum Anfang). Die beste Länge für erneutes Ansehen ist ~7–15s.

9:16 Sicherheitsbereiche

Komponieren Sie innerhalb des universellen Sicherheitsbereichs, sodass die Plattform-UI niemals Text oder Gesichter überdeckt.

Zone	Pixel (1080×1920)	Vermeiden
Universell sicher (alle Plattformen)	Mitte 900×1400	alles Wichtige außerhalb
Oben	~120px freihalten	Profil / Sound UI
Unten	~320px freihalten	Untertitel, CTA, Hashtags, Audio-Leiste
Rechts	~120px freihalten	Like / Kommentar / Teilen-Leiste

Setzen Sie den Hook-Text und das Hauptmotiv in die mittlere 900×1400-Box. Halten Sie die unteren ~320px frei, auch wenn es im Editor leer aussieht – dort platziert die Plattform ihre eigenen Untertitel und Schaltflächen.

Output-Checkliste

• Hook-Zeile ist als Text auf dem Bildschirm in Frame 1; stärkstes Bild ist der erste Frame (kein Einblenden).
• Eine offene Schleife / ein Versprechen in den ersten ~4s gesetzt.
• Ein visueller Pattern Interrupt alle ~2–4s; Intervalle ungleichmäßig; keine flache Mitte.
• Untertitel vorhanden (via untertitel-animation), 4–7 Wörter, innerhalb Sicherheitsbereich.
• Loop geschlossen – angepasster erster/letzter Frame oder ein Satz, der zu Frame 0 zurückführt.
• Komponiert innerhalb der 900×1400-Mittenbox; unten 320px / oben 120px / rechts 120px freigehalten.
• Jeder animierte Wert von useCurrentFrame() abgeleitet – keine CSS-/Bibliotheks-Timer.

Liefern & verifizieren (gerenderte Standbilder → MP4)

Verpacktes Hilfswerkzeug (scripts/): Kacheln Sie Ihre Standbilder mit scripts/contact-sheet.sh sheet.png f-hook.png f-mid.png f-end.png, dann überprüfen Sie den Encode mit scripts/probe-mp4.sh out.mp4 [WxH] [fps]. Siehe scripts/README.md.

Der Kurzfilm wird als Remotion-Komposition ausgeliefert (<Composition> + zod schema + defaultProps) – jeder Schnitt, Punch-In und Unterbrecher von useCurrentFrame() gesteuert, niemals von Date.now() / Math.random() / Timern. Lieferumfang = out/*.mp4 + das Projekt (pro Thema neu rendern). 9:16 vertikal (1080×1920) ist Standard.

Loop verifizieren – Standbilder rendern → inspizieren → encoden. Drei Frames testen die drei Dinge, die Retention machen oder brechen: den Hook, das Tempo und die Loop-Naht.

# Standbilder bei Hook / Körpermitte / letztem Frame – MIT AUSGELIEFERTEN PROPS (das echte Thema, nicht Standardwerte)
npx remotion still Short out/f-hook.png --frame=10  --props='{"topic":"...","hook":"..."}'   # ~erste 3s lesen sofort
npx remotion still Short out/f-mid.png  --frame=N   --props='{"topic":"...","hook":"..."}'
npx remotion still Short out/f-end.png  --frame=L   --props='{"topic":"...","hook":"..."}'   # L = durationInFrames-1

# Jedes PNG inspizieren:
#  - HOOK-Frame (~Frame 0-artig / erste 3s): Hook-Zeile ist als Text auf dem Bildschirm und liest sofort; stärkstes Bild bereits oben (kein Einblenden)
#  - LOOP-Naht: vergleiche f-hook(Frame 0) mit f-end(letzter Frame) – gleiche Komposition/Position/Farbe für einen unsichtbaren Loop-Schnitt
#  - 9:16 Sicherheitsbereich: Hook + Hauptmotiv innerhalb der mittleren 900×1400 Box; frei von oben ~12 %, unten ~20-35 % (Untertitel/CTA/Audio), rechter Aktions-Rail

npx remotion render Short out/short.mp4 --props='{"topic":"...","hook":"..."}'   # encoden sobald Standbilder bestätigt
npx remotion render Short out/demo.gif --codec=gif                                # README-Beweis-Clip

Pro Thema / Batch: Verifizieren Sie EIN Thema via Standbilder bevor Sie alle rendern. Verwenden Sie npx remotion compositions für durationInFrames/fps, um die mittleren und letzten Frames auszuwählen.

Bevor Sie abschließen:

1. Standbilder rendern sauber bei Hook, Mitte und letztem Frame – keine Fehler.
2. Der Hook-Frame liest sofort (Text auf Bildschirm + stärkstes Bild vorne, kein Einblenden); erster vs. letzter Frame stimmen überein für eine saubere Loop-Naht.
3. Hook + Motiv + Untertitel sitzen innerhalb der 9:16 mittleren 900×1400 Sicherheitsbox bei jedem geprüften Frame.
4. Nur Frame-basiert – kein Date.now() / Math.random() / Timer; Schnitte ungleichmäßig, keine flache Mitte.
5. Die ausgelieferten Props eines echten Themas (nicht defaultProps) rendern korrekt; MP4 codiert, GIF optional.

Referenzdateien

• references/retention-pacing.md – eine vollständig lauffähige Remotion <Short>-Komposition: ein Frame-basierter Shot-Scheduler mit ungleichmäßigen Schnitten, dem PunchIn Pattern Interrupt, einem On-Screen-Hook, einem 9:16-Sicherheitsbereichs-Overlay und einer nahtlosen Erst/Letzt-Frame-Schleife. Zusätzlich eine Hook-Muster-Bibliothek, eine Retentionskurven-Debugging-Methode, plattformspezifische Sicherheitszonen-Karten und das Vorlagen×Thema-Batch-Render-Muster.