COMPOSICIÓN
VISUAL
Objetivos
❑ Comprender los elementos, principios y teorías que sustentan la
composición del mensaje visual.
Contenidos de Aprendizaje
❑ Unidad . Equilibrio. Ritmo. Movimiento
❑ Contraste. Encuadre. Tercios.
❑ Direccionalidad. Horizonte.
COMPO
SICIÓN
Equilibrio y Recorrido Visual
Uno de los más grandes retos de la enseñanza
del diseño gráfico es que los alumnos
aprendan un concepto básico, pero nada
simple… composición.
LA COMPOSICIÓN
Es la organización de los elementos visuales
(formas, colores, texturas,…) en el espacio físico.
Son estructuras compositivas que se han utilizado
a través de la historia por los artistas y
diseñadores en la organización de sus obras.
pero…
¿Qué es la
composición?
Es disponer de los distintos elementos
Gráficos dentro de un espacio visual,
de tal forma que transmitan de manera
objetiva un mensaje.
Involucra relaciones entre tamaños, direcciones,
texturas, colores, pesos, alineamientos.
Aprenderla no es sencillo, pero sí
fascinante una vez que se empieza.
¿Qué es el
Encuadre
Encuadre
Consiste en ubicar nuestro punto de interés.
Ley de los
Tercios
Ley de Tercios
En toda imagen hay
que saber distinguir
entre lo que hay que
destacar y lo accesorio.
La composición debe estar al servicio de los centros de interés de la imagen
PUNTO DE
INTERÉS
Puntos de Interés
Los puntos de intersección son lugares de interés
Puntos de Interés
El uso de esta ley es habitual en fotografía
El centro es un punto
fuerte.
Es recomendable hacer
coincidir los objetos con
estos puntos.
Hay que evitar la frontalidad y buscar la diagonal para
aportar dinamismo a la composición, sobre todo si es
algo estático, rígido y lineal.
¿Qué es el
Equilibrio?
Equilibrio
Es una referencia visual fuerte y firme, una
base sobre la que se elaboran sensaciones
visuales. La linealidad horizontal - vertical es la
relación básica del ser humano con su entorno.
El equilibrio es fundamental en la naturaleza,
ya que su estado opuesto es el colapso.
MAPA
ESTRUCTURAL
El equilibrio puede conseguirse cuando colocamos a ambos lados
de la balanza la misma cantidad, el mismo peso
El proceso de estabilización visual de una imagen
impone primeramente un eje vertical con un
referente secundario horizontal. Los dos establecen
factores estructurales que miden el equilibrio
Es una constante inconsciente. La desestabilización
del equilibrio atrae poderosamente la atención y
crea intranquilidad; es un valor de contraste que se
aleja del equilibrio armónico.
Equilibrio
En toda composición existe un eje vertical imaginario
que divide al plano en dos. Según este eje:
simetría, asimetría y tensión.
Simetría
Es el equilibrio absoluto. La
composición posee la misma
disposición de elementos de
ambos lados del eje. Por lo
general, los afiches simétricos,
buscan generar la sensación de
orden, calma, estabilidad.
EQUILIBRIO SIMETRICO AXIAL O ESPEJO:
MISMO PESO EN EL LADO IZQUIERDO Y DERECHO
EQUILIBRIO
SIMETRICO
RADIAL:
MISMO PESO
EN TODOS LOS
CUADRANTES
EQUILIBRIO AXIAL
Se trata de un ejemplo
perfecto de contrapeso que,
cuando se usa en una
composición visual, produce el
efecto más ordenado y
organizado posible.
El templo griego clásico es un
ejemplo de la simetría y, como
cabría esperar, una forma
visual muy serena.
EQUILIBRIO AXIAL
Es compositivamente más dinámico llegar a un equilibrio de los
elementos de una obra visual a través de la técnica de la asimetría.
Pero esto no es tan fácil.
Las variaciones de los medios visuales implican la existencia de los
factores compositivos de TAMAÑO, DISTANCIA y COLOR .
Una distribución axial del peso basada en el tamaño, peso y también
es posible equilibrar pesos distintos cambiando su posición.
Asimetría
Relaja la composición, no se
siente tanto esa sensación de
orden como en la simetría ya
que, si bien se sigue
distinguiendo el eje, no se posee
el mismo peso en ambos lados.
Proyectan dinamismo.
En composición el equilibrio se basa en la compensación de
unas masas respecto a otras. Esta dada por los siguientes
factores:
a. El tamaño de unas masas respecto a otras
b. La distancia que separa unas masas de otras
c. El valor tonal de unas masas respecto a otras
Tamaño:
•A mayor tamaño
corresponde mayor peso
(fig. 2).
Distancia:
En ella, el punto de apoyo del
brazo que sostiene los
platillos se identifica con el
centro geométrico de la
composición,
comprobándose que un peso
grande puede ser equilibrado
con otro más pequeño
acortando, simplemente, la
distancia que separa el peso
mayor del fiel de la balanza
(fig.29).
Tono:
•Los tonos claros sobre fondo oscuro pesan más que los
oscuros sobre fondo claro (fig. 7).
Forma:
•La forma regular es más pesada que la irregular (fig.
10).
Forma:
La compacidad de la forma respecto a su
centro es más pesada que la dispersión
de la misma (fig. 11).
Tensión
La ruptura absoluta de ordenes
establecidos; se "pierde de vista"
el eje, por lo tanto desaparece el
equilibrio y la imagen "se cae
para un costado".
Tensión compositiva.
La atención se dirige hacia el rombo negro que está sobre el fondo
amarillo. Nuestra vista no deja de observar ese punto, es algo
involuntario.
Lo mas lógico seria que el rombo estuviera en el centro de la
imagen, pero es justo este detalle lo que provoca en los espectadores
esa tensión y sorpresa visual.
Tensión
Existe tensión cuando no logramos reconocer en las formas equilibrio y
regularidad, nos desorientamos, pasamos de un reposo a la tensión.
La tensión desorienta y alerta, exige un esfuerzo extra de atención, un
valor de contraste para acentuar el mensaje.
En el caso de un círculo, la atención será en principio atraída por
aquella imagen cuyo radio se aparte más del eje.
PARA COMPARTIR LA SIGUIENTE CLASE:
1. Selecciona 2 imágenes con equilibrio simétrico axial o espejo.
2. Selecciona 2 imágenes con equilibrio simétrico radial.
3. Selecciona 2 imágenes con equilibrio asimétrico por tamaño,
4. Selecciona 2 imágenes con equilibrio asimétrico por distancia.
5. Selecciona 2 imágenes con equilibrio asimétrico por color
6. Selecciona 2 imágenes de equilibrio con Tensión.
Presenta en un solo pdf.
¿Qué es la
Unidad
cuando un conjunto de elementos se
organizan y se relaciona entre sí; de manera que
acaban representando un solo elemento.
Principio de Continuidad
Los elementos se
articulan entorno a
la construcción del
mensaje.
Principio de Repetición
En diseño utilizamos la
repetición para crear el
sentimiento de unidad y
consistencia a través de
nuestra composición.
Con la repetición
conseguimos un estilo
particular que genera
cohesión, énfasis,
estructura jerarquía y
fortalece el diseño..
Principio de Proximidad
Es la disposición de
elementos dentro de
nuestra composición.
La proximidad puede
generar o nó una
relación entre dos
objetos, generar
relevancia, jerarquía,
estructurar.
¿Qué es el
Ritmo
Ritmo
Repetición de elementos con el fin de
conseguir una composición
armoniosa.
Dicha repetición puede ser constante o alterna, afectadas por el color, la forma, etc.
https://www.youtube.com/watch?v=A1KwKkh-03c
Regular
El movimiento es
uniforme y
constante
Regular
Progresivo
El movimiento es
alterno y varía.
Progresivo
Se altera cualquiera de las
características (color, posición,
tamaño)de los elementos,
generando una jerarquía visual.
Progresivo
Recorrido
Visual
Recorrido
Visual
Es el trayecto que
realiza la vista en
el anuncio publicitario
Recorrido Visual
CÓMO SE LEE?
La vista debe entrar ordenadamente y seguir
un recorrido sin tropiezos para poder observar
y analizar los elementos del anuncio
Este aviso se comienza a leer desde el carro, luego baja al texto y se llega al
muñeco que es principal objeto en el aviso. Por último, se sube la mirada para
poder salir ordenadamente por el logotipo.
Recorrido Visual
Establece
una serie de El orden en la
relaciones.. lectura está
determinado por la
organización.
Elementos gráficos como la presencia de brazos o dedos que
señalan direcciones concretas o la presencia de formas y objetos
puntiformes, así como las miradas de los personajes presentes en
el encuadre .
Conclusiones
En la actualidad el diseñador tiene múltiples formatos donde trabajar
con imágenes. Por ello, siempre será fundamental conocer las
dimensiones finales antes de proceder al diseño.
Recuerda que no es lo mismo el diseño para la página de un períodico
que para la de un libro de texto ilustrado o la de portada de una revista.
Referencias
Munari, B. (2016). Diseño y comunicación visual (2a. ed.). Retrieved from
http://ebookcentral.proquest.com
Regalado, B. M. E. (2008). Lectura de imágenes: Elementos para la alfabetización
visual. Curso básico. Retrieved from http://ebookcentral.proquest.com
Frascara, J. (2012). El diseño de comunicación. Retrieved from
http://ebookcentral.proquest.com
Comunicación para diseñadores. (2009). Retrieved from
http://ebookcentral.proquest.com
