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
