Este documento presenta un resumen de la clase N°1 de Diseño Visual impartida en junio de 2008 por Jorge Barahona y Adolfo Morales. La clase cubre temas como la metodología de diseño visual, que incluye estrategia, estudio de usuarios, arquitectura de la información, diseño visual y diseño front-end. También se mencionan recursos como Google Docs, InDesign y Photoshop, y temas que se abordarán como producción visual, código, manuales de estilo y templates.

1. Lenguaje 2
Diseño Visual
Clase No.1
Junio, 2008
Jorge Barahona&Adolfo Morales
© 2005-2008 Jorge Barahona Ch.

2. Necesarios y urgentes
• Comunidad “Los Digitales” http://www.losdigitales.com/
• Blog: http://lenguaje2.wordpress.com/
• SlideShare: http://www.slideshare.net/
• Twitter: http://twitter.com
• Flickr: http://www.flickr.com
© 2005-2007 Jorge Barahona Ch.

3. © 2005-2007 Jorge Barahona Ch.

4. Metodología
• Estrategia
• Estudio Usuarios
• Arquitectura de la Información
• Diseño Visual
• Diseño Front (producción)
© 2005-2007 Jorge Barahona Ch.

5. Metodología
• Estrategia
• Estudio Usuarios
• Arquitectura de la Información
• Diseño Visual
• Diseño Front (producción)
© 2005-2007 Jorge Barahona Ch.

6. © 2005-2007 Jorge Barahona Ch.

7. Qué te falta equilibrar?
• Logística de un proyecto (Brief, Cotizar, etc)
• Condicionantes de un proyecto
• Benchmark (análisis comparativos)
• Modelamientos de Usuarios
• Entrevistas
• Wireframes
• Manuales
© 2005-2007 Jorge Barahona Ch.

8. Cómo y con qué?
• Google Docs (editor de textos, planillas de cálculo
y presentaciones)
• Manejo de Tablas Gantt y Agendas
• InDesign*
© 2005-2007 Jorge Barahona Ch.

9. Diseño Visual
• Definiciones Cromáticas
• Definiciones Tipográficas
• Aplicaciones y usos de Marcas
• Imágenes (usos, diferencias, dirección de arte, etc.)
• Ilustraciones (infografías)
• Iconografía
• Maquetas*
• Manuales de Estilo Visual
© 2005-2007 Jorge Barahona Ch.

10. Recursos
© 2005-2007 Jorge Barahona Ch.

11. Recursos
• GoogleDocs
• InDesign
• Photoshop
• Fireworks
• Illustrator
© 2005-2007 Jorge Barahona Ch.

12. Lo que te viene:
Producción Visual
• Original digital
• Templates (editorial y digital)
• Aplicaciones y soportes
• Código (CSS, HTML, JavaScript, JSon)
• Manuales de Producción Visual
© 2005-2007 Jorge Barahona Ch.

13. Cómo y con qué?
• GoogleDocs
• InDesign
• Photoshop
• Fireworks
• Illustrator
• Softwares de diagramación y edición (DW, ID,
Coda, etc)
© 2005-2007 Jorge Barahona Ch.

14. Gracias
Jorge Barahona (jbarahona@arquitecturaucv.cl)
Adolfo Morales (amorales@arquitecturaucv.cl)
Junio, 2008
© 2005-2007 Jorge Barahona Ch.