Volver a freebies

12 mockups gratuitos para tus dise√Īos UI

GraficoPor Lisandro Pati√Īo 27.09.2020

‚ėĚ Mejora la presentaci√≥n de tus WIREFRAMES y PROTOTIPOS con estos pack de mockups GRATIS, muy f√°ciles de editar con Adobe Photoshop, Figma o Sketch y darle m√°s presencia a tus proyectos.

Como dise√Īadores parte de nuestro labor es saber presentar nuestros proyectos no solo a nuestros clientes, sino tambi√©n a la comunidad de dise√Īadores aportando valor e inspiraci√≥n. Presentar un proyecto puede ser una tarea compleja dependiendo de nuestro producto, pues uno de los focos principales deber√° ser el de colocar al producto donde pertenece: una app en su respectivo m√≥vil, un sitio web en una pantalla, etc. A veces puede incluso sumar puntos ponerse un poco art√≠sticos, y abstraernos un poco a la hora de presentar los proyectos.

Utilizar mockups, plantillas editables, mejorar√° mucho tus presentaciones de mobile apps, sitios webs, versiones responsive, una propuesta gr√°fica, etc.

Muchos dise√Īadores presentan sus proyectos en un formato plano, es decir, un pdf, jpg y que sea lo que tenga que ser, pero lo que no saben ¬°es que poner el dise√Īo en contexto facilita la lectura del mismo!

La presentación de nuestro producto habla mucho de nuestro proceso creativo, por eso mismo, hoy te comparto estos 12 mockups, con muchas posibilidades de personalización, para que tengas en cuenta a la hora de presentar tu próximo proyecto.

Necesitarás Sketch, Figma ó Adobe Photoshop para editar estos mockups.

1. Samsung Galaxy S10

Samsung Galaxy S10

Este mockup podemos usarlo en Adobe Photoshop, Figma o Sketch con total libertad, muy bueno para presentar nuestros trabajos hechos con el sistema gr√°fico de Material Design. Tiene muchas variantes que recomiendo investigar para hacer presentaciones m√°s artisticas o m√°s fieles a la realidad.



2. Vivid iPhone XS

iPhone XS

Este mockup tiene un excelente terminado fotográfico, el detalle del haz de luz es muy estético y seguramente funcione para intercalar en tu presentación de una aplicación mobile.



3. iPhone X Materials

iPhone X

Un mockup limpio que nos permite una variada cantidad de opciones para modificar los materiales del teléfono.



4. Simple iPhone X

Simple iPhone X

Minimalismo llevado al extremo, pero manteniendo todos los detalles estéticos que hacen que un mockup se vea bien. Con estos mockups tus trabajos con varias pantallas destacarán.



5. Long scroll

Artistic iPhone

Si nos queremos poner un poco más artísticos, aprovechando esos proyectos scrolleables con mucho contenido, te presento estos dos mockups donde la página parece salirse de la pantalla y caer como una tela.



6. MacBook Pro 16

MacBook Pro 16

Un cl√°sico que todos necesitamos entre nuestras herramientas para mostrar p√°ginas web.



7. ZenBook Pro Duo

ZenBook Pro Duo

La ZenBook es una de las notebook que cada vez m√°s espacio ganan en el mercado frente a Apple. Si bien funcionan con sistema operativo Windows, es una excelente alternativa a los costosisimos precios de la empresa de la manzana mordida.



8. Samsung Galaxy Note Plus

Samsung Galaxy Note Plus

Un muy lindo mockup que transmite dinamismo, nos hace sentir que se trata de una foto tomada cuando nuestro proyecto estaba siendo testeado.



9. iPhone Isometric

iPhone Isometric

Un pack de iPhone XR isométricos que puedes abrir en Adobe Photoshop, Figma y Sketch. Contiene varios iPhones en distintas posiciones, individuales y grupales.



10. iPhone XR estilizado

iPhone XR

Mockup totalmente blanco y con perspectiva, puedes personalizar a√ļn as√≠ los colores con facilidad en Adobe Photoshop, Figma o Sketch.



11. iPad Pro

iPad Pro

iPad Pro con perspectiva y varios modos de color, editable en los tres programas que venimos mencionando, al igual que todos los demás mockups. Aprovecho la ocación: ¡no olviden los media queries para tablets!

Y finalmente, la fresa del pastel:



12. Todos los dispositivos de Apple

Apple Devices

Muchos, ¡MUCHOS MOCKUPS! Todos con excelentes detalles estéticos, imagenes muy cuidadas, perfectas para mostrar tus trabajos. Desde Apple Watches hasta iMacs.

Espero que estos mockups te ayuden a llevar tus presentaciones al siguiente nivel, no te olvides que gran parte de la opinión de los clientes y usuarios depende de cómo mostramos nuestro labor, ¡manos a la obra!