Diseño y Composición: Equilibrio y simetría

La simetría y el equilibrio son algunos de los principios más importantes de la composición del diseño. En este artículo explicaré algunos aspectos básicos de cómo el equilibrio y la simetría afectan a la composición. Ilustraré estos conceptos con carteles reales, imágenes publicitarias y obras de arte digitales. Espero que este artículo te ayude a entender mejor cómo se componen las imágenes y te ayude a hacer mejores composiciones cuando tomes fotos o crees contenido gráfico.

A la hora de crear tus diseños hay algunos aspectos clave que debes tener en cuenta, unas cuantas reglas que te ayudarán a crear mejores composiciones que comuniquen de forma más efectiva tu mensaje y que además hagan que tus trabajos sean más atractivos. Estas reglas son los principios de diseño y entre los básicos que podemos encontrar:

  • Equilibrio
  • Contraste
  • Ritmo
  • Jerarquía

Equilibrio

Es un principio de diseño clave que dicta cómo se deben organizar los elementos de un diseño (en un espacio bidimensional en el caso del diseño gráfico) para que todos ellos (tanto el espacio positivo como el negativo) se compensen entre sí.

Espacio positivo

Compuesto por todos los elementos que forman tu diseño. Son los gráficos, el texto, formas, etc

Balance and symmetry in design
En esta imagen puedes ver un ejemplo de espacio positivo (marcado con flechas amarillas) y espacio negativo (marcado con las flechas azules).

Espacio negativo

Llamamos espacio negativo al espacio que envuelve nuestro diseño, el espacio vacío. En la imagen anterior representa el espacio marcado con las flechas azules.

En la imagen de abajo, el concepto de espacio positivo y negativo se utiliza de forma creativa: El uso del espacio negativo (fondo negro) ayuda a crear la forma del tenedor al mismo tiempo que representa las botellas de vino. El espacio negativo y el espacio positivo representan ambas ideas: comida (tenedor – espacio positivo) y vino (botellas de vino – espacio negativo). (No confundir el espacio positivo y negativo con los colores blanco y negro.)

