Aprende
Qué es un mockup
Un mockup es una representación realista de cómo se verá una pieza en su lugar final antes de producirla o publicarla.
En publicidad y promoción, un mockup permite ver un anuncio dentro del feed de una red social, una valla en la carretera o una página en una revista sin pagar la pauta ni imprimir nada. La pieza ya tiene su diseño final, con imágenes, colores y textos reales, y se coloca en el contexto donde la va a ver el público.
La palabra viene del inglés y se usa así en español, aunque también se dice maqueta. En las agencias es común escuchar las dos.
Boceto, wireframe, mockup y prototipo
Son cuatro momentos distintos del proceso creativo. Confundirlos lleva a presentar al cliente algo que todavía no está listo, o a pulir algo que todavía no está decidido.
La idea dibujada rápido, muchas veces a mano. Sirve para explorar y descartar opciones.
La estructura sin diseño final, con cajas y textos de prueba. Se usa sobre todo en páginas web y aplicaciones.
La apariencia final, estática y en contexto. Muestra cómo se verá la pieza terminada.
Una versión que se puede tocar y usar. Sirve para probar cómo funciona algo, no solo cómo se ve.
Para qué sirve en publicidad
- Presentar al cliente. Es más fácil aprobar una pieza cuando se ve como saldrá publicada que cuando se ve suelta en una pantalla en blanco.
- Revisar en el tamaño real. Un titular que se lee bien en la computadora puede perderse en la pantalla de un celular.
- Detectar problemas a tiempo. Textos tapados por la interfaz, recortes por la proporción o un copy que se corta antes del mensaje importante.
- Alinear al equipo. Creatividad, cuentas y medios ven lo mismo y hablan de la misma pieza.
- Mostrar el trabajo. En clase y en el portafolio, un mockup enseña la idea en su contexto y no solo el arte.
Qué revisar en un mockup para redes sociales
Cada red y cada formato tiene su proporción. Si la pieza no la respeta, la plataforma la recorta o le deja bordes. Lo que manda es la proporción. Los píxeles son una medida de referencia.
| Formato | Proporción | Medida sugerida |
|---|---|---|
| Publicación cuadrada | 1:1 | 1080 × 1080 px |
| Publicación vertical en el feed | 4:5 | 1080 × 1350 px |
| Historias y reels | 9:16 | 1080 × 1920 px |
| Imagen horizontal | 1.91:1 | 1200 × 628 px |
Las redes ajustan de vez en cuando los píxeles que recomiendan subir. Las proporciones casi no cambian, así que si tu pieza las respeta se verá bien.
Además de la medida
- En historias y reels, el nombre de la cuenta, los botones y el copy tapan la parte de arriba y la de abajo. Deja el mensaje principal en el centro.
- El copy largo se corta con un "ver más". Lo importante va en las primeras líneas.
- Muchas personas usan el modo oscuro. Revisa que tu pieza funcione con fondo claro y con fondo oscuro.
- Mira el mockup al tamaño real del celular, no ampliado en la pantalla grande.
Un mockup no es una publicación real. Úsalo para planificar, presentar y aprender. Presentar un mockup como si fuera una captura real de algo publicado, por ejemplo para inventar resultados o engañar a alguien, no es ético.
Prueba tu pieza dentro de un celular
Crea un mockup