Comunicación y Diseño

Strawberry Thief, William Morris (1834-1896)

Arts & Crafts

(1850 - 1920)

Sueño, Alphonse Mucha, 1897

Arts Nouveau

(1890 - 1914)

Autorretrato, Tamara Lempicka, 1929

Art Déco

(1920-1939)

Tren de carreras, Ivo Pannagi, 1922

Futurismo

(1909 - 1939)

Libros, Alexander Rodchenko, 1925

Constructivismo

(1921-1932)

La trinchera, Orozco, 1926

Muralismo

(1921-1955)

Primera Exposición de la Bauhaus en Weimar, Joost Schmidt, 1923

Bauhaus

(1919-1933)

Proyecto de contra-construcción, Theo Van Doesburg, 1923

De Stijl

(1917-1939)

Chica con cinta para pelo, Roy Lichtenstein, 1965

Pop Art

(1950 - 1980)

Sin título, Barbara Kruger, 1989

Arte contemporaneo

(1970 - presente)

The homeless vehicle, Krzytof Wodicczko, 1988

Diseño crítico / Diseño especulativo

(1999 - presente)

Diseño y condiciones socioculturales

CONTEXTO

  • Origen: ¿Quién es el creador, autor o la organización detrás de la imagen?
  • Audiencia: ¿A qué público específico va dirigida?
  • Contexto histórico: ¿Qué estaba pasando en el mundo cuando se creó la imagen?
  • Función principal: ¿La imagen busca informar, vender un producto, hacer propaganda política o puramente conmover de forma artística?
  • Inventario: ¿Qué personajes, objetos, lugares o textos aparecen en la imagen?

¿Cómo interrogar una imagen?

FORMA

  • Inventario: ¿Qué personajes, objetos, lugares o textos aparecen en la imagen?
  • Luz y color: ¿Qué emociones evocan los colores?
  • Composición: ¿Qué elemento está en el centro de atención?

 

SIGNIFICADO

  • Simbolismo: ¿Qué representan los objetos?
  • Ausencias: ¿Qué se ha dejado deliberadamente fuera del encuadre? ¿Qué vacíos llaman la atención?

 

¿Cómo interrogar una imagen?

Diseñar para un mundo complejo

Diseño situado

  • Anclaje territorial: Considera las necesidades reales de una comunidad en lugar de imponer modelos universales o importados.
  • Práctica colaborativa: Fomenta el trabajo participativo entre diseñadores, habitantes locales y otros saberes u oficios.
  • Visión crítica: Cuestiona la neutralidad del diseño y busca generar un impacto positivo y transformador en su entorno.
  • Materialidad local: Uso crítico de recursos del entorno inmediato

Principios básicos de composición visual

  • Equilibrio
  • Jerarquía Visual
  • Proporción visual
  • Unidad y armonía
  • Contraste
  • Ritmo y repetición
  • Espacio negativo

 

Principios de composición visual

Principios de composición visual

Equilibrio

El equilibrio se refiere a la distribución del peso visual de los objetos, colores y espacios en tu diseño. El equilibrio distribuye peso visual en los principios del diseño gráfico para que la composición sea estable y armoniosa. Puede ser simétrico, asimétrico  o radial.

Principios de composición visual

Jerarquía Visual

No todos los elementos de un diseño tienen la misma importancia. La jerarquía visual consiste en guiar el ojo del espectador a través del contenido en un orden determinado, desde lo más importante hasta lo menos relevante.

Principios de composición visual

Proporción visual

Este elemento de la composición visual se construye en la relación de tamaño entre los diferentes elementos que hay en un diseño. 

Principios de composición visual

Unidad y armonia

Es la cohesión que hace que todos los elementos individuales de una obra o diseño funcionen como un todo integrado, en lugar de piezas sueltas o desconectadas. Puede construirse a partir de:

  • Proximidad: Agrupar los elementos que están relacionados para que el cerebro entienda que pertenecen al mismo concepto.
  • Alineación y armonía de color: Mantener una misma directriz espacial y paleta cromática complementaria o análoga

 

Principios de composición visual

Ritmo y repetición

El ritmo en el diseño es como el compás en la música. Se crea mediante la repetición de elementos (líneas, formas, colores) de una manera que crea una sensación de movimiento y guía el ojo a través de la composición.

Principios de composición visual

Reticulas

La retícula es la forma en que se subdivide un formato que usamos como “marco de referencia” para plasmar el diseño, en campos más reducidos (módulos), esto facilita la disposición de las formas de manera sistemática, lógica y armónica.

Principios de composición visual

Reticulas

Principios de composición visual

Reticulas: Modular

Principios de composición visual

Reticulas: Columnas

Principios de composición visual

Reticulas: Jerarquica

Principios de composición visual

Reticulas: Linea base

Principios de composición visual

Reticulas: Radial

Principios de composición visual

Reticulas: Axial

Principios de composición visual

Contraste

El contraste es el mejor amigo del impacto. Se crea cuando dos elementos son opuestos: grande contra pequeño, claro contra oscuro, una tipografía gruesa junto a una fina. El contraste sirve para llamar la atención sobre elementos específicos y resaltar diferencias. 

Principios de composición visual

Espacio negativo

El espacio negativo es el área vacía o libre de detalles que rodea y define al sujeto principal (espacio positivo) en una composición visual. 

Fundamentos y aplicaciones en el diseño

Teoría del color

Teoría del color

Física del color

Teoría del color

Color Luz: Síntesis aditiva

 

Teoría del color

Color Luz: Síntesis sustractiva

 

 

Teoría del color

Colores primarios, secundarios y terceriarios

 

 

Teoría del color

Atributos del color

 

 

Teoría del color

Armonía del color: Colores complementarios

 

 

Teoría del color

Armonía del color: Colores análogos

Teoría del color

Armonía del color: Combinación monocromática

Teoría del color

Armonía del color: Triada

Teoría del color

Armonía del color: Tetrada

Teoría del color

Armonía del color: Complementaria por separado

Teoría del color

Temperatura del color

Teoría del color

Entorno y contexto

Principios básicos

del diseño

vectorial

Mapa de bits vs vector

Punto, linea, plano y volumen

Punto

Linea

Linea

Plano

Plano

Tipografía

Linea base

Anatomía de la letra

Estilos de fuentes tipográficas

Familia tipográfica

Tracking, kerning e interlineado

Organización tipográfica

Organización tipográfica

Escala tipográfica

Escala tipográfica

Patrón de lectura

Retórica de la imagen

Signo, significante, significado

Icono, índice y símbolo

Connotación y denotación

Figuras retóricas

Sineqdoque

Figuras retóricas

Metáfora

Figuras retóricas

Metonimia

Figuras retóricas

Antítesis

Figuras retóricas

Símil

Figuras retóricas

Analogía

Figuras retóricas

Hipérbole

Figuras retóricas

Ironía

Flujo de trabajo

  1. - Define el concepto
  2. - Bocetea en papel
  3. - Define tamaño del archivo
  4. - Define perfil de color (RGB o CMYK)
  5. - Define paleta de color
  6. - Crea guias de composición
  7. - Ajusta fotografias (Photoshop)
  8. - Añade vectores y tipografias (Illustrator)