La imagen es un gran ejemplo de uso positivo y negativo del espacio. De la campaña Food and Wine Festival (http://www.melbournefoodandwine.com.au)

Ahora que sabemos lo que es el espacio positivo y negativo, podemos hablar de equilibrio. Una composición equilibrada es agradable a la vista, mientras que una composición desequilibrada crea tensión visual. Crear una composición desequilibrada no es necesariamente algo malo, todo depende de lo que se quiera comunicar.

Recuerda siempre que el diseño es un tipo de comunicación y que las reglas de composición te ayudan a comunicar tu mensaje de una manera más efectiva. Las reglas de composición te ayudan a crear tu composición de tal manera que tu mensaje sea interpretado por tu audiencia de la manera que deseabas y más eficientemente que colocando tus elementos al azar.

Veamos los diferentes tipos de equilibrio que podemos utilizar en el diseño.

Equilibrio visual o físico

Hay múltiples maneras de lograr el equilibrio en tus diseños: equilibrio por color, por contraste, por proximidad, etc. El equilibrio visual se consigue en función de dónde colocas los elementos de diseño con respecto al centro de tu composición y a su peso. Dos elementos del mismo tamaño pueden tener diferentes pesos.

Example of different elements with different weights. Click on the image to see on full size

Hay que tener en cuenta que el verdadero centro de la composición no es el mismo que el centro óptico. El centro óptico de una composición es un poco más alto que el centro geométrico. Es donde el ojo encuentra el equilibrio de forma natural si no hay elementos que lo lleven a otro punto focal de la imagen.

Punto azul – Centro óptico. Punto amarillo – Centro geométrico de la composición

Colocar los elementos a la misma distancia del centro te ayudará a crear un equilibrio en tu composición. En la imagen de abajo, ambas siluetas de la cabeza están colocadas en el centro del marco a la misma distancia del punto central, lo que da equilibrio y unidad a la composición.

Visual balance in graphic design

Si se colocas elementos lejos del centro, estos pueden ser contrapesados por elementos en el lado opuesto o con diferentes tamaños. En el ejemplo de abajo, el rectángulo rojo en la parte superior izquierda, aunque es más pequeño tiene el mismo peso que el área negra en la parte inferior de la composición.

En esta imagen de Kazimir Malevich el rectángulo rojo está contrapesado por los rectángulos en la parte inferior. En este caso estamos hablando de un equilibrio asimétrico.

Piensa en cada elemento de tu composición como un peso en una balanza o un balancín donde el pivote es el centro de tu composición y la viga es tu lienzo.

El color y la posición del rectángulo rojo le da el mismo peso que la gran área negra en la parte inferior. La forma de la parte inferior es negra cosa que que le da menos peso pero compensa la falta de color por su tamaño y distancia más cerca del centro de la composición.
El mismo diseño representado en una ilustración en 3D. Las flechas indican el peso de cada elemento. La línea vertical central indica el centro de la composición.

Diferentes elementos con diferentes pesos, estos deben ser colocados a diferentes distancias con respecto al centro de la composición si quieres equilibrar la composición.

En la mayoría de los casos, colocar todos los elementos a la misma distancia es aburrido o simplemente no es adecuado para un diseño. También hay que tener en cuenta que contamos con más variables como el contraste por tamaño y el color que nos pueden ayudar a equilibrar nuestro diseño.

Equilibrio asimétrico

Puedes conseguir un equilibrio asimétrico cuando los elementos del diseño se colocan de tal manera que su peso es visualmente desigual en la composición. En otras palabras, una parte de la composición podría tener un gran elemento dominante que es compensado por muchos elementos más pequeños en el lado opuesto como en la imagen de abajo.

Cartel Bauhaus con equilibrio asimétrico. La parte superior es compensada por múltiples elementos más pequeños en la parte inferior.

Si se colocan elementos más cerca del borde inferior de la composición se obtiene un mayor equilibrio y una sensación de estabilidad en la imagen. Aportan peso a la imagen y “arrastran” la composición hacia abajo.

En la siguiente imagen se puede ver otro ejemplo de un equilibrio asimétrico. El cuadrado rojo es contrapesado por múltiples líneas de texto y rectángulos azules en la parte inferior.

Esta imagen de una campaña publicitaria de Oreo es un gran ejemplo de equilibrio asimétrico entre la galleta pequeña pero de alto contraste y el gran vaso blanco de leche.

Equilibrio simétrico

Según este principio, todos los elementos del diseño tienen el mismo peso visual. Estos se colocan a la misma distancia del centro de la composición o del área de enfoque principal. Echa un vistazo a los siguientes ejemplos.

Composición de equilibrio simétrico de una campaña publicitária de NatGeo Wild. Ambos animales forman un equilibrio simétrico desde el centro de la imagen.
Esta imagen de una campaña de Coca Cola muestra un equilibrio simétrico entre el tenedor y el cuchillo. Ambos tienen el mismo peso visual y están situados a la misma distancia del centro de composición a ambos lados.

Equilibrio radial

Esto principio de composición y del equilibrio se explica por si solo. Los elementos están equilibrados en torno a un punto común que suele coincidir con el centro de la composición.

El equilibrio radial es en la mayoría de los casos simétrico. En esta imagen los diferentes brazos emergen del centro de la composición. Fíjate que el centro de la composición es un poco más alto que el centro geométrico de la imagen.
A menudo, el equilibrio radial de los elementos ayuda a enmarcar otros elementos. En esta imagen la silueta de los Chupa Chups se crea utilizando el espacio positivo (la rodaja de piña) que crea una silueta de espacio negativo.

Simetría

La simetría es por lo general un sinónimo de equilibrio. Se podría decir que son términos relacionados porque la simetría implica el concepto de equilibrio. El uso de elementos simétricos en tu composición crea un efecto agradable y armónico. Hay diferentes tipos de simetría, pero la primera que nos viene a la mente es la simetría reflejada.

Design composition theory. Design symmetry
Ejemplo de un objeto con simetría reflejada creado en Photoshop

Composición y equilibrio en el fotomontaje

Ahora que hemos visto lo básico, veamos algo más relacionado con nuestro campo artístico que es la manipulación fotográfica.

Arrástrame al infierno

En el siguiente ejemplo usé simetría para crear los brazos que vienen de alrededor del árbol. Este es un buen ejemplo de una manipulación equilibrada. No comunica nada en particular (al menos no quería comunicar nada en particular aparte de crear una obra gráfica visualmente atractiva). Parece estable desde el punto de vista de la composición.

Tenemos un sujeto principal (la chica) y un encuadre artificial alrededor (los brazos). Estos elementos añaden tensión a la imagen y al mismo tiempo (junto con las cadenas) contribuyen a la idea: atrapado, atado, agonía y posesión.

Es una imagen simétricamente equilibrada: el sujeto está de pie justo en el centro, el árbol crea una línea vertical que añade más poder de “parada” (las líneas verticales denotan: parada, falta de movimiento). La parte más clara del fondo se compensa con la zona oscura de la mitad inferior de la imagen.

Hay mucho espacio alrededor del sujeto (espacio negativo) que le da aún más importancia. En términos de color, todo tiene el mismo tono verde desaturado y la camisa blanca de la modelo atrae la atención del espectador desde el primer momento.

En la parte inferior de la composición las plantas crean profundidad de campo pero no destacan por ser muy oscuras. Sólo quería conseguir más profundidad de campo sin que las plantas llamaran la atención.

El punto central de la manipulación es la cruz roja en la camisa. Este punto está un poco más alto que el centro geométrico. En general, la imagen la debemos leer verticalmente y todos los elementos contribuyen a ello.

Haz clic aquí si quieres ver cómo he creado esta manipulación.

Haz click en la foto para verla a tamaño completo

Conclusión

Mejorar la composición de su diseño depende de muchos factores. Usando los principios del diseño usted obtendrá una mejor comprensión de cómo crear sus obras gráficas. Tendrás más herramientas a tu disposición para comunicar tu mensaje de una manera más efectiva.

La simetría y el equilibrio son una gran tonada a la hora de crear composiciones de diseño visualmente atractivas. Cada vez que añada un nuevo elemento a su composición, debe pensar siempre en por qué lo está colocando en un lugar determinado y no en otro.

Diseño y Composición: Equilibrio y simetría
5 (100%) 2 votes

I'm a self-taught Photoshop artist and like teaching other how to improve their skills. I love design and graphic communication. I've been creating Photoshop tutorials since 2009 for beginners and advanced users
Comments

Deja un comentario

Compartir
10º aniversario de PSD Box. PSD Box celebra 10 años de su fundación. 50% de descuento en toda la web con el cupón PSDBOX10Y Suscríbete
Hello. Add your message here.