Proceso de trabajo en diseño web

1,367 views

Published on

Charla dada en DesarrolloWeb sobre el flujo de trabajo en diseño web.

Published in: Design

Proceso de trabajo en diseño web

  1. 1. jueves 8 de agosto de 13
  2. 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. 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. 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
  5. 5. jueves 8 de agosto de 13
  6. 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. 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
  8. 8. jueves 8 de agosto de 13
  9. 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
  10. 10. jueves 8 de agosto de 13
  11. 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
  12. 12. jueves 8 de agosto de 13
  13. 13. jueves 8 de agosto de 13
  14. 14. jueves 8 de agosto de 13
  15. 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
  16. 16. jueves 8 de agosto de 13
  17. 17. jueves 8 de agosto de 13
  18. 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. 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
  20. 20. jueves 8 de agosto de 13
  21. 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. 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
  23. 23. jueves 8 de agosto de 13
  24. 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
  25. 25. jueves 8 de agosto de 13
  26. 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
  27. 27. Desarrolladores Diseñadores jueves 8 de agosto de 13

×