Introducción al Diseño de Información

  • 915 views
Uploaded on

Introducción al diseño de información para la clase de Esquemática de la Licenciatura en Diseño de Interacción. Ibero Puebla. Curso versión 2012.

Introducción al diseño de información para la clase de Esquemática de la Licenciatura en Diseño de Interacción. Ibero Puebla. Curso versión 2012.

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
915
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
33
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Esquemática 2012Principios deldiseño visualLic. en Diseño de Interacción y Animación Digital.Universidad Iberoamericana Campus Puebla.Mtro. Omar Sosa Tzechttp://www.tzek-design.com/blog
  • 2. Objetivos¿Qué es lo que tengo que dominar al final del curso?
  • 3. Comprender el manejo de variables visuales para laconformación de mensajes gráficos utilitarios.
  • 4. Incrementar y afinar su nivel de ejecución con respecto a laelaboración de dichos mensajes gráficos utilitarios:composición, jerarquías visuales, selección tipográfica, usodel color como variable informativa, contextualización delmensaje y comprensión de la audiencia.
  • 5. Aplicar la visualización de información para fomentar elentendimiento, comprensión y adquisición de conocimientoentre personas.
  • 6. Evaluación ¿Cómo seré evaluado?
  • 7. 30% Suma de las evaluaciones de Suma de dos evaluaciones proyectos parciales que parciales escritas sobre conceptosdemuestren la aplicación de los conceptos vistos en clase, 40% teóricos vistos en clase aplicadas durante el curso. elaborados durante el curso. 30% Proyecto final para el curso.
  • 8. ¿Exámenes escritos?
  • 9. Tip
  • 10. Proyecto final ¿Qué deberé entregar al final?
  • 11. Diseño de Información ExperienciaUsabilidad de Usuario
  • 12. ¿Ah?
  • 13. Importante.Las tareas son válidas hasta la fecha y hora que se indique suentrega, con frecuencia hasta la siguiente clase.* El criterio para obtener el 100% de los puntos se especificarácon cada tarea.* Si la tarea es entregada el mismo día pero no a la horaseñalada, automáticamente reducirá su valor a un 50%.* Si ya ha pasado un día a partir de la fecha de entrega. Latarea valdrá cero puntos.* Si hay excepciones, se indicará en clase delante de todoel grupo.
  • 14. Empecemos…
  • 15. Fundamentos
  • 16. Diseño es un proceso cognitivo cuyo objetivo esresolver proyectualmente las necesidades generadaspor un problema para ciertas personas en uncontexto dado.
  • 17. contexto
  • 18. contextopersonas
  • 19. contextopersonas problema
  • 20. contextopersonas problema necesidades
  • 21. ¿Cómo identificar las características del contexto en el quevive el usuario?¿Qué caracteriza al usuario?¿Qué caracteriza el problema?¿Cuáles son las necesidades derivadas?¿Qué tipo de factibilidad restringe la solución de diseño?¿Se puede evaluar la solución?
  • 22. Algunas disciplinas o áreas relacionadas consoluciones a través de proyectos:* Diseño gráfico.* Diseño de información.* Diseño de interacción.* Diseño Industrial.* Arquitectura.
  • 23. Pero, ¿qué podemos decir con respecto aotras disciplinas? Por ejemplo,* Química.* Actuaría.* Matemáticas.* Mecatrónica.* Ingeniería Civil.* Sistemas y Computación.
  • 24. Comunicación, información, diseño visual e interfaz
  • 25. usuariotarea herramienta
  • 26. usuario interfaztarea herramienta
  • 27. Interfaz
  • 28. InterfazInformación
  • 29. Interfaz implica información
  • 30. Interfaz implica información¿Información implica interfaz?
  • 31. InterfazInformación
  • 32. Diseño
  • 33. Diseño de Información
  • 34. Diseño de Diseño deInformación Interacción
  • 35. El papelde la ejecución
  • 36. a
  • 37. Un buen manejo del espacio, las formas y sobretodode la tipografía es fundamental para conseguir unóptimo resultado.
  • 38. Factores de ejecución siempre a considerar en laconstrucción de mensajes visuales:* El espacio mismo.* Ocupación del espacio (composición).* Establecimiento de jerarquías.* Aislamiento de elementos y legibilidad.* Sentido de la lectura del mensaje.* Síntesis e iconicidad.* Uso del color y contraste cromático.* Tensión y ritmo.* Estética (básica a la cultura).
  • 39. El espacio mismo
  • 40. El espacio mismo
  • 41. El espacio mismo
  • 42. El espacio mismo
  • 43. El espacio mismo
  • 44. El espacio mismo
  • 45. El espacio mismo
  • 46. Ocupación del espacio (composición).
  • 47. Ocupación del espacio (composición).
  • 48. Ocupación del espacio (composición).
  • 49. Ocupación del espacio (composición).
  • 50. Ocupación del espacio (composición).
  • 51. Ocupación del espacio (composición).
  • 52. Ocupación del espacio (composición).
  • 53. Ocupación del espacio (composición).
  • 54. Ocupación del espacio (composición).
  • 55. Ocupación del espacio (composición).
  • 56. Ocupación del espacio (composición).
  • 57. Ocupación del espacio (composición).
  • 58. Establecimiento de jerarquías.
  • 59. Establecimiento de jerarquías.
  • 60. Establecimiento de jerarquías.
  • 61. Aislamiento de elementos legibilidad.
  • 62. Aislamiento de elementos.
  • 63. Aislamiento de elementos.
  • 64. Sentido de lectura del mensaje.
  • 65. Sentido de lectura del mensaje.
  • 66. Síntesis e iconicidad.
  • 67. Síntesis e iconicidad.
  • 68. Uso del color y contraste cromático.
  • 69. Uso del color y contraste cromático.
  • 70. Uso del color y contraste cromático.
  • 71. Uso del color y contraste cromático.
  • 72. Ritmo y tensión.
  • 73. Ritmo y tensión.
  • 74. Ritmo y tensión.
  • 75. Ritmo y tensión.
  • 76. Ritmo y tensión.
  • 77. Ritmo y tensión.
  • 78. Ritmo y tensión.
  • 79. Ritmo y tensión.
  • 80. Estética (básica a la cultura).
  • 81. Estética (básica a la cultura).
  • 82. Estética (básica a la cultura).
  • 83. Tarea 1:* Observar casos de diseño de información en la vida real, laweb o en software. Analizar y determinar cuáles son ejemplosy cuáles son contrajemplos de la explotación de los factoresinvolucrados en la construcción de mensajes visuales.* Preparar una presentación con dos casos para cada factor(ejemplo y contraejemplo).* La presentación contendrá imágenes, fotografías o capturasde pantalla. El texto se deberá reducir al máximo. El anáilsisde cada caso se hará de manera verbal.* La evaluación tomará en cuenta que se presenten losejemplos y contraejemplos para todos los factores, ortografíay claridad en el análisis (simple y al grano).
  • 84. Tarea 2:* Cada alumno deberá llevar a partir de este momento unbitácora personal en la cual anotará diferentes actividades yhechos que le suceden durante el día. Por ejemplo:- kilómetros recorridos viajando en transporte,- tipo de alimentación diara,- ejercicio realizado al día,- videojuegos, películas o entretenimiento durante el día,- apuntes sobre las relaciones sociales en y fuera de línea,- y cualquier “variable” que pueda ser rastreada durante lospróximos meses.Con esta bitácora se elaborará una infografía personal quecontará como parte de los ejercicios del curso.
  • 85. Gracias.* Todas las imágenes mostradas en esta presentación son sin fines de lucro y los derechos sonpropiedad de sus autores o dueños.