Más por explorar

EP35 Herramientas para crear mockups para webs

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp

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.

 

Deja un comentario