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

Objetivos¿Qué es lo que tengo que dominar al final del curso?

Comprender el manejo de variables visuales para la conformación de mensajes gráficos utilitarios.

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.

Aplicar la visualización de información para fomentar el entendimiento, comprensión y adquisición de conocimiento entre personas.

Evaluación¿Cómo seré evaluado?

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.

¿Exámenes escritos?

Tip

Proyecto final¿Qué deberé entregar al final?

Diseño deInformación

Usabilidad Experienciade Usuario

¿Ah?

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.

Empecemos…

Fundamentos

Diseño es un proceso cognitivo cuyo objetivo es resolver proyectualmente las necesidades generadas por un problema para ciertas personas en un contexto dado.

contexto

contexto

personas

contexto

personas problema

contexto

personas problema

necesidades

¿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?

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.

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.

Comunicación,información,diseño visual

e interfaz

usuario

tarea herramienta

usuario

tarea herramienta

interfaz

Interfaz

Interfaz

Información

Interfaz implica información

Interfaz implica información

¿Información implica interfaz?

Interfaz

Información

Diseño

Diseño de Información

Diseño de Información

Diseño de Interacción

El papelde la ejecución

a

Un buen manejo del espacio, las formas y sobretodo de la tipografía es fundamental para conseguir un óptimo resultado.

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).

El espacio mismo

El espacio mismo

El espacio mismo

El espacio mismo

El espacio mismo

El espacio mismo

El espacio mismo

Ocupación del espacio (composición).

Ocupación del espacio (composición).

Ocupación del espacio (composición).

Ocupación del espacio (composición).

Ocupación del espacio (composición).

Ocupación del espacio (composición).

Ocupación del espacio (composición).

Ocupación del espacio (composición).

Ocupación del espacio (composición).

Ocupación del espacio (composición).

Ocupación del espacio (composición).

Ocupación del espacio (composición).

Establecimiento de jerarquías.

Establecimiento de jerarquías.

Establecimiento de jerarquías.

Aislamiento de elementos legibilidad.

Aislamiento de elementos.

Aislamiento de elementos.

Sentido de lectura del mensaje.

Sentido de lectura del mensaje.

Síntesis e iconicidad.

Síntesis e iconicidad.

Uso del color y contraste cromático.

Uso del color y contraste cromático.

Uso del color y contraste cromático.

Uso del color y contraste cromático.

Ritmo y tensión.

Ritmo y tensión.

Ritmo y tensión.

Ritmo y tensión.

Ritmo y tensión.

Ritmo y tensión.

Ritmo y tensión.

Ritmo y tensión.

Estética (básica a la cultura).

Estética (básica a la cultura).

Estética (básica a la cultura).

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).

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.

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.