Qué es un moodboard, para qué sirve y cómo hacerlo
Aiko Tanaka
Un moodboard es una página de imágenes, colores, texturas, tipografías y palabras que muestra cómo debe verse y sentirse un proyecto antes de que alguien lo diseñe. Se hace al arrancar un cambio de imagen, un lanzamiento, una sesión de fotos, un sitio web, un interior o un evento, para que el cliente y el equipo acuerden la dirección en una sola junta. Aquí tienes qué es un moodboard, para qué sirve, qué elementos lleva, cómo hacer uno paso a paso, una plantilla y un ejemplo completo.
Respuesta directa. Un moodboard (también llamado tablero de inspiración o panel de tendencias) es una herramienta visual que reúne en un solo espacio imágenes, colores, texturas, tipografías y palabras clave para representar el estilo y la atmósfera de un proyecto. Sirve para traducir ideas abstractas en algo que se puede ver, alinear al cliente y al equipo antes de diseñar y tener una referencia contra la cual revisar todo el trabajo posterior.
Qué es un moodboard
La palabra viene del inglés mood (estado de ánimo, atmósfera) y board (tablero). La Interaction Design Foundation describe los moodboards como colecciones visuales de colores, texturas e imágenes que los diseñadores usan para fijar una dirección visual, compartir ideas con los involucrados y mantener un lenguaje de diseño coherente.
Lo que distingue a un moodboard de cualquier otra colección de imágenes es su función: va antes del diseño, propone una dirección y, una vez aprobado, da paso al trabajo real. Sus imágenes son referencias, ingredientes de luz, color, textura y estilo, y el diseño final se construye a partir de ellas.
Para qué sirve un moodboard
- Traduce ideas abstractas. «Elegante pero cercano» significa cosas distintas para cada persona; una foto con luz cálida y una serif suave lo vuelven concreto.
- Alinea al cliente y al equipo. Todos aprueban la misma dirección antes de que se invierta tiempo en diseño.
- Ahorra rondas de cambios. Los desacuerdos de gusto se resuelven con el tablero, cuando cambiar algo cuesta minutos.
- Funciona como referencia. Durante el proyecto, cada pieza se revisa contra el moodboard aprobado.
Qué lleva un moodboard
Un buen moodboard tiene siete elementos, cada uno con una función:
- Una imagen principal. La foto que mejor resume la atmósfera. Ocupa el recuadro más grande.
- Imágenes de apoyo. De dos a cuatro fotos que agregan textura, personas, lugar o detalle, todas con una luz y una temperatura de color parecidas.
- Textura o material. Tela, papel, piedra, esmalte, cartón: aquello de lo que estará hecho o en lo que se imprimirá el trabajo.
- Una foto de contexto. Dónde va a vivir el diseño: un anaquel, una fachada, una pantalla de celular, un salón de eventos.
- Una paleta de color. Cinco o seis muestras con su código HEX, tomadas de las propias imágenes.
- Tipografía. Una para títulos y una para texto, a tamaño real y con una frase de ejemplo.
- Palabras. De tres a cinco palabras clave («calma, costa, hecho a mano»), una frase de dirección y una línea de «evitar».
Las palabras pesan más de lo que parece. Dos personas pueden leer distinto la misma foto; «tranquilo» frente a «apagado» lo resuelve. La línea de «evitar» es igual de útil, porque deja por escrito lo que el cliente pensaba y no había dicho, como acabados brillantes o colores neón.
Moodboard, collage, vision board y brand board
Cuatro tableros que se confunden a menudo:
| Tablero | Pregunta que responde | Cuándo se hace | Qué lleva |
|---|---|---|---|
| Moodboard | ¿Cómo debe verse y sentirse este proyecto? | Al inicio de un proyecto concreto | Referencias, paleta, tipografías, palabras clave |
| Collage | Es una obra en sí misma | En cualquier momento | Imágenes combinadas por su valor expresivo |
| Brand board | ¿Cuáles son los elementos fijos de la marca? | Cuando la identidad ya está decidida | Logo, colores exactos, tipografías, patrones |
| Vision board | ¿Qué quiero lograr en mi vida? | Al fijar metas personales | Fotos y frases de objetivos personales |
El collage se termina cuando se ve bien; el moodboard, cuando la dirección queda clara. El brand board registra decisiones ya tomadas, y su lugar natural es el manual de marca. El vision board es una herramienta de metas personales, con otro propósito. En el resto del artículo, «moodboard» se refiere al de diseño: para una marca, una campaña, un producto, un interior, una sesión de fotos o un evento.
El moodboard en cada disciplina
- Diseño gráfico y branding. Es el primer paso de una identidad de marca: define la atmósfera antes de dibujar el logo, elegir colores y tipografía.
- Diseño de interiores y arquitectura. Combina muebles, telas, acabados, muestras de pintura y materiales. Aquí el tablero físico es muy común, porque la textura real importa.
- Moda. Reúne siluetas, telas, estampados y referencias de época para una colección o una sesión.
- Fotografía y cine. Fija luz, encuadre, paleta de color y vestuario. En cine se usa para acordar la estética con dirección de fotografía y arte.
- Eventos y bodas. Une flores, mantelería, iluminación, papelería y paleta para que proveedores distintos trabajen en la misma dirección.
Cómo hacer un moodboard en 7 pasos
- Escribe la dirección en una frase. Para quién es el proyecto, qué es y cómo debe sentirse: «Lanzamiento de primavera para un taller de cerámica que debe sentirse tranquilo, costero y hecho a mano». Cada imagen que agregues debe apoyar esa frase.
- Reúne mucho. Entre 30 y 60 referencias de tus fotos, Pinterest, Are.na, revistas, bancos de imágenes y fotos de materiales. Junta rápido y decide después. Anota qué te gusta de cada una: la luz, el color, la textura o la composición.
- Recorta a las 6 a 12 más fuertes. Quita todo lo que jale hacia otra dirección, aunque te encante. Un moodboard convence cuando todas sus imágenes están de acuerdo entre sí, y el cliente aprueba más rápido cuando ve una sola dirección clara.
- Saca la paleta de las imágenes. Toma los colores directamente de las fotos elegidas con un cuentagotas. Un neutro dominante, uno o dos colores principales y un acento. Escribe el código HEX bajo cada muestra.
- Elige la tipografía. Una para títulos y una para texto que correspondan a las palabras clave, a tamaño real y con una frase de ejemplo. Una serif de curvas suaves se lee cálida y artesanal; una sans geométrica, moderna y precisa.
- Escribe las palabras. De tres a cinco palabras clave, una frase de dirección y una línea de «evitar», lo bastante concretas para resolver desacuerdos más adelante.
- Acomoda, etiqueta y exporta. Una sola página horizontal, con la imagen principal más grande arriba a la izquierda, donde cae primero la vista. Deja el mismo espacio entre recuadros. Agrega el nombre del proyecto y la fecha, y exporta un PNG para el chat y un PDF para presentar.
Plantilla de moodboard
La plantilla más práctica es una cuadrícula de tres columnas en un lienzo horizontal de 1920 × 1080 px, el mismo tamaño que una diapositiva, para que el tablero entre directo en una presentación o en una videollamada.
- Fila superior: la imagen principal ocupa el tercio izquierdo, las de apoyo llenan el centro y la columna derecha apila la textura sobre la foto de contexto.
- Fila inferior: la paleta va bajo la imagen principal, la tipografía al centro y las palabras y notas a la derecha.
- Márgenes: el mismo espacio entre todos los recuadros, unos 20 px en un lienzo de 1920 px.
La misma plantilla funciona en vertical (1080 × 1350 px) para compartir en Instagram o en el celular del cliente, siempre que la imagen principal quede arriba y la paleta se mantenga junta.
Ejemplo de moodboard
Este es el tablero lleno para una marca ficticia de cerámica, Barro de Costa, que prepara el lanzamiento de su colección de primavera. La dirección: «calma, costa, hecho a mano, para quienes disfrutan las mañanas sin prisa».
Por qué funciona:
- Una sola luz. Todas las fotos tienen luz lateral, suave y cálida, así que el tablero se lee como un solo mundo aunque los temas vayan de una taza a una marisma.
- La paleta sale de las fotos. Avena del lino, terracota del esmalte, salvia del escurrido de esmalte, rubor del cielo, café del barro cocido.
- La marisma es la foto de contexto. Es un paisaje y no un producto, pero explica el nombre de la marca y la historia de color en una sola imagen.
- La línea de «evitar» es específica. «Acabados brillantes, colores primarios, fondos blancos de estudio» le dice al fotógrafo qué dejar fuera de la sesión.
Las fotos de este ejemplo se generaron con IA como ilustración. En un proyecto real, el tablero mezcla tus fotos, referencias con licencia e imágenes generadas para cubrir huecos.
Moodboard digital o físico
Los dos funcionan; la elección depende del proyecto y de quién tiene que verlo.
| Moodboard digital | Moodboard físico | |
|---|---|---|
| Ideal para | Marcas, campañas, sitios web, equipos remotos | Interiores, moda, producto, empaque |
| Ventaja | Fácil de compartir, editar, versionar y presentar | Puedes tocar la tela y ver el color real de la pintura |
| Cuidado con | El color en pantalla difiere del impreso | Cuesta compartirlo y actualizarlo |
| Entrega | PNG o PDF, o una diapositiva | Tablero de corcho o foam, fotografiado |
En interiores y moda es común hacer los dos: un tablero físico con muestras de materiales y una versión digital para la presentación al cliente. Si el trabajo se va a imprimir, compara la paleta con una muestra impresa antes de aprobarla, porque un color HEX en pantalla y uno CMYK en papel rara vez coinciden.
Cómo hacer un moodboard en Playyy
Playyy es un agente de diseño con IA con un lienzo libre, lo que lo vuelve un lugar práctico para armar un moodboard: sueltas tus referencias, las acomodas en la cuadrícula y generas las imágenes que te faltan. Cuando el tablero necesita una toma concreta, como «barro húmedo con un escurrido de esmalte salvia, luz lateral suave», la herramienta para crear imágenes con IA la genera con GPT Image 2.5 o Nano Banana Pro con la misma luz que el resto del tablero, en 16:9, 4:3, 1:1 u otra proporción que encaje en el recuadro.
En proyectos de marca, la paleta puede salir de la propia marca. Pega el sitio web del cliente en el generador de kit de marca y Playyy lee sus colores, tipografías y logo, de modo que las muestras y tipografías del tablero coinciden con lo que ya usa y lo nuevo que propongas se distingue con claridad. Cada recuadro es una capa independiente y editable: cambias una imagen después de los comentarios, ajustas el color de una foto a la paleta o quitas un fondo antes de exportar el tablero en PNG o PDF.
Conclusión
Un buen moodboard es pequeño y decidido: una frase de dirección, de 6 a 12 imágenes que están de acuerdo entre sí, una paleta tomada de esas imágenes, dos tipografías y unas pocas palabras concretas. Usa la cuadrícula para mantenerlo en una página, haz un segundo tablero en lugar de saturar el primero y preséntalo antes de empezar a diseñar. Cuando la dirección se aprueba, el moodboard se vuelve la referencia contra la que se revisa todo lo demás.
Aiko Tanaka
Trabajo con marcas pequeñas, cafeterías, creadores y negocios locales en sistemas visuales, disciplina de composición, tipografía y tableros de referencia. Me centro en explorar conceptos rápido sin renunciar a un punto de vista de diseño claro.
Preguntas frecuentes
Un moodboard es un tablero visual, físico o digital, que reúne imágenes, colores, texturas, tipografías y palabras para mostrar cómo debe verse y sentirse un proyecto antes de diseñarlo. También se le llama tablero de inspiración o panel de tendencias. Sirve para que el cliente y el equipo acuerden una dirección visual en una sola revisión.
