DISEÑO GRÁFICO

FUNDAMENTOS DEL DISEÑO

COMPOSICIÓN
SESIÓN 08

01 02 03 04 05 06 07 08 09 10 11 12
 Contenido

1. Borde
2. Márgenes, sangrías, blancos y espacios
3. Jerarquía y orden
4. Leyes de la composición
5. Esquemas compositivos
Práctica 10

3. Características de las imágenes

Revisión Práctica 7
COMPOSICIÓN

En la sociedad contemporánea,
los procesos de comunicación
son masivos y se sustentan en la
imagen.
COMPOSICIÓN

Las nuevas generaciones crecen

siendo impactadas por grandes
cantidades de información
audiovisual.
COMPOSICIÓN

Composición / Diagramación

Es la distribución u organización de
elementos de un mensaje bimedia (texto
e imagen) en un espacio bidimensional
mediante criterios de jerarquización de
la información buscando funcionalidad
del mensaje (fácil lectura) bajo una
apariencia estética agradable.
Pequeño Diccionario del Diseñador. Reimers Design
1. Borde
1. BORDE

Borde. Definición

Delimitante. Cualquier elemento

que sirva para confinar un
espacio a una configuración o
conformación determinada.

(Consuegra, 1976) en Pequeño Diccionario del Diseñador. Reimers Design

1. BORDE

Marco. Definición

Es una forma (rectangular o no)

que contiene la imagen y como
tal tiene su esqueleto estructural
que interfiere en las relaciones
entre sus elementos gráficos.
Esta relación, inevitable, a menudo pasa desapercibida al observador, que se
zambulle dentro de la imagen aislándola del resto mediante el marco.

Alberich, J. y col. Conceptos básicos de diseño gráfico. Universitat Oberta de Catalunya UOC.
Observar cómo cambia una composición con los mismos colores y elementos
gráficos en función del marco. La primera usa una proporción de marco de 3 x 4
(horizontal). La segunda de 4 x 3 (vertical). La tercera un marco redondo.
2. Márgenes, sangrías, blancos y espacios
2. MÁRGENES, SANGRÍAS, BLANCOS Y ESPACIOS

Margen

Espacio en blanco o no
ocupado por elementos gráficos
alrededor de los elementos
principales de una maquetación.
Por el lugar que ocupan se les denomina de las
siguientes maneras: cabeza, pie y costado (derecho e
izquierdo).
Pequeño Diccionario del Diseñador. Reimers Design
2. MÁRGENES, SANGRÍAS, BLANCOS Y ESPACIOS

Márgenes. Funciones técnicas

• Evitar que partes del texto se pierdan

al momento de cortar el papel.
• Dejar una superficie sin texto para la
manipulación de la hoja.
• Ocultar posibles imprecisiones en la
tirada.
• Evitar que la encuadernación obstruya
la lectura.
De Buen, J. (2000) Manual de diseño editorial. Mexico. Santillana
2. MÁRGENES, SANGRÍAS, BLANCOS Y ESPACIOS

Márgenes.

Los márgenes blancos protegen

los ojos del lector contra las
desviaciones de la atención
provocadas por un fondo
intranquilo.

Kapr, A & Tschichold, J. (2013) 130 reglas [clásicas y contemporáneas] para confeccionar un libro con buen criterio.
Madrid, España. Ediciones Cícero & company
2. MÁRGENES, SANGRÍAS, BLANCOS Y ESPACIOS

Sangría / Sangre (Bleed). En ARTES GRÁFICAS

Es el espacio de color que se

extiende más allá de los límites
del documento. De esta forma,
cuando se corta el documento no
se nota el borde blanco del papel.

Pequeño Diccionario del Diseñador. Reimers Design

2. MÁRGENES, SANGRÍAS, BLANCO Y ESPACIOS

Blancos y espacio

En composición, zona no impresa de la

página. Opuesto a negro o mancha. Tienen
que ver directamente con la relación de
placer y legibilidad que produce al lector
la correcta distribución de los espacios y
contrastes (blanco, negro, color).
También denominado «aire»

Pequeño Diccionario del Diseñador. Reimers Design

2. MÁRGENES, SANGRÍAS, BLANCOS Y ESPACIOS

Aire

Espacio dejado en blanco en

una página. Ayuda a separar
gráficos y texto, y brinda al
lector espacios de descanso
que facilitan la simulación de la
información impresa.
Pequeño Diccionario del Diseñador. Reimers Design
David Smith

Josef Müller Brockmann

3. Jerarquía y orden
3. ORDEN Y JERARQUÍA

Jerarquía

La jerarquía exige que en cada

