Вы находитесь на странице: 1из 43

PUBLICIDAD

La Composición

PROFESOR: HARI
OBJETIVO
Comprender los fundamentos
básicos del diseño gráfico:
composición, diagramación,
jerarquía.

There is no recipe for a good layout.


What must be maintained is a
feeling of change and contrast.
ALEXEY BRODOVITCH
Pioneering graphic designer and art director
La Composición «Composición, literal y generalmente
hablando, significa reunir y disponer
Diversos autores, bajo la influencia de
la escuela psicológica alemana llamada
diversas cosas, formando un solo Gestalttheorie –teoría de la forma–,
conjunto, de modo que todas ellas han sintetizado y potenciado el concepto
contribuyan a constituir la naturaleza y la de composición y le han conferido una
bondad del mismo conjunto» dinámica propia.
(J. Ruskin) John Dewey, por ejemplo, define y explica
«antes de la composición impera el ampliamente el concepto de composición
caos, sin la composición, sólo existen las como «la organización de las energías
cualidades particulares. Unicamente la para tender acumulativamente hacia
composición es capaz de abrazar la un todo terminal que es la esencia del
obra de arte en su totalidad» arte».
(Matisse)
La Composición Una composición revela la existencia
de elementos diversos más de cuanto
En las artes gráficas el término
composición debe conquistar un sentido
se hubiera podido esperar: unos, mucho más amplio y real; para ello,
por ejemplo, afectan a la retina y al el vocablo deberá designar, además,
cerebro; otros atañen más de cerca a la tarea de disponer en el espacio-
la psicología, influyendo directamente formato varios signos, según una
en el entendimiento y en la voluntad. idea directriz, para obtener un
Por consiguiente: «El elemento común a resultado estético que provoque el
todas las artes tecnológicas y útiles es la efecto deseado y una lectura fácil y
organización de la energía como medio agradable.
apto para producir un resultado»
El dibujo es la forma más básica y
(J. Dewey).
elemental de realizar una composición,
como tal, el dibujo tiene por lo menos 5
ventajas:
1. Rápido desarrollo de concepto
2. Composición básica o layout
3. Comunicación con el cliente y
aprobación
4. Exploración visual
5. Refinar soluciones visuales
Lectura sugerida: From Sketch to Vector Illustration
(http://gomedia.com/zine/tutorials/from-sketch-to-
vector-illustration/)
Principios del Vamos a ver que hay muchas maneras
de hacer una composición de una imagen
A – LEYES GENERALES
1. Ley de la unidad o el orden estético

diseño visual y que la manera en que disponemos los


elementos en el plano pueden ayudar a
2. Ley de la armonia
3. Ley de la variedad y el interés
4. Ley del resalte y la subordinación
dar más sentido a la comunicación. Como
5. Ley del contraste o del conflicto
en todos los casos de la comunicación,
no sólo importa lo que decimos, sino B – EL RITMO
también, cómo lo decimos. 1. Cinética
2. Ritmo contínuo
A continuación veremos algunos de
3. Ritmo simple alterno
los elementos sintácticos de la imagen 4. Ritmo compuesto alterno
o principios del diseño visual más 5. Ritmo creciente
importantes:
C- SIMETRÍA
1. Matemática
2. Reflejada o axial
3. Rotatoria
4. Desplazada
5. Dilatada
6. Asimetría

