Ir al contenido principal

Los 21 visuales de escena: un visual por frase

Por Gauthier Bros, fundador de PageToVidActualizado el 7 min de lectura

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.

Hecho a partir de — con PageToVid y publicado por su autor. Verlo en su página → · Ver todos los vídeos públicos →

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.

Los 21 visuales de escena y lo máximo que muestra cada uno
FunciónVisualesMáximoÚsalo para

Palabras

statement, bullets, quote, testimonial, titlecard

bullets: 4 elementos

La idea central, una lista corta, las palabras de otro, el rótulo de inicio y cierre

Cifras

stat, bignum, counter, meters, chart, table

stat: 4 cifras; meters: 5 barras; chart: 6 puntos

Una cifra, unas pocas proporciones, una serie real, una tabla de valores

Estructura

compare, checklist, timeline, grid, pricing

timeline, grid, checklist: 8; pricing: 3 planes

Dos opciones, un proceso, un orden, un resumen de funciones, tarjetas de planes

Relato

chat, beforeAfter, logos

chat: 6 burbujas; logos: 8

Una conversación, un antes y después, nombres que tu público reconoce

Imágenes

image, gallery

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.

  1. Un clip de IA de una furgoneta de asistencia nocturna, bajo «trois mille subventions publiques financent tout cela».
  2. Un titlecard: el nombre, con «Rapport AIFR» como antetítulo.
  3. Un stat con dos cifras: el número de subvenciones y el total acumulado, cerca de 800 millones de euros.
  4. Un chart con 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.
  5. Un bignum: +45 % en seis años, teñido como logro.
  6. meters: los cinco destinos principales como parte del total.
  7. Un segundo clip de IA y luego bullets con los cuatro destinos restantes.
  8. Un statement que 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í.

  1. ¿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.

  2. ¿Hay una sola cifra en la frase?

    Usa bignum, o counter si lo que importa es el crecimiento. De dos a cuatro cifras relacionadas van en un stat.

  3. ¿Es una comparación o un cambio?

    compare para dos columnas, beforeAfter para una misma imagen en dos estados, meters para unas pocas proporciones.

  4. ¿Es un orden o un proceso?

    timeline cuando el orden importa, checklist cuando no.

  5. ¿Son las palabras de alguien?

    testimonial con atribución, quote sin ella, chat para un intercambio.

  6. ¿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 statement suelen 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 no

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.

Primer vídeo gratis · sin tarjeta · listo en minutos

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.