Die 21 Szenen-Visuals: ein Visual pro Satz
Für alles, was eine Webseite nicht zeigen kann, kennt PageToVid 21 Szenentypen im Video, von der einzelnen Riesenzahl bis zum Nachrichtenverlauf, und jede gezeichnete Szene in jedem Film ist genau einer davon. Welches Visual passt, entscheidet der Satz, der darüber gesprochen wird: Eine einzelne Zahl ist ein bignum, eine Entwicklung ein chart, die Worte eines Menschen ein quote oder chat, und was die Website selbst zeigen kann, wird gefilmt statt gezeichnet.
Dieser Leitfaden ist für alle, die ein Storyboard bearbeiten, von Hand oder über einen Assistenten, und wollen, dass jede Szene etwas erklärt, statt zu dekorieren. Wir haben den Katalog am 7. Oktober 2026 in unserem Code nachgezählt: weiterhin 21 gezeichnete Visuals; list_motions zeigt 26 Optionen, weil es die Bildschirmaufnahme mitzählt.
Croix-Rouge française, öffentliche Zuschüsse in Zahlen: ein 89 Sekunden langer französischer Datenfilm mit sieben verschiedenen gezeichneten Visuals (Titelkarte, Stat, Diagramm, Großzahl, Balken, Aufzählung, Statement) zwischen drei KI-Clips.
Der Katalog, nach Aufgabe sortiert
Die Bildschirmaufnahme deiner Seite steht nicht in dieser Liste. Sie ist Filmmaterial, kein gezeichnetes Visual, und eine Szene bekommt sie immer dann, wenn die Seite etwas Filmenswertes hat. In einem Film aus einer Website ist mindestens die Hälfte der Szenen eine Aufnahme (im Seitenverhältnis 9:16 jede vierte), und die Pipeline hält diese Untergrenze ein. Die 21 Visuals füllen den Rest.
| Aufgabe | Visuals | Höchstens | Wofür |
|---|---|---|---|
Worte |
| bullets: 4 Punkte | Die Kernaussage, eine kurze Liste, fremde Worte, Anfangs- und Schlusskarte |
Zahlen |
| stat: 4 Werte; meters: 5 Balken; chart: 6 Punkte | Eine Zahl, einige Anteile, eine echte Datenreihe, eine Wertetabelle |
Struktur |
| timeline, grid, checklist: 8; pricing: 3 Tarife | Zwei Optionen, ein Ablauf, eine Reihenfolge, ein Funktionsüberblick, Tarifkarten |
Geschichte |
| chat: 6 Blasen; logos: 8 | Ein Gespräch, ein Vorher-nachher, Namen, die dein Publikum kennt |
Bilder |
| gallery: 4 Bilder | Ein Screenshot, ein eigenes Foto, ein KI-Standbild oder KI-Clip |
list_motions veröffentlicht denselben Katalog mit Pflichtfeldern und Obergrenzen jedes Visuals, damit ein Assistent, der ein Storyboard schreibt, seine Wahl vor dem Rendern prüfen kann. Wenn du mit Claude oder einem anderen MCP-Client arbeitest, lies Videos mit Claude über MCP erstellen.
Was der Croix-Rouge-Film zeichnet, Szene für Szene
Diesen 89-Sekunden-Film haben wir aus einer Seite mit öffentlichen Daten zu den erfassten Zuschüssen des Französischen Roten Kreuzes gemacht. Es gibt kein Produkt zu filmen, also ist es ein geschriebenes Storyboard: zehn Szenen, 190 gesprochene Wörter, eine französische Stimme.
- Ein KI-Clip eines nächtlichen Hilfseinsatzes, unter „trois mille subventions publiques financent tout cela“.
- Eine
titlecard: der Name, darüber „Rapport AIFR“. - Ein
statmit zwei Werten: die Zahl der Zuschüsse und die Gesamtsumme, knapp 800 Millionen Euro. - Ein
chartder Jahresbeträge von 2017 bis 2023. Die Stimme sagt ausdrücklich, dass 2021 und 2022 in den Daten fehlen – die Lücke im Bild wird erklärt, nicht versteckt. - Ein
bignum: +45 % in sechs Jahren, als Erfolg eingefärbt. meters: die fünf größten Zwecke als Anteil am Ganzen.- Ein zweiter KI-Clip, danach
bulletsmit den vier übrigen Zwecken. - Ein
statementmit den Quellen.
Warum das funktioniert: Jede Zahl bekommt das Visual, das ihr Satz verlangt. Die Reihe ist ein Diagramm, die eine entscheidende Veränderung eine Großzahl direkt danach, die Verteilung nach Zweck sind Balken. Niemand muss im Sprechtempo eine Tabelle lesen.
Was wir an unserem eigenen Film ändern würden: Die Balkenbeschriftungen tragen den Betrag in Klammern und laufen über zwei Zeilen. Die Beträge gehören in den Sprechertext; die Beschriftung nennt den Zweck und sonst nichts.
Ein Visual wählen: vom Satz rückwärts denken
Das Visual folgt der Sprecherzeile, nie umgekehrt. Stell dir diese Fragen der Reihe nach und hör beim ersten Ja auf.
Kann die Seite es zeigen?
Dann filme sie. Richte die Szene mit einem Klick, einer getippten Suche oder einem Spotlight auf das Element. Die Aufnahme des echten Produkts schlägt jede gezeichnete Karte bei allem, was das Produkt tut.
Steht genau eine Zahl im Satz?
Nimm
bignum, odercounter, wenn das Wachstum selbst die Aussage ist. Zwei bis vier zusammengehörige Werte gehören in einstat.Ist es ein Vergleich oder eine Veränderung?
comparefür zwei Spalten,beforeAfterfür dasselbe Bild in zwei Zuständen,metersfür einige Anteile.Ist es eine Reihenfolge oder ein Ablauf?
timeline, wenn die Reihenfolge zählt,checklist, wenn nicht.Sind es die Worte eines Menschen?
testimonialmit Namensnennung,quoteohne,chatfür einen Austausch.Nichts davon?
Dann stecken vermutlich zwei Ideen in einem Satz. Teil die Szene: Der Sprechertext bestimmt die Länge, zwei Szenen kosten also keine Sekunde mehr (siehe der Sprechertext ist die Länge).
Wenn die ehrliche Antwort „ein Bild, das wir nicht haben“ lautet, erzeugt eine image-Szene mit Generierungsanweisung eines. Das ist eine Option der bezahlten Tarife, erklärt unter KI-Bilder im Video.
Die Obergrenzen, und warum eine lange Liste abgelehnt wird
Jedes Listen-Visual zeigt ein festes Maximum: vier Aufzählungspunkte, vier Stats, fünf Balken, sechs Diagrammpunkte, sechs Chatblasen, drei Tarife sowie acht Zeitleistenschritte, Kacheln, Checklistenpunkte oder Logos. Bis vor Kurzem fiel alles darüber beim Rendern stillschweigend weg – heraus kam eine Stimme, die neun Funktionen ankündigte, über einem Raster mit acht.
Heute lehnt das Storyboard die Szene ab, beim Erstellen wie bei jeder Änderung, und sagt, welches Feld zu lang ist und um wie viel. Die Lösung ist immer dieselbe: Szene teilen. Aus neun Funktionen werden ein Raster mit fünf und eines mit vier, jedes mit eigenem Satz, und der Film wird nicht länger, weil sich die Wörter nicht geändert haben.
Eine Obergrenze sagt auch etwas über das Tempo. Ein Chat mit sechs Blasen ist in wenigen Sekunden gelesen; eine Szene mit fünf Balken braucht einen Sprechertext, der mindestens die ersten zwei nennt, sonst liest das Publikum Beschriftungen, statt zuzuhören.
Fehler, die wir in Storyboards sehen
- Überall Aufzählungen. Das am leichtesten geschriebene und am schwächsten anzusehende Visual. Drei
statement-Szenen schlagen meist eine Liste mit drei Punkten. - Zwei Zahlen in einem `bignum`. Eine Großzahl ist eine Zahl. Die zweite gehört in den Sprechertext oder in ein
stat. - Ein Deko-Diagramm. Eine Kurve mit erfundener Form verliert ein technisches Publikum im ersten Bild. Gib ihr echte Punkte oder nimm ein
statement. - Ein unfaires `compare`. Ist die rechte Spalte leer, glaubt niemand der linken.
- `logos`, die keiner kennt. Eine Reihe unbekannter Marken ist eine Pause, kein Beleg.
- Eine gezeichnete Karte, wo man das Produkt hätte filmen können. Der teuerste Fehler: Die eine Szene, die Käufer sehen wollten, wird zur Funktionskachel.
Das Visual einer Szene nach dem Rendern ändern
Im Editor auf der Projektseite oder über update_storyboard mit einer set_visual-Operation wechselt eine Szene ihr Visual und behält ihren Inhalt, solange du keine neuen Daten schickst. set_data korrigiert eine Zahl und lässt das Visual stehen. Beides kostet nichts; der neue Film ist ein Render für 40 Credits, und die Stimme wird aus denselben Wörtern neu aufgenommen. Alle Reparaturen findest du unter ein Video korrigieren, ohne es neu zu machen, und wie Szenen ins Bild kommen, ist eine eigene Entscheidung, erklärt unter Szenenübergänge erklärt.
Für einen Datenfilm wie den des Roten Kreuzes zeigt der Anwendungsfall Erklärvideo das Briefing, mit dem wir starten, und unter Preise steht, was jeder Tarif enthält.
Wann die 21 Visuals das falsche Werkzeug sind
Individuelles Motion Design. Wenn deine Marke eine eigens animierte Illustration, eine Figur mit Rig oder ein Bild für Bild gebautes Logo-Intro braucht, beauftrage einen Motion Designer oder öffne After Effects. Unsere Visuals sind Vorlagen, gefüllt mit deinen Worten, Farben und Schriften, keine Originalanimation.
Daten zum Erkunden. Ein Film zeigt eine Lesart eines Datensatzes im Sprechtempo. Wenn deine Leser filtern, darüberfahren und vergleichen müssen, bette lieber ein interaktives Diagramm in die Seite ein.
Eine lange Produktschulung. Zwanzig Minuten Training sind eine Bildschirmaufnahme mit Kapiteln, keine Folge von Karten. Wie sich Werkzeuge dafür schlagen, zeigt die Vergleichsseite.
Verwandle deine Website in ein Video — kostenlos
Füge die Seite ein, die gefilmt werden soll. PageToVid schreibt das Skript, filmt die echte Website, vertont sie und liefert das MP4.
Häufige Fragen
Ist eine Bildschirmaufnahme eines der 21 Visuals?
Nein. Eine Aufnahme ist Filmmaterial der Seite, und eine Szene bekommt sie, sobald die Seite etwas zu zeigen hat. Die 21 Visuals sind für den Fall, dass sie nichts hat. In einem Film aus einer Website ist mindestens die Hälfte der Szenen eine Aufnahme, in 9:16 jede vierte.
Kann ich das Visual selbst wählen?
Ja. Das Visual jeder Szene steht ausdrücklich im Storyboard, und der Editor oder die Operation set_visual von update_storyboard ändert es. Das Visual, das du nennst, bekommst du auch; nichts wird stillschweigend ersetzt.
Warum wurde mein Raster mit neun Punkten abgelehnt?
Ein Raster zeigt höchstens acht Kacheln. Darüber lehnt das Storyboard die Szene ab und sagt, um wie viel sie zu lang ist, statt den neunten Punkt kommentarlos zu streichen. Teil sie in zwei Szenen; die Laufzeit ändert sich nicht, weil die Wörter sie bestimmen.
Mit welchem Visual sollte ein Film beginnen?
Meist mit einem Statement, einer Titelkarte oder, bei einem Film fürs Smartphone, mit einem Clip oder einer Aufnahme des Produkts in Aktion. Die ersten Sekunden entscheiden, ob der Rest geschaut wird; ein Funktionsraster ist fast nie der richtige Einstieg.
Kann eine Szene zwei Visuals kombinieren?
Nein, und das ist Absicht. Eine Szene ist eine Idee, auf eine Weise gezeichnet. Braucht ein Moment ein Diagramm und ein Zitat, sind es zwei Momente, und das Teilen verlängert den Film nicht.
Weiterführende Artikel
- Was sind Motion Graphics? Animierter Text, Zahlen und Diagramme, und wann eine Karte eine Bildschirmaufnahme schlägt
- Szenenübergänge erklärt – und warum der harte Schnitt fast immer gewinnt
- KI-generierte Bilder im Video – und wann du sie einsetzt
- Was ist ein Video-Storyboard? Der Plan Szene für Szene, und wie wir unseres schreiben, prüfen und bearbeiten