wireframing
TRANSCRIPT
WIREFRAMINGLOS PRIMEROS BOCETOS
Wireframing es al diseño web como los planos a la arquitectura
Antes del diseño
Antes de comenzar con los elementos gráficos hay que diseñar la estructura
Ayuda a definir dónde vamos a colocar la información
WireframingRepresentación de baja fidelidad del diseño que nos ayudará a definir la estructura donde colocaremos el contenido
WIREFRAMINGELEMENTOS BÁSICOS
contenido
Antes del diseño
Se recomienda trabajar con una estructura de columnas
La más popular es la de 12 columnas
WIREFRAMING SOBRE UN SISTEMA DE 12 COLUMNASELEMENTOS BÁSICOS
WIREFRAMING SOBRE UN SISTEMA DE 12 COLUMNASELEMENTOS BÁSICOS
SOBRE UN SITIO REALELEMENTOS BÁSICOS
Herramientas960 Grid System960.gs
UX Pinuxpin.com
Balsamiqbalsamiq.com
Axurehttp://www.axure.com
Prototipo
Un prototipo es un medio de representación de alta fidelidad del producto final, que simula la interacción de interfaz de usuario.
PrototipoDebe permitir al usuario :
Experimente la interacción con la interfaz
Probar las principales interacciones de una manera similar al producto final
Prototipo
Puede que no luzca exactamente como el producto final pero puede ser muy similar.
A menudo se omite para reducir costos y acelerar el tiempo de desarrollo.
HTTP://BZA.CO/BUY/151657/TEMASEKCLOTHINGS/HTEEML
The 20 best wireframe toolshttp://www.creativebloq.com/wireframes/top-wireframing-
tools-11121302/2
ADRIANA ATZIMBA TIENDA MARTÍNEZ [email protected]