DICCIONARIO · S

Storyboard

Un storyboard (en español, guion gráfico) es una secuencia de viñetas dibujadas que muestra plano a plano cómo se verá un vídeo, una película, un anuncio o una experiencia digital antes de producirla. Sirve para decidir encuadres, acciones y ritmo sobre el papel, alinear al equipo y evitar repeticiones caras en el rodaje o la edición.

Sara Cerdà Richart Escrito por Sara Cerdà Richart 7 min de lectura
Ficha rápida
Tipo
Documento visual de preproducción
En español
Guion gráfico (también guion ilustrado)
Origen
Estudios Disney, principios de los años treinta
Primer storyboard completo
Los tres cerditos (Disney, 1933)
Primer gran filme de imagen real storyboardeado entero
Lo que el viento se llevó (1939)

≡En resumen

  • Un storyboard es la película dibujada antes de rodarla: una viñeta por plano, con notas de cámara, acción, diálogo y duración.
  • Se escribe storyboard, en una sola palabra; «story board» es una grafía incorrecta del mismo término.
  • No sustituye al guion: el guion cuenta la historia con palabras y el storyboard decide cómo se va a ver.
  • Se usa en cine, animación, publicidad, vídeo para redes, formación y diseño de experiencia de usuario.
  • No hace falta dibujar bien: bastan figuras simples, flechas de movimiento y notas claras.

01 ¿Qué es un storyboard?

La técnica tal como la conocemos nació en Walt Disney Productions a principios de los años treinta. Se atribuye al animador Webb Smith la idea de dibujar cada escena en una hoja y colgarlas en secuencia; el corto Los tres cerditos (1933) se considera el primero con un storyboard completo. En 1939, Lo que el viento se llevó fue uno de los primeros largometrajes de imagen real planificados plano a plano, con el diseñador William Cameron Menzies a cargo. Desde entonces es una herramienta estándar en cine, animación y publicidad.

02 Para qué sirve un storyboard

01

Visualizar antes de producir

Permite ver si la historia se entiende, si el orden de los planos funciona y si falta alguna toma, cuando cambiar algo solo cuesta borrar un dibujo.

02

Alinear al equipo y al cliente

Dirección, cámara, arte, montaje y cliente trabajan sobre la misma referencia visual, lo que reduce malentendidos y cambios de última hora.

03

Presupuestar y planificar el rodaje

Cada viñeta revela localizaciones, actores, atrezo y efectos necesarios, así que ayuda a calcular días de rodaje y costes.

04

Controlar el ritmo

Sumando las duraciones de cada plano sabes si una pieza encaja en 15, 30 o 60 segundos antes de grabar.

05

Guiar el montaje

El editor puede seguir el orden previsto y detectar enseguida si falta material.

03 Qué lleva cada viñeta de un storyboard

Elemento Qué indica Ejemplo
Número de escena y plano Orden dentro de la pieza Escena 2 · Plano 4
Dibujo del encuadre Qué ve la cámara y cómo se colocan personajes y objetos Primer plano de la cara de la clienta
Tipo de plano Distancia y ángulo de la cámara Plano general, medio, primer plano, detalle, picado
Movimiento Flechas de cámara o de personajes Travelling hacia la derecha, zoom de acercamiento
Acción Lo que ocurre en el plano Coge la taza y sonríe
Diálogo o locución Texto hablado o rótulos en pantalla «El mejor café del barrio»
Sonido y música Efectos o cambios musicales Sube la música, sonido de la cafetera
Duración Segundos estimados del plano 3 s
Transición Cómo se pasa al plano siguiente Corte, fundido, barrido
Elementos habituales de una viñeta de storyboard

04 Tipos de storyboard

01

De miniaturas (thumbnails)

Bocetos pequeños y rápidos para ordenar ideas. Es el primer paso y suele bastar para piezas sencillas.

02

Ilustrado o de presentación

Viñetas acabadas, a veces en color, pensadas para enseñar la idea al cliente o a inversores. Muy habitual en agencias de publicidad.

03

Técnico o de rodaje

Prioriza la información: tipo de plano, óptica, movimientos y duración. Es el que usa el equipo el día de grabación.

04

Animatic