D – LEYES ESPECÍFICAS
1. Semejanza y diferencia
2. Proximidad
• Proximidad por distancia
• Proximidad tangencial
3. Articulación con superposición y penetración
4. Ley de cierre
5. Forma total
• Forma total onum
• Forma total en dúo
Principios del La función de una composición debe resolverse en la unidad, es decir, en una
armonía viva y total entre lenguaje y signo, entre contenido y forma. Por consiguiente,
diseño visual la unidad en la composición es el fin último de toda la organización de las fuerzas, una
unidad vital para el mismo fin: la unidad estética del producto, el arte.
Leyes Generales
1. Ley de la unidad o el orden estético
2. Ley de la armonia
3. Ley de la variedad y el interés
4. Ley del resalte y la subordinación
5. Ley del contraste o del conflicto
Principios del Un diseño es armónico cuando hay un cierto equilibrio, una relación positiva entre
líneas y masas. Una composición diseño armonioso provocan sensación de unidad, de
diseño visual que todo fluye apropiadamente y que todo está en el lugar adecuado. La armonía de
color es a menudo el factor clave del éxito de un diseño.
Leyes Generales
1. Ley de la unidad o el orden estético
2. Ley de la armonia
3. Ley de la variedad y el interés
4. Ley del resalte y la subordinación
5. Ley del contraste o del conflicto
Principios del Esta ley consiste en el modo de escoger los elementos que componen la
composición . Su presencia consiste en la necesidad de crear un interés que, a su vez,
diseño visual tiene su razón de ser en la mismo variedad que provoca la novedad de la composición.

Leyes Generales
1. Ley de la unidad o el orden estético
1. Ley de la armonia
2. Ley de la variedad y el interés
3. Ley del resalte y la subordinación
4. Ley del contraste o del conflicto
Principios del La ley del resalte exige, pues, que en cada composición haya un elemento dominante,
según el significado y la finalidad de la misma composición. Establece en cada
diseño visual composición un punto principal de atracción significa obrar con lógica para obtener la
unidad requerida.
Leyes Generales
1. Ley de la unidad o el orden estético
1. Ley de la armonia
1. Ley de la variedad y el interés
2. Ley del resalte y la subordinación
3. Ley del contraste o del conflicto
Principios del Un elemento se distingue del resto por su singularidad, por ser especifico. Un objeto
puede contrastar con otros por color, forma, tamaño, cualidades intrínsecas del propio
diseño visual objeto. Esta característica parece ser una constante esencial de orden compositivo
general. El principio del contraste va ligada a la ley del resalte y de la subordinación,
Leyes Generales del ritmo y del equilibrio.
1. Ley de la unidad o el orden estético
1. Ley de la armonia
1. Ley de la variedad y el interés
1. Ley del resalte y la subordinación
2. Ley del contraste o del conflicto
Principios del Es la sucesión y armonía de los
valores visuales: dibujo, espacio,
diseño visual claroscuro, color, dimensión,
movimiento… y EQUILIBRIO, puesto
El Ritmo que el ritmo debe aplicarse con
racionalidad y coherencia lógica. Todo
1. Cinética
debe armonizar finalmente con las
2. Ritmo contínuo leyes psicológicas de la legibilidad y del
lenguaje para producir en grado óptimo
3. Ritmo simple alterno la sensación requerida.
4. Ritmo compuesto alterno Se llama ritmo VITAL el que concierne
5. Ritmo creciente al acontecer natural de la obra de la
naturaleza.
Se llama ritmo EXPRESIVO o ESTÉTICO el
que concierne al desarrollo de las obras
del hombre.
Principios del Se basa en el movimiento de las fuerzas
mismas que actúan en la operación
diseño visual compositiva, deberá regir como factor
esencial de la ley del ritmo.
El Ritmo
1. Cinética
2. Ritmo contínuo
3. Ritmo simple alterno
4. Ritmo compuesto alterno
5. Ritmo creciente
Principios del Representación gráfica de formas sucesivas, acompañas en continudad.

diseño visual
El Ritmo
1. Cinética
2. Ritmo contínuo
3. Ritmo simple alterno
4. Ritmo compuesto alterno
5. Ritmo creciente
Principios del Logrado simplemente con la diferente ubicación de las formas.

diseño visual
El Ritmo
1. Cinética
2. Ritmo contínuo
3. Ritmo simple alterno
4. Ritmo compuesto alterno
5. Ritmo creciente
Principios del El intervalo correspondiente al espacio de dos formas.

diseño visual
El Ritmo
1. Cinética
2. Ritmo contínuo
3. Ritmo simple alterno
4. Ritmo compuesto alterno
5. Ritmo creciente
Principios del Cuando las formas “sonidos” van creciendo, como podría igualmente suceder con los
intervalos.
diseño visual
El Ritmo
1. Cinética
2. Ritmo contínuo
3. Ritmo simple alterno
4. Ritmo compuesto alterno
5. Ritmo creciente
Principios del Armonía de posición de las formas o sus
partes con respecto a centros, puntos,
diseño visual ejes o planos.

