11 Reglas de la composición para no diseñadores

ideakreativa.net/11-reglas-de-la-composicion-para-no-disenadores

Creativo News 17 de septiembre de

2019

Reglas de la Composición gráfica

Tener los elementos correctos para su diseño es solo la mitad del viaje para crear una
imagen increíble. Ahora viene la parte donde unes todo para crear una combinación
armoniosa de formas, colores y tipografía, para eso necesitas estas reglas de la
composición.

Incluso como no diseñador, ha reconocido la diferencia entre imágenes visuales

incómodas que lo hacen pensar «algo simplemente no se siente bien» y contenido que
es tan agradable a la vista que lo atrae y lo obliga a mirar. más de cerca en sus
diferentes elementos.

En esta publicación, repasaremos algunas de las formas en que puede aplicar reglas
básicas de composición para crear contenido visual más efectivo y de aspecto
profesional, incluso sin un fondo de diseño.

Reglas de composicion en diseño gráfico fácil con ejemplos

1 Crea un punto focal.

1/18
 Reglas de la composición para diseñadores

Una de las marcas más aparentes de un diseño efectivo es la forma en que atrae su
mirada hacia un punto focal central.

Al igual que con cualquier otra forma de comunicación, cada diseño debe tener un
mensaje central y un objetivo claro. Sin embargo, esto no se puede lograr si el
espectador no sabe dónde mirar primero porque no hay nada que destaque.

Motion Theater / Dan Dos Santos

2/18
Por ejemplo, eche un vistazo a las dos imágenes de arriba. Lo que los convierte en
piezas efectivas de comunicación visual es el hecho de que ambos tienen puntos focales
creados con elementos dominantes. Algunas de las diferentes características que puede
variar para crear dominio en un diseño incluyen:

Talla
Color
Forma
Profundidad
Valor

En el caso del póster a la izquierda, el tamaño de la imagen central y las letras

entrelazadas es mayor en comparación con el resto de los objetos, lo que ayuda a crear
un elemento central y dominante.

Su contraste con el fondo oscuro, junto con la ilusión de profundidad y las líneas que
conducen a él, hacen que nuestros ojos se centren inmediatamente en esta parte del
póster.

El póster de la derecha también atrae la atención de los espectadores hacia un punto

focal claro. En este caso, nuestra mirada se coloca instantáneamente en la cara de la
niña acostada en el suelo.

Además del contraste creado por la camisa verde sobre un fondo apagado, el patrón del
pavimento y el brazo de la mujer con capa crean líneas implícitas que llevan a los
espectadores a enfocarse primero en la cara del sujeto.

2 Crear jerarquía visual.

Reglas de la composición para diseñadores

3/18
El objetivo de un buen diseño visual es orientar los ojos de los espectadores en una
dirección específica.

El primer paso para hacer esto es crear un punto de entrada visual en su diseño
utilizando un punto focal, como se mencionó anteriormente. Luego, puede
proporcionar un camino para que sigan los ojos de los espectadores aplicando otras
reglas, como los principios de jerarquía visual, que guían la disposición de los elementos
de una manera que comunique la importancia relativa de cada uno.

El diseño de la izquierda, por ejemplo, hace exactamente esto al variar ciertas

características, como el tamaño, el contraste, el color, la tipografía y el
espaciado. Incluso un espectador no entrenado en diseño gráfico puede decir que la
parte más importante del mensaje es el título «Campamento justo» en letras grandes y
en negrita blancas.

Sui Tin Sung / Runner’s World Magazine

El diseño de la derecha logra el mismo efecto aplicando los mismos principios de

jerarquía visual. Cuando lo miras por primera vez, lo más probable es que tus ojos sigan
este mismo camino desde el elemento más importante hasta el menos: 1) El título; 2) El
hombre debajo de las palabras; 3) La mujer al lado del hombre; 4) El número «800»; 5)
Y luego el texto en la parte inferior derecha de la página se extendió.

3 Use líneas iniciales.

4/18
 Reglas de la composición para diseñadores

Otra técnica efectiva para crear un viaje visual con su diseño es usar lo que se llaman
líneas iniciales.

Ya sea implícito por la forma natural de los objetos (como el brazo de la mujer que se
extiende en el primer ejemplo anterior) o explícito mediante el uso de líneas reales, las
líneas iniciales se utilizan para dirigir los ojos de los lectores a otros elementos en una
página.

Diseño por día / Brian Stauffer

Un ejemplo perfecto es el diseño a la izquierda, que utiliza esta técnica para llamar la
atención primero sobre el punto focal («desenrollar») y luego orientar los ojos hacia la
información en cada una de las diferentes líneas; primero la lista de nombres en
amarillo, luego las palabras en rojo, y así sucesivamente.

