Los 21 visuales de escena: un visual por frase
Para todo lo que una página web no puede enseñar, PageToVid tiene 21 tipos de escenas de vídeo, desde una cifra enorme hasta un hilo de mensajes, y cada escena dibujada de cada vídeo es exactamente uno de ellos. El visual correcto sale de la frase que se dice encima: una sola cifra pide un bignum, una evolución un chart, las palabras de alguien un quote o un chat, y todo lo que la propia web puede mostrar se graba en lugar de dibujarse.
Esta guía es para quien edita un guion gráfico, a mano o con un asistente, y quiere que cada escena explique algo en vez de decorar. Volvimos a contar el catálogo en nuestro código el 7 de octubre de 2026: siguen siendo 21 visuales dibujados; list_motions muestra 26 opciones porque cuenta también la grabación de pantalla.
Croix-Rouge française, las subvenciones públicas en cifras: un vídeo de datos de 89 segundos en francés con siete visuales dibujados distintos (rótulo, stat, gráfico, cifra grande, barras, viñetas, frase) entre tres clips de IA.
El catálogo, agrupado por la función de cada visual
La grabación de pantalla de tu página no está en esta lista. Es metraje, no un visual dibujado, y es lo que recibe una escena siempre que la página tiene algo que merezca grabarse. En un vídeo hecho desde una web, al menos la mitad de las escenas son grabaciones (una de cada cuatro en 9:16), y el sistema mantiene ese mínimo. Los 21 visuales cubren el resto.
| Función | Visuales | Máximo | Úsalo para |
|---|---|---|---|
Palabras |
| bullets: 4 elementos | La idea central, una lista corta, las palabras de otro, el rótulo de inicio y cierre |
Cifras |
| stat: 4 cifras; meters: 5 barras; chart: 6 puntos | Una cifra, unas pocas proporciones, una serie real, una tabla de valores |
Estructura |
| timeline, grid, checklist: 8; pricing: 3 planes | Dos opciones, un proceso, un orden, un resumen de funciones, tarjetas de planes |
Relato |
| chat: 6 burbujas; logos: 8 | Una conversación, un antes y después, nombres que tu público reconoce |
Imágenes |
| gallery: 4 imágenes | Una captura, una foto tuya, una imagen o un clip generados por IA |
list_motions publica este mismo catálogo con los campos obligatorios y los topes de cada visual, para que un asistente que escribe un guion compruebe su elección antes de renderizar nada. Si trabajas con Claude u otro cliente MCP, mira crear vídeos con Claude por MCP.
Qué dibuja el vídeo de la Croix-Rouge, escena a escena
Hicimos este vídeo de 89 segundos a partir de una página de datos públicos sobre las subvenciones registradas de la Cruz Roja francesa. No hay producto que grabar, así que es un guion escrito: diez escenas, 190 palabras habladas, una sola voz en francés.
- Un clip de IA de una furgoneta de asistencia nocturna, bajo «trois mille subventions publiques financent tout cela».
- Un
titlecard: el nombre, con «Rapport AIFR» como antetítulo. - Un
statcon dos cifras: el número de subvenciones y el total acumulado, cerca de 800 millones de euros. - Un
chartcon los importes anuales de 2017 a 2023. La voz dice en voz alta que faltan 2021 y 2022 en los datos, así que el hueco en pantalla se explica, no se esconde. - Un
bignum: +45 % en seis años, teñido como logro. meters: los cinco destinos principales como parte del total.- Un segundo clip de IA y luego
bulletscon los cuatro destinos restantes. - Un
statementque nombra las fuentes.
Por qué funciona: cada cifra recibe el visual que pide su frase. La serie es un gráfico, el único cambio importante es una cifra grande justo después y el reparto por destino son barras. Nadie tiene que leer una tabla al ritmo de la voz.
Lo que cambiaríamos en nuestro propio vídeo: las etiquetas de las barras llevan el importe entre paréntesis y ocupan dos líneas. Los importes van en la locución; la etiqueta debe nombrar el destino y nada más.
Elegir un visual: parte de la frase
El visual sigue a la frase de la locución, nunca al revés. Hazte estas preguntas en orden y para en el primer sí.
¿Puede mostrarlo la página?
Entonces grábala. Apunta la escena al elemento con un clic, una búsqueda escrita o un foco. La grabación del producto real gana a cualquier tarjeta dibujada para todo lo que hace el producto.
¿Hay una sola cifra en la frase?
Usa
bignum, ocountersi lo que importa es el crecimiento. De dos a cuatro cifras relacionadas van en unstat.¿Es una comparación o un cambio?
comparepara dos columnas,beforeAfterpara una misma imagen en dos estados,meterspara unas pocas proporciones.¿Es un orden o un proceso?
timelinecuando el orden importa,checklistcuando no.¿Son las palabras de alguien?
testimonialcon atribución,quotesin ella,chatpara un intercambio.¿Nada de lo anterior?
Seguramente hay dos ideas en una frase. Divide la escena: la locución fija la duración, así que dos escenas no cuestan ni un segundo más (mira la locución es la duración).
Cuando la respuesta honesta es «una imagen que no tenemos», una escena image con una instrucción de generación la crea. Es una opción de los planes de pago, explicada en imágenes de IA en tu vídeo.
Los topes, y por qué se rechaza una lista larga
Cada visual de lista muestra un máximo fijo: cuatro viñetas, cuatro stats, cinco barras, seis puntos de gráfico, seis burbujas de chat, tres planes de precios y ocho pasos de línea de tiempo, casillas de cuadrícula, elementos de checklist o logos. Hasta hace poco, lo que pasaba del tope se eliminaba al renderizar, y salía una voz que prometía nueve funciones sobre una cuadrícula que enseñaba ocho.
Ahora el guion rechaza la escena, al crearla y en cada edición, y te dice qué campo es demasiado largo y por cuánto. La solución es siempre la misma: dividir la escena. Nueve funciones se convierten en una cuadrícula de cinco y otra de cuatro, cada una con su frase, y el vídeo no dura más porque las palabras no han cambiado.
Un tope también dice algo del ritmo. Un chat de seis burbujas se lee en pocos segundos; una escena de cinco barras necesita que la voz nombre al menos las dos primeras, o quien mira leerá etiquetas en vez de escuchar.
Errores que vemos en los guiones
- Viñetas por todas partes. El visual más fácil de escribir y el más flojo de ver. Tres escenas
statementsuelen ganar a una lista de tres elementos. - Dos cifras en un `bignum`. Una cifra grande es una cifra. La segunda va en la locución o en un
stat. - Un gráfico decorativo. Una curva con forma inventada pierde a un público técnico en un fotograma. Dale puntos reales o usa un
statement. - Un `compare` injusto. Si la columna derecha está vacía, nadie se cree la izquierda.
- `logos` que nadie reconoce. Una fila de marcas desconocidas es una pausa, no una prueba.
- Una tarjeta dibujada donde se podía grabar el producto. El error más caro: la única escena que el comprador quería ver se convierte en una casilla de funciones.
Cambiar el visual de una escena tras el renderizado
En el editor de la página del proyecto, o con update_storyboard y una operación set_visual, una escena cambia de visual y conserva su contenido si no envías datos nuevos. set_data corrige una cifra y mantiene el visual. Ninguna de las dos cuesta nada; el vídeo nuevo es un renderizado de 40 créditos, y la voz se graba otra vez con las mismas palabras. Todas las reparaciones están en arreglar un vídeo sin rehacerlo, y cómo entran las escenas en pantalla es otra decisión, explicada en las transiciones de escena.
Para un vídeo de datos como el de la Croix-Rouge, el caso de uso de vídeo explicativo muestra el brief del que partimos, y en precios tienes lo que incluye cada plan.
Cuándo los 21 visuales no son la herramienta adecuada
Animación a medida. Si tu marca necesita una ilustración animada original, un personaje articulado o un logo animado fotograma a fotograma, contrata a un motion designer o abre After Effects. Nuestros visuales son plantillas que se rellenan con tus palabras, colores y tipografías, no animación original.
Datos que hay que explorar. Un vídeo enseña una lectura de un conjunto de datos al ritmo de la voz. Si tus lectores necesitan filtrar, pasar el ratón y comparar, inserta un gráfico interactivo en la página.
Un recorrido largo. Veinte minutos de formación de producto son una grabación de pantalla con capítulos, no una sucesión de tarjetas. Para comparar herramientas en ese terreno, mira la página de comparativas.
Convierte tu sitio web en un vídeo — gratis
Pega la página que quieres filmar. PageToVid escribe el guion, graba el sitio real, pone la voz y entrega el MP4.
Preguntas frecuentes
¿Una grabación de pantalla es uno de los 21 visuales?
No. Una grabación es metraje de la página, y una escena la recibe siempre que la página tiene algo que enseñar. Los 21 visuales son para cuando no lo tiene. En un vídeo hecho desde una web, al menos la mitad de las escenas son grabaciones, una de cada cuatro en 9:16.
¿Puedo elegir yo el visual?
Sí. El visual de cada escena está explícito en el guion, y el editor o la operación set_visual de update_storyboard lo cambian. El visual que eliges es el que obtienes; nada se sustituye en silencio.
¿Por qué se rechazó mi cuadrícula de nueve elementos?
Una cuadrícula muestra como máximo ocho casillas. Por encima del tope, el guion rechaza la escena y te dice por cuánto se pasa, en lugar de quitar el noveno elemento sin avisar. Divídela en dos escenas; la duración no cambia porque la fijan las palabras.
¿Con qué visual conviene abrir un vídeo?
Normalmente con un statement, un rótulo o, en un vídeo pensado para móvil, un clip o una grabación del producto en acción. Los primeros segundos deciden si se ve el resto, así que una cuadrícula de funciones casi nunca es la apertura adecuada.
¿Puede una escena combinar dos visuales?
No, y es a propósito. Una escena es una idea dibujada de una forma. Si un momento necesita un gráfico y una cita, son dos momentos, y separarlos no alarga el vídeo.
Lecturas relacionadas
- ¿Qué son los motion graphics? Texto, cifras y gráficos animados, y cuándo una tarjeta gana a una grabación de pantalla
- Las transiciones de escena explicadas, y por qué casi siempre gana el corte
- Imágenes generadas con IA en tu vídeo, y cuándo usarlas
- ¿Qué es un storyboard de vídeo? El plan escena a escena, y cómo escribimos, revisamos y editamos el nuestro