Maqueta con NinjaMock

Hoy te quiero hablar de NinjaMock una herramienta que te servirá para prototipar paginas web, aplicaciones para IOS, Android o Windows, entre muchas otras.

Esta herramienta tiene una modalidad de pago y otra gratis, con la gratis es suficiente. La unica diferencia es que con la gratis, solo podemos guardar un proyecto y con la de pago segun la cuota que pagues tienes mas o menos proyectos para guardar.

Empezando

Cuando ya estamos registrados y vamos a iniciar un proyecto te sale la siguiente página de opciones, donde eliges para que sistema vas a hacer la máqueta.

Una vez elegida la plataforma, donde desarrollar la maqueta, nos encontramos una ventana en blanco, donde podemos ir añadiendo los elementos de nuestra página.

• A la izquierda tenemos un listado de los diferentes elementos que podemos añadir, agrupados en diferentes categorias, como cuadros de dialogos, etiquetas, tablas o elementos de navegacion.
• A la derecha tenemos las propiedades del elemento de la pagina que hemos seleccionado.
• En la parte baja, están las paginas de las que consta el proyecto
• En la parte central esta la propia maqueta.

En este ejemplo voy a desarrollar la maqueta de bitacoralinux.es, concretamente la pagina de la portada.

Menu y Logotipo

Primeramente hago la barra del menu superior y a la izquierda el logotipo de la pagina.

Para poner el menu nos vamos a las herramientas de la izquierda y dentro de Navigation, arrastramos el primer elemento que es una Link Bar.

Para el logotipo en Basic, agregamos un Link.

Frase representativa

Despues con un H1, pongo una frase representativa de la pagina web.

Entradas

Para terminar creo la portada con 3 entradas, poniendo la imagen destacada, el titulo de la entrada, con un H2 y una zona donde va un breve extracto de la entrada.

Compartir proyecto

Otra cosa a destacar de Ninjamock, es la facilidad que tiene para compartir un proyecto, ya que desde el menu share, podemos compartirlo mediante un enlace o con un codigo QR.

Espero que te haya servido esta herramienta, ya que tiene muchas funcionalidades para la version free y que te hagas tu maqueta con Ninjamock