Si bien la imagen de la derecha no es tan llamativa como la primera, también utiliza

5/18
líneas iniciales para orientar la mirada hacia el punto focal. En este caso, las líneas
principales están implicadas por la forma del piano y los tallos alargados de las flores
sobre la cubierta del piano.

4 elementos de escala para crear efectos.

Reglas de la composición para diseñadores

Otra forma de indicar la importancia relativa de los elementos es ajustar su escala. Por
ejemplo, los elementos más importantes suelen ser más grandes y más prominentes que
los menos importantes. De esta manera, la escala se usa para establecer el dominio o el
peso visual de un objeto.

En un diseño efectivo, todos los elementos no deberían tener el mismo peso visual; si es
así, todos competirían por la atención y el espectador no sabría dónde buscar primero.

6/18
Lucrezia Invernizzi Tettoni / Wilco

El póster a la izquierda, por ejemplo, utiliza un elemento de gran tamaño para crear un
efecto dramático y llamar la atención rápidamente hacia un punto focal claro.

El de la derecha usa la misma técnica, pero en este caso se usa para enfatizar la relativa
pequeñez del ave en relación con el búho. Las líneas principales implicadas por las
sombras también nos llevan a mirar desde el búho hasta el pájaro y luego nuevamente
hacia el búho.

5 Equilibra tus elementos.

7/18
 Reglas de la composición para diseñadores

En la mayoría de los casos, querrá lograr un diseño equilibrado para crear armonía
visual. Pero, ¿qué significa exactamente «equilibrio» en el contexto del diseño gráfico?

Según la revista Smashing , el concepto de equilibrio visual se puede comparar con el

equilibrio en el mundo físico. Del mismo modo que la escena de una persona muy
pequeña y otra muy grande sentada en extremos opuestos de un balancín
perfectamente equilibrado sorprendería a la mayoría de los espectadores (ya que esto
sería físicamente imposible), también lo haría un diseño desequilibrado.

Al igual que en el mundo real, cada elemento tiene un peso visual determinado por su
tamaño, color y forma, entre otras cosas. Por ejemplo, un círculo grande tendría mayor
peso visual que uno pequeño; o un objeto altamente texturizado tendría más peso que
un elemento más plano.

Al igual que trataría de equilibrar los objetos físicos en un balancín (haciendo que la
persona más grande se mueva hacia el centro), también ajustaría la ubicación de los
elementos visuales en una página para lograr el equilibrio en un diseño.

8/18
Mahya Soltani / Matt Needle

Sabiendo esto, puede lograr el equilibrio en un diseño mediante el uso de simetría o

asimetría. Si bien el primero a menudo se considera armonioso y equilibrado, también
puede percibirse como aburrido debido a su naturaleza estática. La asimetría, por otro
lado, no se ve convencionalmente como atractiva, pero puede interpretarse como
dinámica y estimulante.

Eche un vistazo, por ejemplo, al diseño de la izquierda. Aunque es asimétrico, con la

mayoría de los elementos colocados en la parte inferior derecha del póster, está
equilibrado por la ilustración, que tiene un peso visual significativo debido a su
contraste con la imagen de fondo oscura.

O considere el póster a la derecha. Es sobre todo un diseño simétrico que, aunque

estático y simple, es cautivador debido al efecto dramático creado por el contraste de la
naranja contra el fondo y el uso efectivo del espacio negativo.

6 Use contraste para enviar un mensaje.

9/18
 Reglas de la composición para diseñadores

El contraste es una de las herramientas más efectivas para resaltar ciertos elementos en
su diseño. Como seres humanos, una de las primeras cosas que notan nuestros ojos es
la diferencia, ya sea una diferencia de color, forma, textura, tamaño o posición, entre
otras cosas.

Por naturaleza, tendemos a agrupar objetos similares y diferenciar entre aquellos que
son diferentes. Tomemos, por ejemplo, el póster de la izquierda. Nuestros ojos se
sienten inmediatamente atraídos por el objeto que más se destaca: el rectángulo
amarillo y las palabras que contiene. Nuestra mirada luego pasa a la cara del sujeto, el
título y luego el texto circundante.

10/18
Proyecto Nosotros / Alejandro Flores

En el segundo póster, vemos el mismo efecto. El color se usa para crear contraste y, por
lo tanto, llama la atención primero a la cabeza del sujeto y luego a sus pies y al mensaje
de texto.

7 Crea un diseño coherente.

11/18
Para crear una imagen visual bien compuesta, también desea unir elementos para
formar un todo. Mediante el uso de elementos complementarios, puede lograr un
sentido de unidad y cohesión.