Simetría De acuerdo con su origen y naturaleza, la


simetría presenta:
1. Matemática
• surge del conocimiento de las leyes
2. Reflejada o axial del crecimiento u ordenamiento en la
naturaleza.
3. Rotatoria
• del valor que da el hombre a lo
4. Desplazada gravitatorio y de las formas naturales en
funcionamiento con el mismo.
5. Dilatada
• de la necesidad de un máximo rendimiento
6. Asimetría con un mínimo de esfuerzo, es decir,
necesidades económicas.
• de las necesidades humanas de ordenar
estéticamente las formas.
Principios del Evidenciación del uso matemático-geométtrico de la armonía de posición de una
forma y sus partes con respecto a un eje ubicado en la mitad de la forma.
diseño visual
Simetría
1. Matemática
2. Reflejada o axial
3. Rotatoria
4. Desplazada
5. Dilatada
6. Asimetría
Principios del Representación de la armonía de posición de dos formas con respecto
a un eje fuera de la forma.
diseño visual
Simetría
1. Matemática
2. Reflejada o axial
3. Rotatoria
4. Desplazada
5. Dilatada
6. Asimetría
Principios del Armonía de posición de formas con
respecto a un punto fuera de las formas.
diseño visual
Simetría
1. Matemática
2. Reflejada o axial
3. Rotatoria
4. Desplazada
5. Dilatada
6. Asimetría
Principios del Evidenciación de la simetría de posición
de unas formas respecto a formas
diseño visual desplazadas.

Simetría
1. Matemática
2. Reflejada o axial
3. Rotatoria
4. Desplazada
5. Dilatada
6. Asimetría
Principios del Simetría por dilatación de una forma.

diseño visual
Simetría
1. Matemática
2. Reflejada o axial
3. Rotatoria
4. Desplazada
5. Dilatada
6. Asimetría
Principios del También denominada ritmo libre, se da cuando la sucesión rítmica varía
indefinidamente en la composición. Se deriva de la simetría; es vigorosa, diferente, por
diseño visual tanto la operación compositiva deberá tener un peso equilibrado para permitir una
visibilidad más clara de la composición.
Simetría
1. Matemática
2. Reflejada o axial
3. Rotatoria
4. Desplazada
5. Dilatada
6. Asimetría
Principios del Tensiones propiamente dichas – son los
medios que se emplean como factores
diseño visual sensibles, físicos y materiales de la
composición; sin ellos, la composición no
Leyes Específicas podría existir, no pudiendo verificarse, por
tanto, los resultados propuestos como leyes
1. Semejanza y diferencia generales. Son leyes específicas:

2. Proximidad
• Proximidad por distancia
• Proximidad tangencial

3. Articulación con superposición y


penetración
4. Ley de cierre
5. Forma total
• Forma total onum
• Forma total en dúo
Principios del – Para poder apreciar la semejanza o
diferencia, es necesario la comparación de
diseño visual dos o más formas o de dos o más grupos.
– Para que haya semejanza debe existir la
Leyes Específicas diferencia.
1. Semejanza y diferencia
2. Proximidad
• Proximidad por distancia
• Proximidad tangencial

3. Articulación con superposición y


penetración
4. Ley de cierre
5. Forma total
• Forma total onum
• Forma total en dúo
Principios del El hombre ordena las formas dándoles
distancia o proximidad unas a otras.
diseño visual
Leyes Específicas
1. Semejanza y diferencia
2. Proximidad
• Proximidad por distancia
• Proximidad tangencial

3. Articulación con superposición y


penetración
4. Ley de cierre
5. Forma total
• Forma total onum
• Forma total en dúo
Principios del Organizada por tensiones subyacentes.

diseño visual
Leyes Específicas
1. Semejanza y diferencia
2. Proximidad
• Proximidad por distancia
• Proximidad tangencial

3. Articulación con superposición y


