Quelic Berga (UOC)

Fundamentos del diseño

¿Qué es diseño?

• Introducción

• Comunicar con diseño: ¿Cómo y qué comunicar

con imágenes?

• Color, composición y forma: El Abecedario del

diseño.

• Conclusión: La responsabilidad del diseño.

Fundamentos del diseño

¿Cómo y qué comunicar con imágenes?

• Comunicación textual: Descripción y abstracción.

¿Vale más una imagen que mil palabras?

• Comunicación visual:
 Forma - Relaciones espaciales, áreas y volumen
 Emoción - Impacto visual, textura, estética
 Equilibrio entre contenido y forma.

Fundamentos del diseño

¿Cómo y qué comunicar con imágenes?

• Comunicación textual: Descripción y abstracción.

¿Vale más una imagen que mil palabras?

Fundamentos del diseño

¿Cómo y qué comunicar con imágenes?

• Comunicación visual:
 Forma - Relaciones espaciales, áreas y volumen
 Emoción - Impacto visual, textura, estética
 Equilibrio entre contenido y forma.

Fundamentos del diseño

¿Cómo y qué comunicar con imágenes?

Fundamentos del diseño

¿Cómo y qué comunicar con imágenes?

Fundamentos del diseño

Fundamentos del diseño
Fundamentos del diseño
¿Cómo y qué comunicar con imágenes?

“Todo tiene una personalidad: todo mensaje tiene

una señal emocional. Aun cuando esto no sea la
intención del diseñador, las personas que ven un
sitio web sienten su personalidad y experimentan
emociones.”

DONALD A. NORMAN

Fundamentos del diseño

El abecedario del diseño

• Método: Observar, bocetar, filtrar y validar.

• Composición: El espacio como medio de

comunicación.

• Color: Teorías del color y calidad expresiva.

• Forma: Icono y tipografia.

Fundamentos del diseño

El abecedario del diseño

Fundamentos del diseño

Dear Data de Giorgia Lupi And Stefanie Posavec

El abecedario del diseño: Método

• Observar: Entrenar el ojo y aprender a mirar.

• Bocetar: Especular y testear.

• Filtrar: Escoger y saber descartar.

• Validar: Compartir y escuchar.

Fundamentos del diseño

El abecedario del diseño: Composición

• Organizar elementos visuales: texto, imagen,

símbolos, etc.

• Objetivo: Facilitar la comprensión de un mensaje

• Elementos:
• Equilibrio (simetría, radial o pesos)
• Alineación
• Repetición y ritmo
• Espacios en blanco

Fundamentos del diseño

Fundamentos del diseño
Fundamentos del diseño
Fundamentos del diseño
Fundamentos del diseño
El abecedario del diseño: Color

Cálidos

Fríos

Fundamentos del diseño

El abecedario del diseño: Color

Complementarios Análogos Tríadas

Fundamentos del diseño

El abecedario del diseño: Color

Fundamentos del diseño

El abecedario del diseño: Forma

• Forma: Icono y tipografia.

Fundamentos del diseño

El abecedario del diseño: Forma

• Forma: Icono y tipografia.

Comic Sans
Helvética

Fundamentos del diseño

La responsabilidad del diseño

• Mensaje explicito: ¿Qué queremos comunicar?

• Mensaje implícito: Poder comunicativo de las

imágenes, tono emocional, estructura y foco.

• Punto de vista y cultura: Composición, forma y color.

• Modos de ser responsables

Fundamentos del diseño

Fundamentos del diseño