Documentos de Académico
Documentos de Profesional
Documentos de Cultura
COMPOSICIÓN GRÁFICA
1. Introducción
El proceso de composición es el paso más importante en la resolución del
problema visual. Los resultados de las decisiones compositivas marcan el
propósito y el significado de la declaración visual y tienen fuertes implicaciones
sobre lo que recibe el espectador. En esta etapa vital del proceso creativo, es
donde el comunicador visual ejerce el control más fuerte sobre su trabajo y
donde tiene la mayor oportunidad para expresar el estado de ánimo total que
se quiere transmita la obra. Pero el modo visual no prescribe sistemas
estructurales absolutos. ¿Cómo podemos controlar nuestros complejos medios
visuales con cierta certidumbre de que al final habrá un significado compartido?
En el lenguaje, la sintaxis significa la disposición ordenada de palabras en una
forma y una ordenación apropiadas. Se definen unas reglas y lo único que
hemos de hacer es aprenderlas y usarlas inteligentemente.
Pero en el contexto alfabetidad visual, sintaxis sólo puede significar la disposición
ordenada de partes y sigue en pie el problema de cómo abordar el proceso de
composición con inteligencia y saber cómo afectarán las decisiones compositivas
al resultado final.
En ese sentido podemos decir que la composición de un diseño es, adecuar
distintos elementos gráficos dentro de un espacio visual, que previamente
habremos seleccionado, combinándolos de tal forma que todos ellos sean
capaces de poder aportar un significado para transmitir un mensaje claro a los
receptores del mismo.
No existen reglas absolutas sino cierto grado de comprensión de lo que ocurrirá
en términos de significado si disponemos las partes de determinadas maneras
para obtener una organización y una orquestación de los medios visuales.
Muchos criterios para la comprensión del significado de la forma visual, del
potencial sintáctico de la estructura en la alfabetidad visual, surgen de
investigar el proceso de la percepción humana. (A. Dondis)
2. Composición y ubicación de los elementos del diseño
De acuerdo con Dondis (1989) “la composición se define como una distribución
o disposición de todos los elementos que se incluyen en un diseño, de una forma
perfecta y equilibrada”.
Para Wucius Wong la composición es: “El resultado visual general obtenido con
la disposición de figuras o formas en un marco de referencia, con el uso
consciente de una estructura”.
En un diseño lo primero que se debe elegir son todos los elementos que
aparecerán en él (esto de acuerdo al concepto que se quiere representar),
luego debemos distribuirlos, en el espacio disponible. Los elementos pueden
ser tanto imágenes, como espacios en blanco o tipografía. Es muy importante,
tener en cuenta de qué forma se situarán estos elementos en la composición
para que tengan un equilibrio formal y un peso igualado.
Diseñar consiste en adecuar distintos elementos gráficos dentro de una misma
área visual, seleccionada previamente para desarrollar nuestra composición,
combinándolos para que aporten un significado que pueda ser trasmitido
gráficamente. Todo mensaje se elabora siempre basado en una combinación,
dotada de una estructura coherente y premeditada. Cada elemento
seleccionado para emplear en una pieza gráfica tiene significación propia en
función de la forma, tamaño, ubicación, etc. que le asignemos.
Nada debe ser gratuito en diseño. El exceso de datos gráficos puede producir
ruido, que en última instancia podría ocultar o enmascarar el mensaje principal
de la comunicación. Es decir que, un diseño debe constituir un todo en el que
cada uno de los elementos gráficos posea una función específica, sin interferir
en los restantes.
El comunicador visual ha de buscar y encontrar las relaciones fundamentales
entre los elementos y el espacio gráfico donde han de interactuar.
Se entiende entonces a la composición como la ordenación adecuada y
armónica de los elementos en una pieza de diseño para comunicar e impactar
visualmente al destinatario con la mayor claridad, síntesis, economía y
efectividad posible.
3. Jerarquía visual
Dentro de una composición rigen diferentes componentes que determinan
una jerarquía. Dicho de otro modo, si todos los elementos de una
composición tuvieran la misma importancia, el mensaje resultaría más
caótico y difícil de interpretar. De esta manera, a la hora de realizar una
composición debemos tener en cuenta los diferentes pesos visuales, los
recorridos y la importancia de cada uno de los elementos.
3.1. Figura y fondo
Una primera aproximación a la jerarquía visual sería la distinción entre
figura y fondo. Así pues, el campo visual suele organizarse en dos
elementos: la figura y el fondo. Tal y como expresa Felicia Puerta:
«La figura adquiere peso visual y dirige la atención debido a que se
emplea más energía para percibir la figura que el fondo, por ello se
considera activa a la forma y pasivo al fondo, pero ambos están unidos,
no existen separadamente.
De acuerdo con la teoría de la Gestalt sobre fondo y figura, la figura es un
elemento que existe en un espacio o «campo» destacándose en su
interrelación con otros elementos. En cambio, el fondo se define por
exclusión: es todo aquello que no es figura. Es la parte del campo que
contiene elementos interrelacionados que no son centro de atención. El
fondo sostiene y enmarca a la figura y por su contraste menor tiende a
no ser percibido o a ser omitido.
4.2. Equilibrio
La composición debe poseer un equilibrio visual y este puede ser formal e
informal, el centro óptico de nuestra presentación no es necesariamente el
centro geométrico ya que el centro óptico estará ubicado ligeramente arriba
del centro geométrico.
a) Equilibrio formal
El equilibrio formal está basado en la simetría, por lo que posee igual peso
en ambos lados de los ejes (centro óptico), de nuestra presentación.
Una pieza que decida seguir este esquema compositivo reflejará el efecto
psicológico de estabilidad, calma y estatismo; ya que asegura una
distribución armónica de los elementos.
b) Equilibrio informal
El equilibrio informal se caracteriza por la fuerza gráfica y el dinamismo.
Prescinde de la simetría y el equilibrio se obtiene contrastando los pesos
visuales de los elementos, buscando diferentes densidades, tanto
formales como de color, que permitan armonizar visualmente dentro de
una asimetría intencionada.
4.3. Tensión
La tensión compositiva puede considerarse como lo opuesto al equilibrio desde
el punto de vista estructural de un diseño. Constituye la fuerza de un diseño y
es lo que consigue inferir movimiento y dinamismo a una composición. Tiene
como finalidad dirigir la mirada y conseguir fijar la atención del observador. La
tensión se puede conseguir con la combinación de líneas y formas agudas e
irregulares. Podemos utilizar distintas técnicas para provocarla, todas ellas
basadas en los recursos de percepción que ponemos en marcha cuando
activamos nuestros mecanismos de captación de información visual. Las
principales técnicas son:
Técnica sugestiva: Consiste en dirigir intencionadamente, a través de
otros elementos, la atención a un punto determinado. Por ejemplo,
muchas líneas confluyen en un mismo punto o muchos personajes
dirigen en la fotografía su atención hacia el mismo sitio.
Técnica rítmica: Basada en la tendencia innata del ojo humano a
completar secuencias de elementos aportando parte de sus propios
conocimientos previamente adquiridos y a percibir elementos
semejantes como un todo tendiendo a agruparlos. Cuando
contemplamos determinada secuencia de elementos (ya sean números,
formas, figuras geométricas o colores), tendemos a agrupar aquellos que
poseen formas semejantes.
Técnica mecánica: Consiste en guiar de manera imperativa la atención del
observador. Puede llegar a ser menos efectivo que las técnicas
anteriormente señaladas, ya que se produce coacción visual sobre el
observador
4.4. Peso visual y espacio compositivo
Otra forma de abordar el equilibro y la tensión es a partir de la noción de peso
visual dentro del espacio compositivo. Esta consideración se basa en que el
espacio compositivo se rige por la fuerza de la gravedad. Por ejemplo, en el
mundo natural estamos acostumbrados a que haya más peso abajo que arriba,
y tendemos a trasladar esta tendencia no solo al diseño de los objetos que
construimos, sino al modo de percibir todo aquello que nos rodea. La relación
superior-inferior se establece, pues, según la orientación espacial de la imagen,
con independencia de que esta se encuentre en posición vertical o en posición
horizontal.
Por otra parte, la relación izquierda-derecha se establece sobre la base de
nuestros hábitos culturales. En la cultura occidental la escritura –y la lectura–
es responsable del poderoso vector dinámico que recorre toda imagen de
izquierda a derecha. La combinación de este vector con el superior-inferior de
la gravedad da origen a las naturalezas contrapuestas de las dos diagonales de
una composición enmarcada en un cuadrado o rectángulo: la descendente y
principal, que va del vértice superior izquierdo al inferior derecho, y la
ascendente y secundaria, del vértice inferior izquierdo al superior derecho.
Los colores cálidos, como el rojo, pesan más que los fríos, como
Color el azul. Determinados colores poseen mayor peso visual que
otros: los colores, cuanto más luminosos sean, mayor peso
compositivo tendrán. Al mismo tamaño, el que posea un color
más intenso y luminoso tendrá más protagonismo en la
composición.
El centro pesa más que los laterales.
Ubicación La coincidencia con alguno de los ejes principales
horizontal-vertical y las diagonales pesa más que otra
descentrada o alejada de dichos ejes.
Arriba pesa más que abajo.
A la derecha pesa más que a la izquierda.
Tono Los tonos claros sobre fondo oscuro pesan más que los
oscuros sobre fondo claro.
A igualdad de fondo, es más pesado el tono que más
contraste.
Una zona negra tiene que ser mayor que otra blanca para
contrapesarla.
La forma regular es más pesada que la irregular. Aquí vale
Forma la pena recordar la ley de la pregnancia o la buena forma,
que determina que las formas simples son más fáciles de
identificar que las complejas.
La compacidad de la forma respecto a su centro es más
pesada que su dispersión. Esto también tiene relación
con la ley de la proximidad, que favorece la integración
en una unidad mayor en la que los elementos se perciben
como integrantes de esta.
Cierre. Se tiende a cerrar las formas buscando una más
estable y sencilla. Esto tiene que ver con la ley de la
continuidad. La unidad lineal tiende a ser continua.
La orientación vertical es más pesada que la oblicua, y
esta, a su vez, es más pesada que la horizontal.
Textura. Las manchas de color cuya configuración sea
geométrica y su textura compacta y densa pesan más que
otras formas, de configuración más libre y textura
porosa, que dejan entrever la superficie del soporte.
Según Arrillaga, lo que diferencia el peso del resto de las fuerzas visuales es que
se trata de una característica intrínseca de cada elemento de la composición,
mientras que otras fuerzas –como la dirección o el movimiento– pueden actuar
sobre la composición con independencia del objeto que las produce o sobre el
que se aplican. No obstante, es difícil separar el efecto de cada uno de los
elementos que actúan en la composición. Así pues, la tensión, por ejemplo,
tendría una clara relación –o a veces resulta coincidente– con la dirección
izquierda-derecha de lectura de la imagen o las direcciones de mirada de los
personajes representados. En este sentido, Dondis afirma más concretamente
que el ojo favorece la zona inferior izquierda de cualquier campo visual. Esto
tiene que ver, como hemos dicho, con los hábitos de lectura, pero también con
esquemas de escudriñamiento que hace el ojo ante una composición. Todo ello
está siendo ampliamente estudiado por la neurociencia cognitiva y no es un
comportamiento igual para cada persona, pero vale la pena tenerlo en cuenta.
4.5.1. Simetría
Una composición posee una simetría axial cuando los elementos se distribuyen
a ambos lados de un eje imaginario situado en la mitad del soporte. El peso de
los elementos debe ser el mismo a ambos lados de dicho eje. Es el tipo de
composición más simple y el resultado suele ser estático.
4.5.2. Asimetría
El equilibrio dinámico suele ser asimétrico en diferentes niveles y, por tanto,
supone un compromiso difícil entre fuerzas desiguales. Es, sin duda, una de las
opciones compositivas más utilizadas y de mayor efectividad. Dos leyes de la
composición podrían considerarse un ejemplo de este tipo de equilibrio:
1. Ley de la balanza. Recibe este nombre porque el esquema compositivo
resultante es semejante al de la figura de una balanza. El pie de la balanza
se sitúa en el centro de la composición y es en este espacio central donde
se representa la figura con más importancia. A ambos lados se
distribuyen el resto de los elementos, equilibrando los pesos. Así pues,
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.
2. Ley de compensación de masas. Esta ley se basa en el equilibrio de los
pesos visuales (el tamaño, el color, la posición). En este caso la figura
principal de la composición se desplaza del centro y pasa a situarse en un
lateral. Para compensar este peso descentrado se colocan otra u otras
formas alejadas del centro, de forma que contrarresten el peso de la
principal. La gran mayoría de las composiciones que existen podrían
encajar de algún modo dentro de esta ley, puesto que la compensación
es un instinto natural en el proceso creativo.
Las leyes de la balanza y la compensación de masas son de una gran aplicación
en el diseño web y se materializan en documentos de plantilla
denominados wireframes.
5. Movimiento
Para Dondis el movimiento es probablemente una de las fuerzas visuales más
predominantes en la experiencia humana, siendo la percepción del movimiento
algo presente en todo lo que vemos, incluyendo las imágenes estáticas (pág.
79). De la misma manera, Bruce Block coincide con Dondis en la idea de que el
movimiento es el primer elemento que atrae la atención. El movimiento se
produce más literalmente en el campo audiovisual por desplazamiento de la
cámara, pero no debe olvidarse el movimiento producido por el recorrido que
realizan los ojos del espectador al mirar la imagen, tal y como hemos visto hasta
ahora.
Así pues, podemos abordar la cuestión del movimiento en la composición a
partir de las nociones de estatismo, estabilidad o dinamismo que están
presentes en determinadas estructuras. A grandes rasgos podría decirse que
las composiciones cuya estructura predominante es horizontal tienden a la
estabilidad.
5.3. Repeticiones
La repetición de elementos gráficos crea un ritmo que agrupa los elementos en
una entidad mayor. Además, el ritmo favorece el movimiento, la sensación
cinética. Esto tendría relación con la ley de dos principios de la Gestalt que
postula que la semejanza favorece la agrupación.
La repetición es, sin duda, uno de los recursos más utilizados en el trabajo de
diseño con módulos que, a su vez, tiene una traducción práctica en un gran
número de aplicaciones de diseño gráfico y textil. En el estilo art déco, la
repetición de elementos decorativos en el marco y estampado de la imagen
está muy presente, tal y como podemos observar en el trabajo de Mucha sobre
la base de la repetición del triángulo.
El texto
Transmite la información escrita de nuestra comunicación. Posee gran
importancia tanto por su contenido como por el emplazamiento que suele
ocupar en el diseño. Según donde ubiquemos las diferentes partes de un texto,
adjudicaremos a éste mayor o menor relevancia y protagonismo.
Atendiendo a esto, el texto de un anuncio puede estar constituido por:
1. Encabezamiento o titular: resume el contenido de la información.
Generalmente se ubica al principio de la composición. Hay que cuidar la
legibilidad y la longitud, son preferibles los titulares cortos y en una sola
línea y procurar que el color contribuya a resaltarlo.
2. Cuerpo de Texto: es aquella parte del texto que nos va a proporcionar
una información más detallada del contenido general de nuestra
comunicación. Es oportuno optimizar su legibilidad por tratarse de un
elemento explicativo del titular. El cuerpo de texto constituye un bloque
compacto que mancha ópticamente la composición. Crea un color tonal
por el peso visual que ejerce.
3. Subtítulos: añaden información. Están ubicados dentro del texto
principal del artículo.
Las imágenes
Pueden presentarse como formas regulares o irregulares. La escala, proporción
y posición que ocupen afectarán la estructura global del diseño. Complementan
la información aportada por el texto. Están constituidas por las ilustraciones
propiamente dichas, las fotografías o formas gráficas, pudiendo adoptar toda
clase de configuraciones. Habremos de combinarlas con el resto de los
elementos gráficos de modo que podamos conseguir el máximo impacto visual.
Las imágenes complementan la información aportada por el texto. Deben, por
tanto, armonizarse con el resto de los elementos, de forma que lleguen a
guardar una estrecha relación con aquel y, sean además visualmente
satisfactorias, y estén ubicadas en la posición adecuada, para poder mantener
un perfecto equilibrio con todo el conjunto.
Debemos tener presentes las múltiples configuraciones que podemos
otorgarles, así como su temática, siempre que se relacione con el
protagonismo que queramos adjudicarle, así como el lugar donde las
situaremos, que en el caso de las ilustraciones será bastante más flexible que
para el resto de los componentes del diseño.
Una imagen o ilustración puede ocupar toda el área de diseño,
constituyéndose como fondo de la composición; o presentarse parcializada
con los contornos claramente definidos. Puede incluso, si optamos por una
forma definida, traspasar los límites de la composición, sin que por motivos de
ubicación llegue jamás a perder su protagonismo.
El número áureo representa la proporción que existe entre dos segmentos, tales que el segmento menor es
al mayor lo que el mayor es a la totalidad.
Con este dibujo, además, se ven de manera muy gráfica y evidente, las zonas
con más interés visual: los puntos de intersección. Como se puede apreciar en
el esquema, el centro de la imagen es la zona “menos interesante” de un
encuadre. El motivo de interés se habrá de situar siempre en A, B, C o D.
Las zonas con más interés visual son los puntos de intersección, o sea, los puntos áureos.
Las líneas básicas del encuadre
El horizonte
Salvo que se haga con una intención muy precisa, el horizonte nunca deberá
partir un encuadre en dos mitades.
Siempre estará situado en uno de los tercios. La elección del tercio superior o
inferior, dependerá de la importancia que adquieran el cielo, la tierra o el agua,
en grandes paisajes, y del nivel a que se encuentra el sujeto más importante.
Tal nivel depende del punto de vista escogido.
Hay que tener en cuenta también la carga psicológica que implica esta elección:
al situar el horizonte (no sólo a los paisajes; en interiores o decorados también
hay horizontes), se resalta el elemento aéreo, espiritual o divino contra el
terrenal.
Las Diagonales
Las líneas diagonales que cruzan el encuadre son el mejor recurso para romper
la monotonía que producen las líneas paralelas al marco. Pero las diagonales
también pueden ser monótonas cuando producen cruces simétricos en el
centro, y aun cuando cortan el cuadro de vértice a vértice. Es preferible que las
diagonales nazcan o mueran en el vértice del horizonte con el marco (tercio), o
en uno de los puntos fuertes si la diagonal es el trazo más importante de la
composición.
Las diagonales nacen, en la mayoría de los casos, del punto de vista elegido y
tienden a unirse en un punto de fuga que se situará, preferentemente, en un
tercio o en un punto fuerte.
La disposición de las líneas que aparecen en el encuadre, ya sean líneas reales
como una barandilla, por ejemplo, formadas por otros elementos (postes de
luz) o por el movimiento de algún elemento (un caballo que se aleja) produce
una serie de efectos visuales particulares:
Las líneas rectas paralelas al encuadre sugieren sensación de orden,
formalidad y solidez.
La línea horizontal sugiere estabilidad, reposo, quietud.
La línea vertical solemnidad, dignidad, paz.
La línea diagonal es la que más sensación de movimiento da.
Las líneas curvas sugieren gracia y dulzura, pero si aparecen en exceso
indican inseguridad y crean movimiento.