2. Inventario de Contenido
Wireframes de referencia
Estructurar contenido
StyleGuides & Pattern Libraries
Diseño Linear
Gráfico con Breakpoints
Diseño para varios Breakpoints
Prototipo en HTML
Presentar screenshots de prototipos
Revisión: volver a presentar screenshots
Documento para Producción
jueves 8 de agosto de 13
3. Inventario de Contenido
Wireframes de referencia
Estructurar contenido
StyleGuides & Pattern Libraries
Diseño Linear
Gráfico con Breakpoints
Diseño para varios Breakpoints
Prototipo en HTML
Presentar screenshots de prototipos
Revisión: volver a presentar screenshots
Documento para Producción
jueves 8 de agosto de 13
4. Inventario de Contenido
Wireframes de referencia
Estructurar contenido
StyleGuides & Pattern Libraries
Diseño Linear
Gráfico con Breakpoints
Diseño para varios Breakpoints
Prototipo en HTML
Presentar screenshots de prototipos
Revisión: volver a presentar screenshots
Documento para Producción
jueves 8 de agosto de 13
6. Wireframing
¿Cuál es la estrategia?
Fin y función de la web
¿Cómo va a fluir el contenido?
Jerarquía, que va arriba y que va debajo.
¿Es necesario?
Si no lo es, no lo pongas
jueves 8 de agosto de 13
7. Inventario de Contenido
Wireframes de referencia
Estructurar contenido
StyleGuides & Pattern Libraries
Diseño Linear
Gráfico con Breakpoints
Diseño para varios Breakpoints
Prototipo en HTML
Presentar screenshots de prototipos
Revisión: volver a presentar screenshots
Documento para Producción
jueves 8 de agosto de 13
9. Inventario de Contenido
Wireframes de referencia
Estructurar contenido
StyleGuides & Pattern Libraries
Diseño Linear
Gráfico con Breakpoints
Diseño para varios Breakpoints
Prototipo en HTML
Presentar screenshots de prototipos
Revisión: volver a presentar screenshots
Documento para Producción
jueves 8 de agosto de 13
11. Inventario de Contenido
Wireframes de referencia
Estructurar contenido
StyleGuides & Pattern Libraries
Diseño Linear
Gráfico con Breakpoints
Diseño para varios Breakpoints
Prototipo en HTML
Presentar screenshots de prototipos
Revisión: volver a presentar screenshots
Documento para Producción
jueves 8 de agosto de 13
15. Inventario de Contenido
Wireframes de referencia
Estructurar contenido
StyleGuides & Pattern Libraries
Diseño Linear
Gráfico con Breakpoints
Diseño para varios Breakpoints
Prototipo en HTML
Presentar screenshots de prototipos
Revisión: volver a presentar screenshots
Documento para Producción
jueves 8 de agosto de 13
18. Inventario de Contenido
Wireframes de referencia
Estructurar contenido
StyleGuides & Pattern Libraries
Diseño Linear
Gráfico con Breakpoints
Diseño para varios Breakpoints
Prototipo en HTML
Presentar screenshots de prototipos
Revisión: volver a presentar screenshots
Documento para Producción
jueves 8 de agosto de 13
19. Inventario de Contenido
Wireframes de referencia
Estructurar contenido
StyleGuides & Pattern Libraries
Diseño Linear
Gráfico con Breakpoints
Diseño para varios Breakpoints
Prototipo en HTML
Presentar screenshots de prototipos
Revisión: volver a presentar screenshots
Documento para Producción
jueves 8 de agosto de 13
21. Inventario de Contenido
Wireframes de referencia
Estructurar contenido
StyleGuides & Pattern Libraries
Diseño Linear
Gráfico con Breakpoints
Diseño para varios Breakpoints
Prototipo en HTML
Presentar screenshots de prototipos
Revisión: volver a presentar screenshots
Documento para Producción
jueves 8 de agosto de 13
22. Diseño
Tipografía
Fuentes, ajustes de fuentes y espacio-blanco
Color
Emoción e interacción
Textura
Elementos decorativos, patrones y formas
Layout
Posicionamiento de los elementos en la rejilla. Horizontal y vertical
jueves 8 de agosto de 13
24. Inventario de Contenido
Wireframes de referencia
Estructurar contenido
StyleGuides & Pattern Libraries
Diseño Linear
Gráfico con Breakpoints
Diseño para varios Breakpoints
Prototipo en HTML
Presentar screenshots de prototipos
Revisión: volver a presentar screenshots
Documento para Producción
jueves 8 de agosto de 13
26. Inventario de Contenido
Wireframes de referencia
Estructurar contenido
StyleGuides & Pattern Libraries
Diseño Linear
Gráfico con Breakpoints
Diseño para varios Breakpoints
Prototipo en HTML
Presentar screenshots de prototipos
Revisión: volver a presentar screenshots
Documento para Producción
jueves 8 de agosto de 13