composición haya un elemento
dominante, según el significado
y la finalidad de la misma
composición, y unos elementos
en posición de subordinación.
(18/01/2017) Consideraciones generales sobre la composición. En https://compo2gm1.wordpress.com/tag/jerarquia/
3. ORDEN Y JERARQUÍA

Jerarquía. Orden de lectura

Nuestra cultura occidental

es muy rígida en aspectos
de lectura, desde muy chicos
aprendimos a que debemos leer
todo de izquierda a derecha y
de arriba hacia abajo.
De Gregoria, J. (09/06/2009) La jerarquía y la composición. http://letritas.info/la-jerarquia-y-la-composicion/
IMPORTANTE. Excepción a la regla cuando existe superposición de elementos.
3. ORDEN Y JERARQUÍA

Jerarquía. Tamaño

En un conjunto de elementos
iguales, un elemento de mayor
tamaño será el más importante
del grupo.

De Gregoria, J. (09/06/2009) La jerarquía y la composición. http://letritas.info/la-jerarquia-y-la-composicion/

4. Leyes de la composición (no modular)
4. LEYES DE LA COMPOSICIÓN

Composición informal (de circo)

Este tipo de composiciones

no dependen de cálculos
matemáticos, sino del ojo
sensible a la creación de un
equilibrio asimétrico.
4. LEYES DE LA COMPOSICIÓN

Composición informal (de circo)

No existen procedimientos fijos,

pero sí algunos criterios para
valorar la composición.
• Centro de interés
• Gravedad
• Contraste
4. LEYES DE LA COMPOSICIÓN

Centro de interés
• Una composición debe coordinar sus elementos
alrededor de un centro de interés
• Es una área donde todos los elementos se originan
o cesan, proporcionando drama visual.
• Si el centro de interés se sitúa en el centro
geométrico, la composición resulta estática.
• Por el contrario, se rompe el equilibrio, cuando
el centro de interés está apartado del centro
geométrico.
4. LEYES DE LA COMPOSICIÓN

Gravedad / Posición

El espacio queda dividido

en función de la fuerza de la
gravedad y en el sentido de
lectura occidental de izquierda a
derecha.
Menos pesado Más pesado Menos pesado Más pesado

Menos pesado Más pesado

4. LEYES DE LA COMPOSICIÓN

Gravedad / Posición

• Tiene relación con el peso de las formas y su

equilibrio.
• Crea inestabilidad y movimiento donde todas las
formas tienen atención gravitatoria hacia la parte
inferior del marco de referencia.
• Algunos elementos son más o menos pesados en
función de la ubicación que se les asigne dentro de
la composición.
4. LEYES DE LA COMPOSICIÓN

Gravedad / Posición

Debido al mecanismo de lectura que tenemos en

occidente (izq. a der.) se considera:
Derecha:
• Mayor peso visual
• Están adelantados ópticamente
• Dan idea de proyección y avance
4. LEYES DE LA COMPOSICIÓN

Gravedad / Posición

Debido al mecanismo de lectura que tenemos en

occidente (izq. a der.) se considera:
Izquierda:
• Retrotraen la composición
• Transmiten ligereza visual a medida que nos
acercamos al margen izquierdo
4. LEYES DE LA COMPOSICIÓN

Gravedad / Posición

Debido al mecanismo de lectura que tenemos en

occidente (izq. a der.) se considera:
Superior:
• Adquieren peso mínimo, mayor ligereza
• Se equilibra con el espacio inferior
4. LEYES DE LA COMPOSICIÓN

Gravedad / Posición

Debido al mecanismo de lectura que tenemos en

occidente (izq. a der.) se considera:
Inferior
• El peso es máximo ya que estamos situando
nuestros elementos al borde y carecemos de un
espacio por debajo que equilibre su peso visual.
4. LEYES DE LA COMPOSICIÓN

Contraste

Se refiere a la comparación
de elementos con distintas
características que pueden ser:
color, forma, tamaño, textura,
dirección, posición o una
combinación de varias.
4. LEYES DE LA COMPOSICIÓN

Contraste. Aislamiento

En una composición con un grupo de elementos

iguales, el que se encuentra aislado del grupo es el de
mayor peso.
4. LEYES DE LA COMPOSICIÓN

Contraste. Color
Los colores claros pesan más que los oscuros por que
irradian luz haciendo que la superficie parezca mayor.
Los colores cálidos pesan más que los fríos.
Los colores saturados pesan más que los menos
saturados.

Claros - Oscuros Fríos - Cálidos Menos - Más saturados

4. LEYES DE LA COMPOSICIÓN

Contraste. Color
Si el fondo es neutro el objeto que presenta más peso
es el que presenta mayor contraste.
4. LEYES DE LA COMPOSICIÓN

Contraste. Interés intrínseco del objeto según su