Las viñetas se montan en vídeo con voz, música y tiempos reales. Se usa en animación y publicidad para comprobar el ritmo.

05

Photomatic

Igual que el animatic, pero con fotografías en lugar de dibujos.

06

Storyboard de UX

Muestra en viñetas cómo una persona descubre y usa un producto digital en su contexto real, antes de diseñar las pantallas.

05 Cómo hacer un storyboard paso a paso

  1. 1

    Parte del guion o del mensaje

    Define el objetivo, el público y la duración. En un anuncio, deja claro qué debe recordar quien lo vea y cuál es la llamada a la acción.

  2. 2

    Divide la historia en escenas y planos

    Haz una lista de planos: qué se ve, quién aparece y qué pasa. Cada cambio de encuadre es una viñeta nueva.

  3. 3

    Elige el formato de la viñeta

    Dibuja los recuadros con la proporción final: 16:9 para YouTube o televisión y 9:16 para Reels, TikTok o Shorts.

  4. 4

    Dibuja lo esencial

    Figuras simples, horizonte, flechas de movimiento y el objeto clave. Importa más el encuadre que la calidad del dibujo.

  5. 5

    Añade las notas

    Acción, diálogo o locución, sonido, tipo de plano, movimiento de cámara y duración de cada viñeta.

  6. 6

    Revisa el ritmo

    Suma los tiempos, lee el storyboard en voz alta con la locución y elimina planos que no aportan.

  7. 7

    Compártelo y valida

    Pásalo al cliente y al equipo, recoge cambios y congela una versión final antes de producir.

El storyboard funciona mejor cuando la historia ya está clara. Si todavía estás buscando el hilo narrativo, trabaja primero el storytelling de la pieza y deja el dibujo para después. Y no te preocupes por el estilo: unos buenos bocetos a lápiz son suficientes para rodar.

06 Ejemplo de storyboard para un vídeo de redes sociales

Ejemplo · Reel de 15 segundos para una clínica de fisioterapia (formato 9:16)
  1. Viñeta 1 · 0-2 s: primer plano de una persona tocándose la espalda frente al ordenador. Rótulo: «¿Te duele la espalda al final del día?».
  2. Viñeta 2 · 2-5 s: plano medio de la fisioterapeuta saludando en la consulta. Locución: «Tres ejercicios que puedes hacer en la silla».
  3. Viñetas 3 a 5 · 5-12 s: un plano por ejercicio, cámara fija y número grande en pantalla.
  4. Viñeta 6 · 12-15 s: logo, dirección y llamada a la acción: «Pide cita en el enlace».

Con seis viñetas el equipo sabe qué grabar, en qué orden y cuánto dura cada parte, y el cliente aprueba la idea antes de encender la cámara.

El mismo método sirve para piezas más largas, como un vídeo corporativo de presentación de empresa, y también para vídeos generados con inteligencia artificial: aunque produzcas vídeos con avatar IA, decidir antes qué dice el avatar en cada plano, qué imágenes lo acompañan y cuánto dura cada bloque marca la diferencia entre un vídeo claro y uno improvisado.

07 Herramientas y plantillas para hacer un storyboard

Herramienta Tipo Para quién
Papel y plantilla impresa Manual Cualquier proyecto; es lo más rápido para empezar
Storyboarder (Wonder Unit) Aplicación de escritorio gratuita y de código abierto Creadores que quieren dibujar viñetas y exportar un animatic
Canva Editor online con plantillas Equipos de marketing y redes sociales
Boords o Storyboard That Plataformas online especializadas Agencias que comparten storyboards con clientes
Toon Boom Storyboard Pro Software profesional de pago Estudios de animación y producción
Photoshop, Procreate o Krita Programas de ilustración Ilustradores que hacen storyboards de presentación
Opciones habituales para crear storyboards

08 Storyboard vs. guion, animatic y wireframe

Documento Qué es Cuándo se usa
Guion literario Texto con la historia, las escenas y los diálogos Antes del storyboard; define qué se cuenta
Guion técnico Lista escrita de planos con indicaciones de cámara Junto al storyboard o en su lugar en rodajes sencillos
Storyboard Viñetas dibujadas plano a plano con notas Preproducción: define cómo se va a ver
Animatic Storyboard montado en vídeo con sonido y tiempos Para validar ritmo y duración antes de animar o rodar
Wireframe Esquema de una pantalla de web o app sin diseño final Diseño de interfaces; el storyboard de UX cuenta el contexto de uso
Diferencias entre el storyboard y documentos parecidos