El póster a la izquierda, por ejemplo, crea efectivamente un todo unificado mediante el

uso de un tema en ejecución que actúa como el hilo invisible que une el diseño. En este
caso, este tema unificador es el uso de formas para crear perspectiva, tanto en el texto
como en la escena tridimensional de la montaña compuesta enteramente de triángulos
simples de diferentes tonos y colores.

Justin Krout / Barthelemy Chalvet

Lo mismo ocurre con el diseño de la derecha. A lo largo de lo visual, se usan los mismos
iconos planos blancos contra un fondo vibrante y colorido.

8 Usa elementos repetidos.

12/18
Otra forma de lograr un diseño coherente es repetir ciertos elementos. De esta forma, el
espectador reconoce un patrón visual y sabe qué esperar a continuación, especialmente
al crear un diseño de varias páginas.

Guías ásperas

En esta revista, por ejemplo, se ven los mismos triángulos de 90 grados en varias
páginas, junto con los mismos tipos de letra y elementos geométricos como círculos y
hexágonos.

13/18
Guías ásperas

El color naranja también se usa constantemente en todas partes, aunque la extensión

final de dos páginas presenta una nueva combinación de color amarillo y negro que
podría sorprender un poco al espectador.

9 Usa efectivamente el espacio negativo

Probablemente hayas escuchado esto antes, pero el espacio negativo (o espacio en

blanco) es tan importante para tu diseño como los elementos positivos. Tiene muchas
funciones dentro de un visual: permite que los ojos de los lectores descansen; da
espacio para vías visuales que el ojo puede seguir; llama la atención sobre los elementos
principales de su diseño; y hace que su diseño se vea limpio, sofisticado y eficiente.

14/18
Budi Satria Kwan / Jon Klassen

Solo mire cómo el diseño a la izquierda se combina creativamente en el espacio negativo

con elementos positivos, llamando la atención primero al colorido horizonte, luego a los
edificios y la lluvia, hasta el hombre solitario con el paraguas.

O considere el ejemplo a la derecha que usa una cantidad significativa de espacio

negativo para crear una sensación de drama y suspenso. Además, es útil para resaltar la
pequeñez de una cabaña en medio de un entorno vasto y árido.

10 Usa cuadrículas para alinear tus elementos.

Una forma de garantizar que su diseño no se vea desorganizado y poco profesional es

utilizar cuadrículas para alinear sus elementos.
15/18
Envato

Observe cómo estos dos carteles usan el mismo diseño de cuadrícula para colocar los
elementos de manera armoniosa y visualmente atractiva. Dado que el diseño ya está
predeterminado, hace que el trabajo de componer su diseño sea mucho más fácil.

16/18
Envato

Por lo tanto, en lugar de simplemente mirar la ubicación de sus elementos, intente usar
una cuadrícula para que sus diseños se vean más organizados y equilibrados. También
pueden ayudarlo a identificar sus puntos focales y diseñar el camino visual que desea
que tomen los ojos de los espectadores.

11 Sigue la regla de los tercios.

Reglas de la Composición gráfica

Finalmente, existe la regla muy importante de los tercios, que puede seguir
simplemente dividiendo el área del lienzo en tercios, tanto horizontal como
verticalmente, como se ve arriba. De acuerdo con este principio simple, sus puntos
focales deben estar en las intersecciones de estas líneas.

Aunque no es un principio que deba seguirse para todos y cada uno de los diseños, la
regla de los tercios es útil para crear diseños dinámicos que no sean completamente
centrados y simétricos.

También relacionada con la regla de los tercios está la secuencia de Fibonacci. Cuando
se expresa como un rectángulo, produce una espiral dorada vista en muchas piezas
artísticas conocidas, así como en la naturaleza, desde huracanes hasta pétalos de flores.

17/18
Cuando superpone la espiral de Fibonacci en los dos carteles anteriores, ve que ambos
tienen elementos colocados de acuerdo con esta proporción dorada y tienen puntos
focales en la intersección de una cuadrícula invisible de tercios.

¿Cómo has aplicado estas reglas de composición para crear mejores diseños? Nos
encantaría escuchar sus comentarios y preguntas. O, si desea compartir su proyecto con
nosotros, no dude en enviarnos una línea en la sección de comentarios a continuación.

Resumen
Artículo
11 Reglas de la composición para no diseñadores
Descripción
Tener los elementos correctos para su diseño es la mitad
del camino, ahora necesitas las REGLAS DE LA
COMPOSICIÓN GRÁFICA para unir todo
Autor
ideakreativa
Publicación
ideakreativa
Logo

18/18