complejidad de forma
Las formas son más pesadas cuanto más fáciles son de
reconocer. Así las formas básicas geométricas serán las
más pesadas.
5. Esquemas compositivos
5. ESQUEMAS COMPOSITIVOS

Esquemas compositivos

El esquema compositivo es un
conjunto de líneas maestras
que organizan los espacios
donde van a estar situados los
elementos visuales.
5. ESQUEMAS COMPOSITIVOS

Esquemas compositivos

Son esquemas formados por

figuras geométricas (polígonos,
círculos, óvalos), líneas rectas
y/o curvas relacionadas entre sí,
o redes modulares (simples o
complejas).
5. ESQUEMAS COMPOSITIVOS

Esquemas compositivos simples más usados

Simétrico En triángulo Ovalado En diagonal En forma de L

En forma de T En aspas En cuña En forma de S Radial

La composición. Educación Plástica Visual.

5. ESQUEMAS COMPOSITIVOS

Simétrico

• Es un tipo de equilibrio compositivo estático.

• Relación espacial que ordena los elementos de
una composición formando partes iguales pero
contrapuestas.
• El peso se reparte equitativamente a ambos lados
del eje o centro de simetría.
• La creación de una imagen simétrica nos transmite
una sensación de orden y descanso.
5. ESQUEMAS COMPOSITIVOS

Triángulo

• Da gran estabilidad a las formas situadas en su

base y limita la expansión de las formas en la parte
superior.
5. ESQUEMAS COMPOSITIVOS

Óvalo

• Movimiento.
• Produce una sensación visual de movimiento
envolvente, donde las formas parecen flotar.
5. ESQUEMAS COMPOSITIVOS

Diagonal
5. ESQUEMAS COMPOSITIVOS

En “L”
5. ESQUEMAS COMPOSITIVOS

En “T”
5. ESQUEMAS COMPOSITIVOS

En aspas
5. ESQUEMAS COMPOSITIVOS

En cuña
5. ESQUEMAS COMPOSITIVOS

En “S” / ”Z”
Práctica 8
PRÁCTICA 8

PRÁCTICA 8
Collage: “Infografía / Esquema de composición”
Tema: Principios de la Gestalt
Consigna: A partir de un esquema de composición
diseñado por el grupo, elaborar una collage sobre la
temática “La Gestalt” que explique sus leyes.
Materiales: revistas, periódicos en desuso o cualquier
otro material; pegamento, tijeras, hojas A2
Cantidad: 1 lámina A2
Tiempo: 60m (Entregar 1 hoja de planificación:
Materiales, boceto de esquema, roles/funciones)
Elaboración + Exposición: Próxima clase
PRÁCTICA 8

Principios de la Gestalt
1. Similitud
2. Continuación
3. Cierre
4. Proximidad / Agrupación
5. Figura-fondo
6. Simetría y orden
PRÁCTICA 8

Contenidos de la lámina A2
a. Esquema compositivo (Jerarquía)
b. Ilustración Principal (a mano)
c. Ilustraciones secundarias (ejemplos impresos)
d. Textos explicativos

NOTA: El «color» dominante será el negro

Lecturas sugeridas
Fundamentos del diseño Leyes de la Gestalt;Decoración de un plato
(https://sarabenavidesfullana.files.wordpress.com/2014/05/act-3-ley-de-la-
gestalt1.pdf)

Otros principios o leyes de Gestalt:

h) Principio de Dirección común i) Principio de igualdad (o equivalencia)
j) Principio de Birkhoff k) Ley de la transposición
l) Principio de Jerarquización m) Principio de memoria o de la experiencia

Las leyes de la Gestalt

(http://www.mindmatic.com.ar/gestalt.pdf)

Percepción visual (visitar contiene ejercicios interactivos)

3.1 Leyes de la visión de la Gestalt
(http://cv.uoc.edu/annotation/2a8c76657e215adb7c99901a3020ebbe/505423/
PID_00216991/modul_1.html)
Bibliografía
Wong, W. (1991) Fundamentos del diseño bi- y tri-dimensional. Barcelona.
España, G. Gili
Fundamentos de diseño. (2016) Atenea. La Paz, Bolivia
De Buen, J. (2000) Manual de diseño editorial. Mexico. Santillana
Kapr, A & Tschichold, J. (2013) 130 reglas [clásicas y contemporáneas] para
confeccionar un libro con buen criterio. Madrid, España. Ediciones Cícero &
company
Pequeño Diccionario del Diseñador. Reimers Design
Alberich, J. y col. Conceptos básicos de diseño gráfico. Universitat Oberta de
Catalunya UOC.
PRÁCTICA 8
Materiales

• Hojas A2
• Investigar: Principios de Gestalt
• Lecturas sugeridas