Mockups
Casi en el 100% de las ocasiones, los diseñadores necesitamos presentar nuestro trabajo de forma visual. Necesitaremos demostrar que nuestro trabajo es correcto, tanto funcional como visualmente. Para conseguir esto, los diseñadores echamos mano de los mockups.
Los mockups son ficheros o plantillas en los que incluiremos nuestros diseños para obtener una imagen digital realista. Podremos crear un fotomontaje de como se vería en la vida real, evitando los costes de fotografía, impresión y aplicación.
Los clientes a menudo (más de lo que nos gustaría) suelen decir el típico, «es que no lo visualizo», «¿podrías hacerme una muestra?». Dicha muestra puede suponer un costo adicional que el cliente no está dispuesto a desembolsar. Los mockups nos salvan de esta situación con tan solo el coste del tiempo de realizarlos.
Cómo implementar los mockups
Teniendo en cuenta que los logos/isotipos de las empresas se utilizan bajo unos determinados contextos. Utilizar mockups con el logo aplicado en dichos contextos nos ayudará a defender la profesionalidad y objetividad de nuestra propuesta.
Tomemos como ejemplo una startup digital destinada a público joven, necesitaremos utilizar mockups acordes a dicho público. Por ejemplo, gorras, apps, camisetas, stickers o fundas de móvil. Por tanto, podemos decir que son fotomontajes a través de los cuales los diseñadores presentan sus propuestas.
Gracia a estos, podremos enseñar al cliente como lucirá su marca en diferentes escenarios de una forma profesional. Para poder trabajarlos necesitaremos utilizar programas de edición de imágenes como Photoshop® o Affinity photo®. Gimp tambien permite trabajarlos pero solo con sus extensiones.
Cómo utilizar los mockups
Teniendo descargado el mockup, lo abrimos con Photoshop®, buscaremos la capa que ponga «your desing here» (suele estar en ingles) y que tendrá el símbolo de objeto inteligente. Hacemos doble clic sobre él y se abrirá una pestaña independiente. Desmarcamos o borramos las capas que haya y colocamos la nuestra, teniendo en cuenta que ocupe la misma posición. Guardamos y….. ya tenemos nuestro diseño implementado en un mockup.
Que haya un número elevado de capas no debe intimidarnos, muchos diseñadores crean luces, sombras, reflejos o texturas. Estas capas son modificables para ajustar aún más nuestro diseño y volverlo más realista si cabe. También podemos eliminar aquellas que no se ajusten al resultado que buscamos.
Consejos para elegir los mockups
Gracias a los mockups podremos valorar como funciona o se ve nuestro diseño bajo un contexto en particular. Obtendremos una visión mucho más acertada y realista de nuestro trabajo. No todos los mockups sirven para todas las marcas y hay varias cuestiones a tener en cuenta al elegirlos.
En primer lugar debe ser lo más profesional posible, de ello dependerá mucho el resultado final y la impresión que daremos al cliente. En segundo lugar son más factibles aquellos que son más luminosos y con poco color. La luminosidad evoca más positivismo que la oscuridad, la falta de colores posibilita armonizar mejor con las paletas de color de nuestro diseño.
En tercer lugar deberemos tener presente nuestra paleta de color, un contraste demasiado exagerado puede confundir al cliente, desviando la atención a lugares que no nos interesan. Para el cuarto lugar diremos que hay que prestar mucha atención al tipo de mockups que elegimos. Las imagenes deben ser atractivas y llamativas pero tambien coherentes con la propuesta que vamos a presentar. No es muy aconsejable un logotipo de un camello sobre un fondo marino por ejemplo.
Por último, los mockups gratuitos están muy bien, pero están al alcance de todos. Quizás tu cliente haya visto ese mismo mockup con otro logo implementado, esto restara originalidad a tu propuesta. Una alternativa es crear el tuyo propio, en este post👈 te decimos cómo hacerlo.
Despedida
Hasta aquí el post de esta semana, espero que os haya aclarado un poquito mejor que son, para que sirven y como usar los mockups. Gracias por vuestro tiempo empleado en leer este post y nos vemos en los bares!!!!
