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
- - Define el concepto
- - Bocetea en papel
- - Define tamaño del archivo
- - Define perfil de color (RGB o CMYK)
- - Define paleta de color
- - Crea guias de composición
- - Ajusta fotografias (Photoshop)
- - Añade vectores y tipografias (Illustrator)
deck
By Leonardo Aranda Brito
deck
- 38