En diseño digital, el storyboard y el wireframe se complementan: el primero narra la situación de la persona usuaria y el segundo resuelve la pantalla. Ambos forman parte de un buen proceso de diseño UX, porque obligan a pensar en el recorrido completo antes de pulir la interfaz.

Preguntas frecuentes sobre Storyboard

Es un guion gráfico: una secuencia de viñetas que muestra plano a plano cómo será un vídeo, una película o un anuncio. Sirve para planificar encuadres, ritmo y necesidades de producción antes de grabar.

Lo correcto es storyboard, en una sola palabra. En español puedes usar su equivalente, guion gráfico.

Cada viñeta incluye el dibujo del encuadre, el tipo de plano, los movimientos de cámara o personajes, la acción, el diálogo o locución, el sonido, la duración y la transición al plano siguiente.

El guion cuenta la historia con palabras y diálogos; el storyboard traduce ese guion a imágenes y decide cómo se va a ver cada plano.

No. Bastan figuras simples, flechas y notas claras. Lo importante es que el equipo entienda el encuadre y la acción de cada plano.

Puedes usar papel y una plantilla, aplicaciones gratuitas como Storyboarder, editores online como Canva o Boords, o software profesional como Toon Boom Storyboard Pro.

Se desarrolló en los estudios Disney a principios de los años treinta; se suele atribuir al animador Webb Smith, y el corto Los tres cerditos (1933) fue el primero con un storyboard completo.

Fuentes consultadas

Sara Cerdà Richart

Sobre el autor

Sara Cerdà Richart

Marketing Manager en appyweb

Dirige la estrategia de marketing digital, contenidos y redes sociales de los clientes de appyweb.

Ver perfil en LinkedIn ↗

Términos relacionados

Ver todos los términos →
S Storytelling El storytelling es la técnica de comunicar un mensaje mediante una historia con personaje, conflicto y desenlace, en lugar de enumerar datos o características. En marketing, una marca lo usa para que su propuesta se entienda, se recuerde y genere emoción, porque las personas retienen y comparten mejor los relatos que los argumentos sueltos. B Boceto Un boceto es un dibujo rápido y provisional que plasma las líneas generales de una idea antes de desarrollarla en detalle, ya sea un cuadro, un logotipo, un anuncio o la pantalla de una web. Sirve para explorar opciones, comunicar la idea y corregir errores cuando cambiar todavía es barato. W Wireframe Un wireframe es un esquema visual simplificado de una pantalla de web o app que muestra la estructura, la jerarquía del contenido y la posición de cada elemento, sin colores, imágenes ni diseño final. Funciona como el plano del proyecto: permite decidir qué va en cada página y validarlo con usuarios antes de invertir en diseño visual y programación. M Mockup Un mockup es una representación visual estática y de alta fidelidad de cómo se verá un diseño terminado, ya sea una pantalla de web o app o un producto como un envase con su logotipo. Está entre el wireframe, que define la estructura, y el prototipo, que añade interacción, y sirve para aprobar el aspecto antes de programar o fabricar. V Video Marketing El video marketing es la disciplina del marketing que usa el vídeo para atraer, convencer y fidelizar clientes a lo largo de todo el recorrido de compra, tanto con contenido orgánico como con anuncios. Importa porque el vídeo es el formato que más priorizan las redes y buscadores, y porque sus métricas permiten ver dónde se pierde la atención. V Video Production La video production (producción de vídeo) es el proceso profesional de crear una pieza audiovisual en fases ordenadas: preproducción, rodaje, postproducción y entrega. Cada fase tiene sus tareas, responsables y documentos. Importa porque la calidad, el plazo y el coste de un vídeo se deciden sobre todo antes de encender la cámara.

Cuéntanos tu proyecto. Te respondemos en 48 h.

Auditoría gratuita de IA, campañas, web y SEO, con prioridades y cifras reales de tu negocio.

✓ Sin compromiso ✓ Respuesta en 48 h laborables ✓ Un consultor senior, no un bot
WA WhatsApp