herramientas de diseño web

Moqups
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 sutemá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 guardarlas 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.

Balsamiq
Para que la idea sobre un sitio web se materialice en un diseño hay un paso imprescindible: bocetar. El boceto, layout, o mock up es una representación visual simplificada de los elementos visualesque contendrá la página o sistema web y tiene dos objetivos bien definidos:
Ser el punto de partida para discutir ideas en proyectos grupales.
Mostrarle al cliente de forma aproximada qué elementos verá en la página web.
Tradicionalmente el primer boceto de una página suele hacerse a mano, pero con clientes y colaboradores distribuidos en todo el mundo la manera más efectiva de llevar adelante unproceso de diseño es digitalizar la maqueta y crear un prototipo de lo que contendrán las páginas web. Algo más o menos como esto:







Un prototipo de una página web muestra de forma organizada todos los elementos que posibilitan la interacción del usuario con la aplicación y su distribución. Como dice Dan Harrelson de Adaptative Path, el prototipo nos permite articular la funcionalidad conlas sensaciones que trasmite un diseño. Debe reunir tres características:
Ser rápido, para plasmar las ideas tan pronto como sea posible.
Ser desechable, porque será discutido, revisado y rehecho varias veces.
Ser específico, para solucionar aquellos aspectos complejos de la interacción.


Muse
¿Quieres diseñar tu propia página web pero no eres un experto? Muse ha nacido para facilitarte la vida. Esun programa Wysiwyg (What you see is what you get), o lo que es lo mismo: tu preocúpate de diseñar como lo harías en photoshop, Muse se encarga de que todo funcione. En definitiva: Muse tiene muchas carencias, pero quizás su interfaz intuitiva sea perfecta para amateurs que no buscan hacer nada demasiado complejo. En este sentido, Muse se posiciona como la sucesora natural de iWeb.


FireworksAlgún lector puede comentar seguro otras características de Fireworks que a mi se me escapan por desconocerlo. Agradeceré los comentarios a esta FAQ.

Volver al árbol de categorías
 Compartir en redes sociales
Comentarios
 Enviar un comentario a la faq
Edgardo Briones San Martin
19/10/2006
0 votos
Firewors tiene muchas carácterísticas interesante. Es un programa fácil de utilizar conherramientas que permiten cosoa básicas, como modificar los ojos rojos de una fotografía, hacer gift animador, hasta crear diseños para enviarlos directo a impresión de alta resolución. Se combinan usufuncionalidades con dramweaver, por ejemplo, se puede crear un menú desplegable con imágenes en fireworks, con el diseño que quieran, el resultado se exporta con formato html y se inserta directamente endreamweaver, los programas se encargan de escribier el código completo en la página con un sólo click. Y diría que para diseño no tiene mucho que envidiarle a Photoshop. la desventaja que veo en este programa tiene que ver con se se necesita un buen computador para trabajar en alta resolución(¿con que programa de este tipo no?), por ejemplo un diseño de 200ppm para impresión en tamaño de 20cm x...