Una de las fases m\u00e1s cl\u00e1sicas y necesarias en la creaci\u00f3n es el llamado boceto o croquis. Llevado al campo del dise\u00f1o web ser\u00eda el llamado \u201cMockup\u201d, que b\u00e1sicamente se utiliza para crear una interfaz que pueda ser testeada antes de dise\u00f1ar y montar. Necesitamos dejar definid la estructura, \u00a0funcionalidades y \u00a0\u00a0dise\u00f1o antes de comenzar con el desarrollo en s\u00ed. Este boceto servir\u00e1 para ir concretando detalles e ir desarrollando el dise\u00f1o final, como para presentar \u00a0a los clientes, u otros trabajadores del equipo que trabajan en el proyecto.<\/p>\n
Con Justinmind Prototyper\u00a0podemos hacer esto y mucho m\u00e1s de una forma bastante sencilla. Se trata de una aplicaci\u00f3n de origen espa\u00f1ol , aunque se ha afincado en USA, en Silicon Valley. \u00a0Google, Audi, Paypal, NASA, Redbull, Sony y MTV son algunas de las empresas que utilizan esta herramienta<\/p>\n
Para crear nuestro prototipo lo vamos a hacer distribuyendo\u00a0distintos widgets\u00a0en la pantalla. Podemos crear varias pantallas e ir enlaz\u00e1ndolas para obtener la simulaci\u00f3n de una aplicacion web completa.<\/p>\n
Adem\u00e1s de los widgets incluidos con la aplicaci\u00f3n podemos descargar algunos m\u00e1s desde la web de Justinmind:\u00a0http:\/\/www.justinmind.com\/prototyper\/widgets-web<\/a>. Adem\u00e1s de estos sets, podemos crear los nuestros propios, espec\u00edficos para cada proyecto.<\/p>\n La aplicaci\u00f3n es bastantes encilla de usar y tiene 2 partes principales, los paneles dinamicos y los eventos. Los eventos:\u00a0Nos permiten indicar acciones sobre los elementos que tenemos en nuestro dise\u00f1o.<\/p>\n Podemos consultar un manual de iniciaci\u00f3n en la siguiente web (en castellano)<\/p>\n https:\/\/www.yumpu.com\/es\/document\/view\/12459850\/tutoriales-para-justinmind-prototyper-nivel-basico-amazon-web-<\/a><\/p>\n <\/p>\n Enlaces de inter\u00e9s<\/p>\n <\/p>","protected":false},"excerpt":{"rendered":" Una de las fases m\u00e1s cl\u00e1sicas y necesarias en la creaci\u00f3n es el llamado boceto o croquis. Llevado al campo del dise\u00f1o web ser\u00eda el llamado \u201cMockup\u201d, que b\u00e1sicamente se utiliza para crear una interfaz que pueda ser testeada antes de dise\u00f1ar y montar. Necesitamos dejar definid la estructura, \u00a0funcionalidades y \u00a0\u00a0dise\u00f1o antes de comenzar … <\/p>\n
\nLos paneles din\u00e1micos:\u00a0Te permiten poner \u00a0varios elementos en el mismo \u00e1rea, de esta forma podremos simular botones, cambios de pesta\u00f1a u otros contenidos que cambian din\u00e1micamente, etc.<\/p>\n\n