Hoy hablaré de las herramientas perfectas para crear mockups de páginas web y dispositivos; esto me ayudó a crear una taza de aprobación de los bocetos en casi un 100%, seguro te ayuda.
En este episodio aprenderás:
- ¿Qué es un mockup?
- ¿Cómo y cuándo usar un mockup para tus proyectos web?
- Herramientas para crear mockups gratis
Mockups para web
Los mockups son diseños que simulan el producto final, los puedes ocupar para mostrar diseños:
- En camisetas
- En tazas
- En computadoras
- En teléfonos
- En tabletas
- En televisores
- ETC
Básicamente le da un contexto a tu diseño.
¿Porqué usar un mockup para tu web?
Mostrar como se verá tu diseño te ahorra muchísimo tiempo y el cliente tendrá una idea clara de lo que obtendrá.
Una vez que tengas el boceto puedes montar tu diseño en pc, laptop, celular, tableta, etc. en un entorno real y, además de detectar posibles errores de UX podrás comprobar si todo se ve como te lo imaginaste.
¿Qué se necesita para usar mockup web?
Básicamente solo requieres tener la imagen de tu diseño en jpg o png si harás el mockup en línea, de lo contrario solo pasalo a tu diseño (por ejemplo en psd), exporta y listo.
¿Qué herramientas se ocupan para hacer un mockups?
Lo puedes hacer de cero con photoshop o en línea. En línea encuentras plataformas de paga y gratuitas para montar tus mockups, te daré un par:
- https://mockuper.net/
- https://smartmockups.com/ (9usd el plan mensual premium)
- https://magicmockups.com/
- http://dunnnk.com/
- http://techsini.com/multi-mockup/
Ahora si es hora de darle un toque diferente a tus presentaciones de proyectos web.