Unidad I: Fundamentos del

diseño gráfico
Técnicas de composición
 Módulo: Diseño de ilustraciones
Unidad I: Fundamentos del diseño gráfico

Contenido
1.Técnicas de composición en piezas publicitarias................................................. 3
2.Peso de los elementos........................................................................................ 4
3.Factor de equilibrio........................................................................................... 5
a.Equilibrio Formal...........................................................................................................................5
b.Equilibrio Informal........................................................................................................................5
4.Factor de Tensión.............................................................................................. 6
a.Técnica Sugestiva.........................................................................................................................6
b.Técnica Rítmica.............................................................................................................................6
c.Técnica Mecánica.........................................................................................................................6

5.Factor de Ritmo................................................................................................. 6
a. Para lograr el factor “ritmo” en el diseño podemos seguir los siguientes consejos: 7
6.Recorrido visual de las áreas de diseño.............................................................. 7
7.Ubicación de las imágenes................................................................................. 8
a.Exageración...................................................................................................................................8
b.Sustitución......................................................................................................................................9

2 Dirección de Tecnología Educativa - campus.inatec.edu.ni

 Módulo: Diseño de ilustraciones
Unidad I: Fundamentos del diseño gráfico

Técnicas de composición

Una de las partes más complejas del diseño gráfico es, sin duda, la composición.
Composición: Arte de coordinar, en función decorativa, los diversos elementos de que dispone el
artista para expresar determinados sentimientos por papel o pantalla.

Las técnicas de composición son el punto de inicio, lo principal en un trabajo de diseño gráfico.

Esto se define como una distribución o disposición de todos los elementos que incluiremos en un
diseño o composición, de una forma perfecta y equilibrada.

En un diseño debemos:

»» Escoger todos los elementos que aparecerán en el,

»» Distribuirlos para colocarlos en el espacio disponible

Los elementos pueden ser tanto imágenes, como espacios en blanco, etc. Es muy importante, tener
en cuenta de que forma situaremos estos elementos, en nuestra composición, para que tengan un
equilibrio formal y un peso igualado.

El peso de un elemento, se determina no sólo por su tamaño, que es bastante importante, si no por
la posición en que este ocupe respecto del resto de elementos. Por ejemplo, si queremos hacer
destacar un elemento en concreto, lo colocaremos en el centro.

Cada composición dependerá de su resultado final, para todo ello, es necesario conocer todos los
aspectos y formas para obtener un resultado con un cierto equilibrio.

De primer impacto todo esto puede sonar muy sencillo de realizar, pero en
realidad se deben de tomar en cuenta varios puntos para poder generar
una composición funcional.

1. Técnicas de composición en piezas publicitarias

Para crear una pieza gráfica se puede utilizar una gran variedad de
recursos y plasmar gráficamente el concepto y mensaje de nuestra
campaña.

No son nuestros ojos los que ven, si no nuestro cerebro y, aun que
parezca algo sencillo, este interpreta la información que recibe en
función de diferentes parámetros.

Dirección de Tecnología Educativa - campus.inatec.edu.ni 3

 Módulo: Diseño de ilustraciones
Unidad I: Fundamentos del diseño gráfico

2. Peso de los elementos

El peso visual es la capacidad que tiene un elemento de una composición de atraer la

mirada de aquel que mira la imagen. Cuanto más peso visual tenga algo, más atraerá
la atención del ojo. ¿Qué hace que algo tenga más peso visual que otro elemento?
Los elementos situados a la derecha del área de un diseño oseen un mayor peso
v i s u a l , dan una idea de proyección y avance en la composición.

Los elementos situados en la zona izquierda retrotraen la composición

y transmiten una sensación de ligereza visual más acentuada, según
nos vayamos acercando al margen izquierdo de nuestra página.

El Peso Visual está asociada a la atracción que ejerce sobre nuestra mirada una
forma. A mayor peso visual, mayor atención capta.

4 Dirección de Tecnología Educativa - campus.inatec.edu.ni

 Módulo: Diseño de ilustraciones
Unidad I: Fundamentos del diseño gráfico

FACTORES QUE INTERVIENEN EL PESO VISUAL

A mayor tamaño, mayor peso Tamaño
Colocado en la zona inferior derecha, mayor peso Colocación
Cálidos y saturados ofrecen mayor peso Color
Mayor luminosidad aporta mayor peso visual Luminosidad
Geométricos, cerrados y aislados pesan Contorno
Superficie plana pesa más que las texturizadas Textura

3. Factor de equilibrio

Lograr el equilibrio dentro de la propuesta de composición gráfica, implica proyectar a partir del uso
de diferentes conceptos que se integran para lograr la unidad dentro del campo visual.

Toda composición debe poseer un equilibrio visual: formal también llamado equilibrio simétrico e
informal también llamado equilibrio asimétrico.

a. Equilibrio Formal

El equilibrio formal es aquel que está basado en la simetría, es decir

que posee igual peso ambos lados del eje central (centro óptico) de
nuestra página o pantalla. Reflejaran estabilidad, calma y estatismo.
No supone una composición muy audaz, aunque lo que sí asegura
es una distribución armónica de los elementos.

b. Equilibrio Informal

Las composiciones con equilibrio informal visual no son simétricos,

