Introducción al Diseño de Información
-
Upload
omar-sosa-tzec -
Category
Design
-
view
930 -
download
1
description
Transcript of Introducción al Diseño de Información
![Page 1: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/1.jpg)
Esquemática2012
Principios deldiseño visual
Lic. en Diseño de Interacción y Animación Digital.Universidad Iberoamericana Campus Puebla.
Mtro. Omar Sosa Tzechttp://www.tzek-design.com/blog
![Page 2: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/2.jpg)
Objetivos¿Qué es lo que tengo que dominar al final del curso?
![Page 3: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/3.jpg)
Comprender el manejo de variables visuales para la conformación de mensajes gráficos utilitarios.
![Page 4: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/4.jpg)
![Page 5: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/5.jpg)
Incrementar y afinar su nivel de ejecución con respecto a la elaboración de dichos mensajes gráficos utilitarios: composición, jerarquías visuales, selección tipográfica, uso del color como variable informativa, contextualización del mensaje y comprensión de la audiencia.
![Page 6: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/6.jpg)
![Page 7: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/7.jpg)
Aplicar la visualización de información para fomentar el entendimiento, comprensión y adquisición de conocimiento entre personas.
![Page 8: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/8.jpg)
![Page 9: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/9.jpg)
Evaluación¿Cómo seré evaluado?
![Page 10: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/10.jpg)
Suma de dos evaluaciones parciales escritas sobre conceptos teóricos vistos en clase aplicadas durante el curso.
30%
30%
Proyecto final para el curso.
40%Suma de las evaluaciones de
proyectos parciales que demuestren la aplicación de los
conceptos vistos en clase, elaborados durante el curso.
![Page 11: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/11.jpg)
¿Exámenes escritos?
![Page 12: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/12.jpg)
Tip
![Page 13: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/13.jpg)
Proyecto final¿Qué deberé entregar al final?
![Page 14: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/14.jpg)
Diseño deInformación
Usabilidad Experienciade Usuario
![Page 15: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/15.jpg)
¿Ah?
![Page 16: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/16.jpg)
![Page 17: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/17.jpg)
![Page 18: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/18.jpg)
![Page 19: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/19.jpg)
Importante.Las tareas son válidas hasta la fecha y hora que se indique su entrega, 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 hora señalada, automáticamente reducirá su valor a un 50%.
* Si ya ha pasado un día a partir de la fecha de entrega. La tarea valdrá cero puntos.
* Si hay excepciones, se indicará en clase delante de todo el grupo.
![Page 20: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/20.jpg)
Empecemos…
![Page 21: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/21.jpg)
Fundamentos
![Page 22: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/22.jpg)
Diseño es un proceso cognitivo cuyo objetivo es resolver proyectualmente las necesidades generadas por un problema para ciertas personas en un contexto dado.
![Page 23: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/23.jpg)
![Page 24: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/24.jpg)
![Page 25: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/25.jpg)
![Page 26: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/26.jpg)
![Page 27: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/27.jpg)
![Page 28: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/28.jpg)
![Page 29: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/29.jpg)
![Page 30: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/30.jpg)
contexto
![Page 31: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/31.jpg)
contexto
personas
![Page 32: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/32.jpg)
contexto
personas problema
![Page 33: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/33.jpg)
contexto
personas problema
necesidades
![Page 34: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/34.jpg)
¿Cómo identificar las características del contexto en el que vive 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?
![Page 35: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/35.jpg)
Algunas disciplinas o áreas relacionadas con soluciones a través de proyectos:
* Diseño gráfico.* Diseño de información.* Diseño de interacción.* Diseño Industrial.* Arquitectura.
![Page 36: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/36.jpg)
Pero, ¿qué podemos decir con respecto a otras disciplinas? Por ejemplo,
* Química.* Actuaría.* Matemáticas.* Mecatrónica.* Ingeniería Civil.* Sistemas y Computación.
![Page 37: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/37.jpg)
Comunicación,información,diseño visual
e interfaz
![Page 38: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/38.jpg)
![Page 39: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/39.jpg)
![Page 40: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/40.jpg)
![Page 41: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/41.jpg)
![Page 42: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/42.jpg)
usuario
tarea herramienta
![Page 43: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/43.jpg)
usuario
tarea herramienta
interfaz
![Page 44: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/44.jpg)
![Page 45: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/45.jpg)
Interfaz
![Page 46: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/46.jpg)
Interfaz
Información
![Page 47: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/47.jpg)
Interfaz implica información
![Page 48: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/48.jpg)
Interfaz implica información
¿Información implica interfaz?
![Page 49: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/49.jpg)
![Page 50: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/50.jpg)
![Page 51: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/51.jpg)
Interfaz
Información
![Page 52: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/52.jpg)
![Page 53: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/53.jpg)
![Page 54: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/54.jpg)
![Page 55: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/55.jpg)
Diseño
![Page 56: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/56.jpg)
Diseño de Información
![Page 57: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/57.jpg)
Diseño de Información
Diseño de Interacción
![Page 58: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/58.jpg)
El papelde la ejecución
![Page 59: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/59.jpg)
![Page 60: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/60.jpg)
![Page 61: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/61.jpg)
![Page 62: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/62.jpg)
![Page 63: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/63.jpg)
![Page 64: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/64.jpg)
![Page 65: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/65.jpg)
a
![Page 66: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/66.jpg)
Un buen manejo del espacio, las formas y sobretodo de la tipografía es fundamental para conseguir un óptimo resultado.
![Page 67: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/67.jpg)
Factores de ejecución siempre a considerar en la construcció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).
![Page 68: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/68.jpg)
El espacio mismo
![Page 69: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/69.jpg)
El espacio mismo
![Page 70: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/70.jpg)
El espacio mismo
![Page 71: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/71.jpg)
El espacio mismo
![Page 72: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/72.jpg)
El espacio mismo
![Page 73: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/73.jpg)
El espacio mismo
![Page 74: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/74.jpg)
El espacio mismo
![Page 75: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/75.jpg)
Ocupación del espacio (composición).
![Page 76: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/76.jpg)
Ocupación del espacio (composición).
![Page 77: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/77.jpg)
Ocupación del espacio (composición).
![Page 78: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/78.jpg)
Ocupación del espacio (composición).
![Page 79: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/79.jpg)
Ocupación del espacio (composición).
![Page 80: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/80.jpg)
Ocupación del espacio (composición).
![Page 81: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/81.jpg)
Ocupación del espacio (composición).
![Page 82: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/82.jpg)
Ocupación del espacio (composición).
![Page 83: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/83.jpg)
Ocupación del espacio (composición).
![Page 84: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/84.jpg)
Ocupación del espacio (composición).
![Page 85: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/85.jpg)
Ocupación del espacio (composición).
![Page 86: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/86.jpg)
Ocupación del espacio (composición).
![Page 87: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/87.jpg)
Establecimiento de jerarquías.
![Page 88: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/88.jpg)
Establecimiento de jerarquías.
![Page 89: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/89.jpg)
Establecimiento de jerarquías.
![Page 90: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/90.jpg)
Aislamiento de elementos legibilidad.
![Page 91: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/91.jpg)
Aislamiento de elementos.
![Page 92: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/92.jpg)
Aislamiento de elementos.
![Page 93: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/93.jpg)
Sentido de lectura del mensaje.
![Page 94: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/94.jpg)
Sentido de lectura del mensaje.
![Page 95: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/95.jpg)
Síntesis e iconicidad.
![Page 96: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/96.jpg)
Síntesis e iconicidad.
![Page 97: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/97.jpg)
Uso del color y contraste cromático.
![Page 98: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/98.jpg)
Uso del color y contraste cromático.
![Page 99: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/99.jpg)
Uso del color y contraste cromático.
![Page 100: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/100.jpg)
Uso del color y contraste cromático.
![Page 101: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/101.jpg)
Ritmo y tensión.
![Page 102: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/102.jpg)
Ritmo y tensión.
![Page 103: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/103.jpg)
Ritmo y tensión.
![Page 104: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/104.jpg)
Ritmo y tensión.
![Page 105: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/105.jpg)
Ritmo y tensión.
![Page 106: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/106.jpg)
Ritmo y tensión.
![Page 107: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/107.jpg)
Ritmo y tensión.
![Page 108: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/108.jpg)
Ritmo y tensión.
![Page 109: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/109.jpg)
Estética (básica a la cultura).
![Page 110: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/110.jpg)
Estética (básica a la cultura).
![Page 111: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/111.jpg)
Estética (básica a la cultura).
![Page 112: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/112.jpg)
Tarea 1:* Observar casos de diseño de información en la vida real, la web o en software. Analizar y determinar cuáles son ejemplos y cuáles son contrajemplos de la explotación de los factores involucrados 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 capturas de pantalla. El texto se deberá reducir al máximo. El anáilsis de cada caso se hará de manera verbal.
* La evaluación tomará en cuenta que se presenten los ejemplos y contraejemplos para todos los factores, ortografía y claridad en el análisis (simple y al grano).
![Page 113: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/113.jpg)
Tarea 2:* Cada alumno deberá llevar a partir de este momento un bitácora personal en la cual anotará diferentes actividades y hechos 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 los próximos meses.
Con esta bitácora se elaborará una infografía personal que contará como parte de los ejercicios del curso.
![Page 114: Introducción al Diseño de Información](https://reader033.fdocuments.co/reader033/viewer/2022042601/54bc2ce54a795955638b457d/html5/thumbnails/114.jpg)
Gracias.
* Todas las imágenes mostradas en esta presentación son sin fines de lucro y los derechos son propiedad de sus autores o dueños.