Mockups
Recursos UX/UI
¿Qué es un Mockup?
Un mockup, traducido del inglés como bosquejo, es un fotomontaje a través del cual los diseñadores pueden presentar sus propuestas a los clientes.
Una maqueta de UI es una representación visual precisa de la pantalla de un producto final . Las maquetas de la interfaz de usuario son solo elementos visuales; no tienen funcionalidad y no se puede hacer clic en nada. Son solo maquetas estáticas. Los diseñadores de UI usan color, tipografía, activos y contenido real para crear un producto final o una maqueta del sitio web.
¿Dónde puedo encontrar Mockups?
Una vez sabes lo que son vamos a ver donde puedes encontrarlos.
1- FIGMA COMMUNITY
Si aún no lo sabias, En la comunidad de Figma podrás encontrar bastantes plantillas de mockup para tus próximos diseños! Te dejo algunos aquí.
1.1 -FIGMA SIZE MOCKUPS
En este recurso que está colgado en la comunidad encontrarás varios tamaños ya sea de tablet o movil. Puedes encontrar tamaños ios y algún tamaño Android.
1.2 - SANTAFE MOCKUPS
Aquí podrás encontrar desde un mockup de un iphone 8 hasta la version iphone 13 PRO MAX.
1.3 Apple Watch Serie 7 Mockups
Y es que no solo podrás encontrar los tipicos mockups, a veces te tocará diseñar para un apple watch y la comunidad también te sorprende con estos mockups!
Por supuesto podrás encontrar muchos más de los que te he puesto que solo han sido tres ejemplos, esto se trata de probar e investigar. Te aconsejo tener como una pequeña lista en el programa que suelas utilizar, una buena herramienta puede ser NOTION, y si lo tienes de forma ordenada podrás encontrar siempre los recursos rápidamente!😜
2- Recursos de WEB
Y es que aunque la comunidad tiene infinidad de recursos no siempre todos te van a servir.
Get Miranda’s stories in your inbox
Join Medium for free to get updates from this writer.
Así que también te dejo aquí algunos recursos web en donde quizá encuentres tu próximo mockup para tu presentación 😀🤘🏼
2.1- Mockupz
2.2- ARTBOARD.STUDIO
Con esta página podrás animar tus mockups y darles vida🤯
2.3- DESIGN.FACEBOOK.COM
2.4- LS.GRAPHICS
2.5- ANIMOCKUP
Al igual que en el anterior ARTBOARD, con animockup también podrás animar tus mockups y crear bonitas animaciones con videos y GIFTs.
2.6- DIMMY.CLUB
2.7- ANGLE.SH
2.8- SHOTSNAPP
2.9- CLEANMOCK
2.10– THE ALL HANDS COLLECTION
¿Cómo puedo grabar un mockup?
Hace unas semanas buscaba como poder grabar un mockup para así poderlo colgar en un artículo de Medium que espero tener pronto de mi último proyecto. Buscando, buscando, encontré un video en Youtube.
Os lo dejo que igual os puede venir bien!
Y también te dejo esta página que te puede servir también, aunque es de pago
Cómo siempre digo, compartir es vivir. Y si sabes demás sitios compártelos en comentarios👀👀
NOS VEMOS EN EL SIGUIENTE POST!!😜🤘🏼🚀
