Hace mucho tiempo, antes de que aparecieran los mockups o wireframes, cuando se necesitaba desarrollar el prototipo inicial de algún proyecto, se pasaban horas y horas en Photoshop para generar capturas o imágenes de lo que sería el proyecto, o bien, se realizaba sobre la marcha ajustando la parte visual, se probaban y probaban colores para ver cuales quedaran mejor.
Aunque esas opciones realmente ayudaban, llevaban demasiado tiempo y no eran muy efectivas.
Una wireframes es una herramienta en la que se puede generar una serie de dibujos que tiene como finalidad representar la estructura de un sitio web.
Un wireframe no contiene detalles o elementos gráficos. Sirve para tener una rápida visión sobre cómo estará organizado el contenido del sitio web, sin entrar en demasiados detalles.
Por ello, te presentamos un Top 5 de los mejores softwares para crear Mockups. ¡Chécalos todos!
-
1.Gliffy
Es una herramienta gratuita y online para crear mockups de un sitio web. Cuenta con una librería de esquemas y con una API para que los desarrolladores puedan integrar la herramienta con sus aplicaciones. En cuanto a herramientas de mockups, es una de las opciones más potentes.
-
2.Cacoo
Te permite crear fácilmente mockups para sitios web o apps. Tiene un plan gratuito con el que solamente puedes exportar el proyecto final en .PNG, suficiente si lo que buscamos es diseñar la estructura del proyecto y conseguir una visión global. Su característica más destacable es la posibilidad de colaborar entre usuarios en tiempo real.
-
3.Mockflow
Herramienta totalmente interactiva que incluso permite crear sitemaps de las páginas del proyecto. Puede exportar en multitud de formatos, y es muy completo en cuanto a características y opciones a elegir.
Dispone de una librería de plantillas para que puedas elegir la más adecuada para organizar tu contenido web.
-
4.Frame Box
Si lo que buscas es una herramienta muy sencilla, simple y fácil de utilizar (ideal para aquellos que empiezan en esto de los mockups), esta es tu mejor opción.
-
5. Wireframe CC
Otra herramienta sencilla y minimalista, que permite con mucha facilidad cambiar entre diseño a equipos de sobremesa, tablets o smartphones.
¿Conocías alguna de estas herramientas? ¿Has utilizado alguna otra? ¿Cuál es tu opinión?