Análisis visual a
través de los
principios y
fundamentos de la
composición
Semanas 5, 6, 7 y 8
Los principios del diseño
SECCIÓN DE REFERENCIA
RESULTADO DE APRENDIZAJE DE LA SESIÓN
Comprenderemos y analizaremos 7 principios del diseño:
• Unidad/armonía • Dominación/énfasis
• Equilibrio • Similitud y contraste
• Jerarquía • Ritmo y movimiento
• Escala/proporción
SECCIÓN DE REFERENCIA
REFLEXIÓN DESDE LA EXPERIENCIA
• ¿Qué ves en esta imagen?
SECCIÓN DE REFERENCIA
• ¿Qué ves en
esta imagen?
SECCIÓN DE REFERENCIA
• ¿Qué ves en
esta imagen?
SECCIÓN DE REFERENCIA
El acto visual
• El proceso del acto visual es un acto mucho más complejo donde interviene el intelecto
e involucra los procesos descriptivos, el pensar y el razonar, tanto a nivel conceptual
como el perceptual.
• La visión tiene correspondencia con la atención y la memoria.
• Es selectiva, no tenemos la capacidad de captar de ver detalles y
todos los rasgos de los objetos.
• La percepción constituye en la formulación de conceptos.
Principios del diseño
Unidad y Armonía Equilibrio/Balance Jerarquía Escala/Proporción
Dominación/Énfasis Similitud y Contraste Ritmo / Movimiento
Principios del diseño
Unidad
Unidad yy Armonía
Armonía Equilibrio/Balance Jerarquía Escala/Proporción
Dominación/Énfasis Similitud y Contraste Ritmo / Movimiento
SECCIÓN DE REFERENCIA
Principio del diseño: Unidad / armonía
Se caracteriza por incluir la proximidad,
la continuidad, la similaridad, la
repetición de patrones y un ritmo
adecuado.
Lo contrario de armonía es
descompensación, desequilibrio o
disonancia.
SECCIÓN DE REFERENCIA
Principio del diseño: Unidad / armonía
Principios del diseño
Unidad y Armonía Equilibrio/Balance Jerarquía Escala/Proporción
Dominación/Énfasis Similitud y Contraste Ritmo / Movimiento
SECCIÓN DE REFERENCIA
Principio del diseño: Equilibrio / balance
• El peso de las formas y líneas de diseño se realiza mediante
el análisis de la importancia visual dentro de la composición,
intentando equilibrar los elementos de mayor y menos
importancia entre ellos.
• La simetría es uno de sus principales puntos, pero también la
asimetría correcta y el ajuste en radial.
Existen de dos tipos:
Se puede dividir la composición en dos partes completamente idénticas
*Pros:
Percepción de orden.
Muchas veces se evalúa el atractivo visual solo por su simetría.
*Contras:
Puede resultar demasiado previsible y monótono.
No aporta dinamismo al trabajo realizado.
Cado lado de la “división imaginaria” de una composición, los elementos no
se corresponden en tamaño, color, forma o estructura.
*Pros:
Mayor impresión de actividad.
Sensaciones más vitales, más dinámicas.
Consigue evitar la monotonía.
El efecto visual del conjunto aparecerá más rico en matices y más atrayente
en su apreciación.
*Contras:
Se puede caer en el error de agrupar desordenadamente los elementos
provocando el caos o la ambigüedad, perjudicando y degradando los
criterios básicos de la comunicación visual.
El balance añade al trabajo de
equilibrio o estabilidad. La fuerza
detrás del balance es la gravedad.
SIMÉTRICO ASIMÉTRICO RADIAL
Principios del diseño
Unidad y Armonía Equilibrio/Balance Jerarquía Escala/Proporción
Dominación/Énfasis Similitud y Contraste Ritmo / Movimiento
SECCIÓN DE REFERENCIA
Principio del diseño: Jerarquía
• Los diagramas de árbol, nidos y dar un peso preciso a la información,
son algunos de los componentes que hay que tener en cuenta.
Jerarquía
• Jerarquizar es ordenar en función de distintos parámetros diversos
elementos. En el diseño, la jerarquía establece la mayor o menos
importancia de los elementos que incluimos.
La jerarquía es uno de los recursos
visuales más útiles para guiar la lectura.
Ayuda a orientar al
público dónde mirar
primero.
Jerarquía
“La visión se dirige allí, y después
con la propia semántica de la
marca (Big Mac, y el color rojo)
nos da el significado de la
grandeza del producto.
Finalmente y como elemento de
asociación (pero no de prioridad)
aparece el icono de Mac Donald,
para recordarnos a la marca”.
Elementos que nos ayudan a definir la jerarquía:
• Los colores (colores más intensos o visibles cuanto mayor sea la
Jerarquía
importancia).
• El tamaño (aumento proporcional)
• Simetría (o percepción de ella)
• La Posición (situación en la página ya que existen ciertas zonas
de la misma en la que los elementos son más visibles o se
aprecian más rápidamente).
• Las anomalías y analogías
• Tridimensionalidad
SECCIÓN DE REFERENCIA
APLIQUEMOS LO APRENDIDO
• Qué aprendidos se
han aplicado y
cómo?
• Unidad
• Equilibrio y balance
• Jerarquía
SECCIÓN DE REFERENCIA
APLIQUEMOS LO APRENDIDO
• Qué aprendidos se
han aplicado y
cómo?
• Unidad
• Equilibrio y balance
• Jerarquía
Principios del diseño
Unidad y Armonía Equilibrio/Balance Jerarquía Escala/Proporción
Dominación/Énfasis Similitud y Contraste Ritmo / Movimiento
SECCIÓN DE REFERENCIA
Principio del diseño: Escala / proporción
• La proporción es la comparación de las dimensiones o
la distribución de las formas.
• Es la relación de la escala, entre un elemento y otro, o
entre un objeto y un conjunto de partes.
“La escala alude al tamaño de un objeto comparado con un estándar de
referencia o con el de otro objeto.”
Tamaño: Mayor o menor volumen o dimensión de algo.
“La proporción, en cambio se refiere a la justa y armoniosa relación de
una parte con otras o con el todo.”
• La proporción está relacionada también con el
equilibrio y la simetría.
• Puede ayudar peso y profundidad.
Principios del diseño
Unidad y Armonía Equilibrio/Balance Jerarquía Escala/Proporción
Dominación/Énfasis Similitud y Contraste Ritmo / Movimiento
SECCIÓN DE REFERENCIA
Principio del diseño: Dominación / énfasis
• Dar énfasis al resaltar los puntos claves, el color y
tamaño para que el diseño se destaque.
• Logramos un punto de enfoque creando un elemento
que sea el punto de interés dentro de una composición.
Podemos destacar un diseño:
Principios del diseño
Unidad y Armonía Equilibrio/Balance Jerarquía Escala/Proporción
Dominación/Énfasis Similitud y Contraste Ritmo / Movimiento
SECCIÓN DE REFERENCIA
Principio del diseño: Similitud y contraste
• La línea y la división de los oscuros así como de los claros son puntos de
partida de este punto.
• El contraste en el diseño es una acentuación de las diferencias entre los
elementos.
• Permite enfatizar o resaltar los elementos clave. Aunque el contraste
generalmente se aplica usando colores opuestos, el contraste es de hecho
una yuxtaposición de varios elementos del diseño, por lo que incluso
diferencias en texturas (áspero vs. suave), formas (grande vs. pequeño) y
líneas (gruesas vs. finas), solo por nombrar algunos, también crea
contraste. La diferencia entre los elementos es lo que crea el interés visual.
Principios del diseño
Unidad y Armonía Equilibrio/Balance Jerarquía Escala/Proporción
Dominación/Énfasis Similitud y Contraste Ritmo / Movimiento
SECCIÓN DE REFERENCIA
Principio del diseño: Ritmo / movimiento
• El ritmo es la frecuencia con la que se repite un
elemento pero logrando mantener la armonía y
jerarquía de cada uno de los elementos.
• Se repiten como un “latido visual”.
SECCIÓN DE REFERENCIA
APLIQUEMOS LO APRENDIDO
• ¿Qué temas se han
aplicado y cómo?
• Escala
• Dominación / Énfasis
• Similitud y contraste
• Ritmo y movimiento
SECCIÓN DE REFERENCIA
APLIQUEMOS LO APRENDIDO
• ¿Qué temas se
han aplicado y cómo?
• Escala
• Dominación / Énfasis
• Similitud y contraste
• Ritmo y movimiento
Principios del diseño
Unidad y Armonía Equilibrio/Balance Jerarquía Escala/Proporción
Dominación/Énfasis Similitud y Contraste Ritmo / Movimiento
SECCIÓN DE REFERENCIA
ACTIVIDAD ASINCRÓNICA
• Reúnete con tu grupo y discutan qué principios del diseño se han aplicado en las
campañas gráficas que han evaluado para su EC1.
• Tiempo de actividad: 30 minutos
• Tiempo de exposición: 20 minutos
Referencias
bibliográficas
• Villafaña G. (2007). Educación Visual.
Shows you how visual perception is used in
all forms of communication, including
typography, graphic design, photography,
motion pictures and the web. España.
Editorial Trillas Sa. (ISBN 968247951)
• Wong, W. (2011). . Fundamentos del Diseño.
Provides a straightforward examination of
the basic principles of two-dimensional
design. Barcelona: Gustavo Gili. (ISBN
9788425216435)
