Cómo usar mockups en tu estudio de diseño + los mejores mockups para diseñadores gráficos en 2024

No sé quién inventó los mockups, estos fotomontajes que nos permiten enseñar nuestros diseños sin tener que producirlos o liarnos a organizar una sesión de fotos, ¡pero esta persona se merece una medalla! 

Apuesto que ya los estás usando en tu estudio de diseño, pero ¿le estás sacando el mayor partido? ¿Y conoces los sitios donde buscar los mockups más chulos? 

Estás de suerte porque estoy a punto de desvelarte mis mejores trucos para poner en valor tus diseños gracias a los mockups 😊

Además, he preparado una recopilación de los mejores sitios donde encontrarlos. ¡Vamos allá!

¿Qué son los mockups?

Creo que ya lo sabrás, pero son fotomontajes editables que permiten incluir nuestro diseño en una escena realista. De esta manera, podemos ver cómo quedaría una vez producido. 

¿Estás diseñando un cartel? Con un mockup puedes ver como quedaría una vez pegado en la calle.

¿Has creado una tarjeta de visita? Puedes asegurarte de que todos los elementos se ven bien insertando tu diseño en un mockup. 

Y si has diseñado una página web, un mockup te permitirá enseñarla a tu cliente de una forma mucho más visual. 

La mayoría de mockups permiten incluir el diseño de forma automatizada, con una capa de objeto inteligente. Es decir que no te tienes que preocupar de adaptar el diseño a la perspectiva o iluminación de la fotografía, el mockup lo hace solo.

Existen mockups gratuitos y otros de pago, veremos a lo largo de este artículo cuándo y cómo elegir entre estas dos opciones.

Las ventajas de incorporar mockups en tu proceso de diseño

Un mockup hace que tu diseño luzca al máximo 

Seguramente te haya pasado alguna vez dedicar horas a una propuesta de diseño chulísima y quedarte un poco decepcionado al ver que el cliente no percibe lo bueno que es. Con un mockup, tu diseño está presentado de la mejor manera y el cliente puede percibir el look and feel de la propuesta - mucho más que si le pasas tu diseño en jpg, a secas. 

Con un mockup, el cliente aprueba el diseño con más facilidad

Nosotros diseñadores, podemos ver un brand board y valorar si el diseño funciona o no, pero para el cliente, esto resulta muy complicado. En cambio, si le enseñamos la marca plasmada en diferentes aplicaciones presentadas en varios mockups, el cliente ya podrá entender realmente cómo se verá este diseño si lo aprueba. 

Evitas errores básicos comprobando que el diseño funciona 

A ver, usar un mockup no es lo mismo que producir el diseño, todo sea dicho, pero sí te ayudará a ver como la textura y el formato influye en tu diseño. Muchas veces me he dado cuenta que algún texto era demasiado grande o la composición algo desequilibrada gracias a las pruebas hechas con mockups. 

Cómo encontrar y elegir los mockups adecuados

Recomendaciones generales 

Hay dos principios fundamentales a la hora de elegir mockups y que pueden elevar mucho la percepción de marca de tu estudio de diseño.

Elige mockups de calidad y realistas

Selecciona siempre mockups de buena calidad y no dudes en invertir dinero para conseguirlos. Un mockup de calidad se ve como una buena foto: tu diseño debe incorporarse perfectamente en la imagen. Las texturas, la iluminación y la perspectiva deben ser coherentes entre el soporte del diseño (cartel, pantalla de móvil, etc.) y el fondo. 

Mockups en alta resolución

Bueno, ¿no tengo que explicar mucho este punto, verdad? Para que puedas ponerlos en grande en tu web y en tus redes, consigue mockups de máximo tamaño y buena definición. Además, de esta manera, podrás recortar la imagen como más te guste sin quedarte con una imagen demasiado pequeña.

Ahora veremos cómo elegir el mockup adecuado según el uso que le quieras dar. 

Mockups para presentar propuestas de diseño 

Recomiendo mucho usar mockups para presentar tus propuestas de diseño y así ayudar a contextualizarlas. Te dejo unos consejos para seleccionarlos en este caso:

Asegúrate que el mockup tenga un estilo alineado con la propuesta

Para presentaciones, debes seleccionar mockups que vayan 100% acorde con la esencia del proyecto y la resaltan. Por ejemplo, si estás creando unas tarjetas de visita para una marca orgánica, cercana, dulce… ¡No puedes pegar el diseño sobre un mockup de tarjetas con papel liso, colocadas sobre un fondo de hormigón e iluminado con luz fría! 

Se entenderá mucho mejor el look and feel de tu propuesta usando un mockup con un papel natural - quizás con una mano sosteniendo la tarjeta para darle este toque más cercano - y una luz cálida. 

La importancia de poner en valor tu diseño 