el equilibrio se logra al contrastar y contraponer los pesos visuales
de los elementos. Se puede introducir una ligera variación en una
figura simétrica desalineando las dos mitades, solapándolas o
añadiendo alguna variación a una de ellas. Los equilibrios informales
o asimétricos proyectan fuerza y dinamismo.

Dirección de Tecnología Educativa - campus.inatec.edu.ni 5

 Módulo: Diseño de ilustraciones
Unidad I: Fundamentos del diseño gráfico

4. Factor de Tensión

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”

Pueden utilizarse distintas técnicas, basadas en los recursos de percepción que se ponen en marcha
cuando se activan los mecanismos de captación de información visual. Las principales técnicas son:

a. Técnica Sugestiva

Consiste en dirigir intencionalmente, a través de otros elementos, la

atención a un punto determinado. Ejemplo: muchas líneas confluyen
en un mismo punto o muchos personajes dirigen en la fotografía su
atención hacia el mismo sitio.

b. Técnica Rítmica

Basada en la tendencia innata del ojo humano a completar secuencias

de elementos portando parte de sus propios conocimientos previamente
adquiridos y a percibir elementos semejantes como un todo tendiendo
a agruparlos. Ejemplo: En este caso, agrupamos los elementos en filas
verticales, eludiendo hacerlo en sentido horizontal cuando todos se
encuentran equidistantes tanto en sentido horizontal como vertical.

c. 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.

5. Factor de Ritmo

Es la repetición secuencial de determinados conjuntos de elementos buscando crear armonía y

movimiento en las composiciones.

6 Dirección de Tecnología Educativa - campus.inatec.edu.ni

 Módulo: Diseño de ilustraciones
Unidad I: Fundamentos del diseño gráfico

Se refiere a la repetición de uno o más elementos en la composición de un diseño, esto con el

fin de obtener cierta secuencia que pude llegar a ser predicha, una cualidad del ritmo es que
permite espacios entre cada elemento que esta conformándolo, llamados Intervalos, además
existen algunos términos que pueden determinar el ritmo como:

»» La proporción, es la relación entre el tamaño de los elementos;

»» El orden, es la armonía que tienen los elementos.
»» Movimiento, es cuando existe alguna progresión entre los elementos

Conocer el recurso del ritmo y como funciona es muy importante porque nos ayuda a orientar la
atención de quien observa hacia el mensaje principal o el contenido que queremos destacar.

a. Para lograr el factor “ritmo” en el diseño podemos seguir los siguientes consejos:
 
i. Alternar elementos de manera secuencial.

ii. Repetición de elementos semejantes, ya sean colores, formas, entre otros.

iii. Provocar una progresión de elementos, mediante la gradación de colores, o una

escala de dimensiones.

6. Recorrido visual de las áreas de diseño

Nuestros diseños deben mantener una estructura de lectura para

alcanzar el éxito en la comunicación. Debemos colocar la información más
importante en la parte superior derecha y seguir ubicando información
en forma descendente y en orden de importancia. La información que
queremos que los usuarios recuerden por, sobre todo, debemos ubicarla
al final del diseño, en el margen inferior derecho.

Dirección de Tecnología Educativa - campus.inatec.edu.ni 7

 Módulo: Diseño de ilustraciones
Unidad I: Fundamentos del diseño gráfico

7. Ubicación de las imágenes

Las imágenes deben ser colocadas en el área de diseño, dirigiendo su atención hacia el centro o
interior de la composición.

Nuestro cerebro interpreta la información que recibe en función de diferentes parámetros:

organización y equilibrio. Estos son factores que rigen nuestra la percepción visual y siempre
debemos tenerlos presentes a la hora de diseñar o componer cualquier imagen.

Dos técnicas para lograr algo distinto o impactante y que

pueden ayudarnos a realizar composiciones visuales más
atractivas son:

a. Exageración.
Esta consiste en intensificar y amplificar alguno o varios
elementos de nuestra composición visual de tal modo
que se logra atraer la atención del que ve la imagen. Algo
no cuadra y, por tanto, hace que fijemos más nuestra

8 Dirección de Tecnología Educativa - campus.inatec.edu.ni

 Módulo: Diseño de ilustraciones
Unidad I: Fundamentos del diseño gráfico

atención para descifrar el mensaje. La exageración es una técnica que cambia de inmediato el
esquema mental a que estamos acostumbrados, en consecuencia, cualquier expresión genera
atracción.

b. Sustitución.

Consiste en sustituir elementos de la imagen por otro que ayude a enfatizar el

mensaje que queremos comunicar. El mecanismo de sustitución forma parte de
las figuras retóricas, que aportan a la publicidad.

Podemos decir que las gráficas que utilizan este recurso logran captar la atención
del espectador que las visualiza. Algo es diferente en ellas, y ese algo, hace que
fijemos nuestra mirada y las recordemos mejor frente a otras.

“Cuando trabajes en un diseño, ten en cuenta tanto las

formas que estás decidido a incorporar (formas positivas)
como las que se crean naturalmente alrededor de esas
otras formas (formas negativas).”

Dirección de Tecnología Educativa - campus.inatec.edu.ni 9

 Módulo: Diseño de ilustraciones
Unidad I: Fundamentos del diseño gráfico

10 Dirección de Tecnología Educativa - campus.inatec.edu.ni