moqups, herramienta en HTML5 para crear diagramas, mockups y wireframes

mockup app ipad

Bien sea para empezar a crear los primeros bocetos del diseño de una web o hasta para hacer un mockup de una aplicación móvil, siempre es necesario tener a la mano una herramienta de maquetación fácil de usar, minimalista, funcional, completa y preferiblemente gratuita. Eso es moqups que además suma a tales características su funcionamiento en HTML5.

No es innovador en cuanto a su temática pues son bastantes las opciones, de hecho Juan Diego hace tiempo mencionaba varias de ellas, pero por lo que realmente destaca es por la calidad de los resultados, por el manojo de herramientas disponibles (en especial plantillas y formas predeterminadas), por la velocidad, gratuidad y porque no necesita valerse de plugins u software extra para trabajar.

El registro es necesario para guardar las creaciones o compartirlas, aunque no necesita confirmación vía email para empezar a gestionarlas o descargar los resultados. Por cierto, estos últimos se pueden conseguir en formato PDF o PNG.

Enlace: moqups | Vía: @rodrigobarreir

Juan David Quiñónez

Estudiante de Estadística en la Universidad Nacional de Colombia. Amante de las nuevas tecnologías, la ciencia, el mundo académico y las aplicaciones de las anteriores temáticas en la red. Escribe en wwwhatsnew.com desde finales del 2011.

3 comentarios

  1. Javier   •  

    Están muy bien la herramienta, aunque personalmente prefiero MockupBuilder por no depender de conexión a internet, y es gratuita también.

  2. vicker   •  

    Excelente recomendación! de las mejores que he visto en todos los aspectos,.

  3. eddie   •  

    Alguien Probo Maqetta? Es potente y también fue desarrollado bajo los estándares de HTML, CSS3 y Javascrip. Ademas podemos instar estas herramientas en Google Chrome.

    Gracias por la Información!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>