Puede parecer una tontería, pero hay mockups en los cuales el diseño acaba siendo solo un pequeña parte de la foto o en los cuales el diseño queda un poco escondido e incluso algo deformado. ¡No olvides que el protagonista de la imagen debe ser tu diseño, no el mockup!

Mockups para tu portfolio o tu web

Puedes usar mockups para presentar tu portfolio o para ilustrar diferentes secciones de tu web. Aquí van mis consejos para seleccionarlos en este caso:

Elige mockups que no use tu competencia

Un portfolio es una gran herramienta de diferenciación… ¡Siempre y cuando no uses los mismos mockups que los demás diseñadores! Para evitarlo, te recomiendo que inviertas en mockups de pago: los usan menos personas que los gratuitos, por razones obvias. Otra recomendación es que analices las webs de los 3-5 diseñadores que tengan un estilo y/o cliente parecido al tuyo, para asegurarte que no estás usando los mismos recursos. 

Mockups que reflejan tu estilo

Al contrario de las presentaciones, cuando buscas mockups para tu portfolio es más importante que vayan en línea con tu estilo de marca que con el estilo del proyecto que muestras en ello. A ver, idealmente, va en línea con ambas cosas y de hecho es por eso que recomiendo que desarrolles un estilo propio, alineado con tu marca y selecciones los proyectos en función de ello. 

Elige mockups coherentes en todo el portfolio

La mejor forma de conseguirlo es comprando un pack de mockups, que forman una serie y te permiten mostrar todos los proyectos con los mismos elementos, iluminación y estilo. 

Personaliza los mockups para hacerlos únicos

Si hace falta, no dudes en retocar el mockup y añadirle elementos para hacerlo totalmente único. Te muestro un ejemplo de un mockup básico, que he incrustado en una foto encontrada en Pexels para obtener lo que tenía en mente.

Dónde conseguir los mejores mockups

Ahora sí, es hora de compartirte los sitios donde encuentro los mejores mockups para poner en valor mis diseños. 

Moyo*
Los mockups de Moyo son muy elegantes, delicados y creativos. Pegan mucho con el estilo de mi estudio Lunes Design y tienen una calidad insuperable. Llévate un 15% de descuento con el código LUNESSCHOOL.

October November*
Parecido al estilo de Moyo, minimalista y elegante. 

Bendito Mockup
Colecciones de mockups muy actuales, de los que no parecen mockups de lo bueno que son. Estilo minimalista-cañero (me lo acabo de inventar, pero creo que se entiende). 

Studio Kynd*
Otra web de mockups con un estilo muy sofisticado. Tienen muchas opciones para packaging. 

Mockup Maison
Estilo atrevido con contextos e iluminación nada genéricos. Mucha calidad. 

Mr Mockup
Todos sus mockups son de muy buena calidad, realistas y modernos. Tienen una amplia selección de mockups gratuitos en su apartado “Free mockups”.

Stykke Studio* 
Mockups modernos y cálidos para presentar láminas o ilustraciones.

Creatoom*
Packs de mockups muy completos y modernos

Graphic Burger*
Mockups básicos, gratuitos, que por lo tanto recomiendo usar personalizándolos. 

Creatsy
Seguramente una de las páginas más completas en cuanto a variedad de objetos a los cuales aplicar el diseño. Eso sí, las composiciones son muy básicas y sin personalidad: ¡la tendrás que añadir tú mismo!

*Nota: Los asteriscos indican enlaces de afiliación. Sólo recomiendo recursos que me encantan y uso personalmente.

Crear tu propio mockup

Tal y como te enseñaba antes, si no encuentras el mockup perfecto, siempre puedes personalizar un mockup añadiendo otros elementos o puedes buscar una fotografía que te guste (¡o mejor aún, hacerla!) y convertirlo en mockup. 

Te dejo un muy breve tutorial de cómo se hace.

En conclusión, los mockups se han convertido en una herramienta esencial en el arsenal de cualquier diseñador gráfico en 2024, por todas las ventajas que ofrecen, desde facilitar la presentación de proyectos a clientes hasta a mejorar la toma de decisiones en el proceso de diseño. 

Para aprovechar al máximo esta herramienta, es crucial que no pierdas de vista cómo encontrar y elegir los mockups adecuados para tu proyecto. Recuerda que puedes recurrir a una variedad de fuentes, desde sitios web especializados hasta bibliotecas de recursos de diseño, y que vale la pena invertir para obtener los mejores mockups disponibles. 

Al integrar mockups de alta calidad en tu flujo de trabajo, podrás elevar la presentación y la calidad de tus diseños, lo que, a su vez, te ayudará a destacar en nuestro sector tan saturado. Así que, si eres un diseñador gráfico en busca de una ventaja creativa, no subestimes el poder de los mockups: ¡incorpóralos en tu estudio de diseño y observa cómo tus proyectos cobran vida!