penetración
4. Ley de cierre
5. Forma total
• Forma total onum
• Forma total en dúo
Principios del Cuando las partes de las formas, se atraen
suficiente hasta llegar a tocarse.
diseño visual
Leyes Específicas
1. Semejanza y diferencia
2. Proximidad
• Proximidad por distancia
• Proximidad tangencial

3. Articulación con superposición y


penetración
4. Ley de cierre
5. Forma total
• Forma total onum
• Forma total en dúo
Principios del Cuando las fuerzas de atracción son tan
grandes que interpenetran las formas,
diseño visual dándose una unidad indisoluble.

Leyes Específicas
1. Semejanza y diferencia
2. Proximidad
• Proximidad por distancia
• Proximidad tangencial

3. Articulación con superposición y


penetración
4. Ley de cierre
5. Forma total
• Forma total onum
• Forma total en dúo
Principios del En cuanto al origen para el individuo existe una necesidad imperativa de ver y conocer una
forma en su totalidad, es por esto que cuando una forma está inconclusa, consciente o
diseño visual inscoscientemente, el hombre la completa.

Leyes Específicas
1. Semejanza y diferencia
2. Proximidad
• Proximidad por distancia
• Proximidad tangencial

3. Articulación con superposición y


penetración
4. Ley de cierre
5. Forma total
• Forma total onum
• Forma total en dúo
Principios del El hombre subordina las partes hacia el todo
y nunca las considera aisladas, sino formando
diseño visual parte de una forma unitaria.

Leyes Específicas
1. Semejanza y diferencia
2. Proximidad
• Proximidad por distancia
• Proximidad tangencial

3. Articulación con superposición y


penetración
4. Ley de cierre
5. Forma total
• Forma total onum
• Forma total en dúo
Principios del Cuando existe la unidad presente. El ojo
humano totaliza y organiza las partes de una
diseño visual forma en unidad.

Leyes Específicas
1. Semejanza y diferencia
2. Proximidad
• Proximidad por distancia
• Proximidad tangencial

3. Articulación con superposición y


penetración
4. Ley de cierre
5. Forma total
• Forma total onum
• Forma total en dúo
Principios del Cuando la unidad de los elementos es subyacente. El ojo humano totaliza varias formas en
una sola de acuerdo a las leyes anteriores.
diseño visual
Leyes Específicas
1. Semejanza y diferencia
2. Proximidad
• Proximidad por distancia
• Proximidad tangencial

3. Articulación con superposición y


penetración
4. Ley de cierre
5. Forma total
• Forma total onum
• Forma total en dúo
Ley de los Tercios En las artes visuales como la pintura,
fotografía y diseño, la regla de los tercios
es una forma de composición para ordenar
objetos dentro de la imagen. Esta regla
divide una imagen en nueve partes iguales,
utilizando dos líneas imaginarias paralelas
y equiespaciadas de forma horizontal y dos
más de las mismas características de forma
vertical, y recomienda utilizar los puntos de
intersección de estas líneas para distribuir los
objetos de la escena.
Ley de los Tercios
Ley de los Tercios
Ley del Horizonte En los paisajes no es recomendable
colocar el horizonte en el centro del
encuadre, para evitar la sensación de que
la imagen está dividida en dos partes
iguales.
Así evitamos la simetría en la composición
que, desde un punto de vista estético, puede
resultar poco estimulante.

Opción no recomendada:
El horizonte divide
verticalmente la imagen en
dos partes, creando una
cierta simetría.
Ley del Horizonte

Opción recomendada:
El horizonte lo hemos hecho
coincidir con el tercio inferior
lo que proporciona un mayor
protagonismo al cielo.
Ley del Horizonte Al encuadrar una fotografía es recomendable
situar el horizonte sobre una de las líneas
divisorias.
Ley del Horizonte El horizonte debe ocupar 1/3 de la
composición total.
Encargo en Clase con entrega por correo
EJERCICIO: TRABAJO SE INICIA EN CLASE, SE FORMATO
Genere 4 composiciones distintas con TERMINA EN CASA: A4.
los elementos entregados en link. • Genere Bocetos, primer armado digital

Aplique lo aprendido hasta ahora


(tipografía, color, forma y composición).

Вам также может понравиться