Wireframes – ejemplos

sketched wireframes

En la tarea del diseñador de interfaces, realizar wireframes puede ser una herramienta fundamental para poder vislumbrar y planificar una interfaz.

Un wireframe es una especie de boceto particular que representa el esquelteo del diseño de un sitio. Permite un primer acercamiento a la posición y jerarquía de los elementos que estarán formando la interfaz.

Aquí algunos ejemplos muuuy interesantes:

http://webdesignledger.com/inspiration/18-great-examples-of-sketched-ui-wireframes-and-mockups

Recordemos que para este jueves deberán traer una lista escrita con las funcionalidades de su aplicación, y traer una serie de wireframes listos para hacer colgada después de la charla de nuestra invitada. No es importante en este etapa que se preocupen por la cuestión retórica del diseño, pero si quieren pueden ir avanzando y traer una de esas pantallas, no sólo como esquema wireframe, sino también “diseñada”.

Recomendación: marcador negro grueso, sobre papel blanco. Listo.
Si quieren pueden utilizar dos grosores de marcadores, para diferenciar jerarquías. 

Salutes!

Anuncios
Esta entrada fue publicada en Apuntes, Inspiración. Guarda el enlace permanente.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s