MANUAL PARA DUMMIES

COLOR Y
COMPOSICIÓN
N
PARA DUMMIES
UN MANUAL PARA ENTENDER LO QUE NO ENTENDISTE EN UN SEMESTRE

Introducci
n
¡Hola estimado lector!
A lo largo de este manual te ayudaremos
a entender de manera sencilla y utilizando
ejemplos gráficos aquellos aspectos
que conforman el color así como los
elementos que so e de una composición,
ambos son conceptos fundamentales
dentro del diseño gráfico y por eso estos
ejemplos serán tomados de esta disciplina
usaremos carteles, infografías, diseños
en portadas, branding, logos, además de
proyectos audiovisuales, este manual
será una guía perfecta para el desarrollo
de cualquier proyecto de diseño que
tengas en mente logras tener la base
teórica para llegar a materializar tus
ideas, acompaña a nuestros diseñadores
en este viaje dentro de los más importantes
conceptos de esta hermosa disciplina.
Edición:
Miguel Valencia
Alex Lara
Información:
Karla Rivera
Corina Maya
Personajes:
Vanessa Prado

EL COLOR

El color es ese elemento sugestivo presente
en la naturaleza que resulta del
fenómeno de radiaciones electromagnéticas
de ciertas ondas emitidas por los
cuerpos y percibidas por el ojo humano
¿confuso? lo es si no empezamos por definir
que es el espectro electromagnético.
El espectro es una distribución de diferentes
tipos de ondas que se clasifican
según su longitud, encontramos dentro
de dicho espectro todas las ondas conocidas,
pero solo ciertas ondas estimulan
la retina del ojo humano, la luz es el
efecto de dichas radiaciones visibles,
cuando el ojo recibe solamente una de
tales radiaciones entonces vemos un
color, cada color entonces pertenece a
un acierta longitud de onda, los cuerpos
tienen un poder de absorción de ondas
aquellos que absorben todas se convierten
en objetos negros si refleja todas será
blanco y si solo absorbe algunas será de
algún color.
Las longitudes de onda se
miden en nanómetros solo las
que van de 400 a 700 son las
que pueden ser vistas.
Esta portada emblemática de
Pink Floyd ejemplifica la descomposición
de haz de luz en
los diferentes colores.

CONOCE A NUESTROS DISEÑADORES
VANESSA
Se encargara de
hacerte ver los errores
más
frecuentes
en el uso
de la teoría
ALEX
MIGUEL
Cuando aparezca
sabrás que te
proporcionara
información valiosa
Explicará y
Dejará mas
claros los
ejemplos
KARLA
CORINA
Corina se
encargara de
proporcionarte
datos interesantes
sobre el
ejemplo.
Hay cosas que
son tan importantes que
merecen ser repetidas
Karla se encargara de
aquello que te conviene
memorizar.

SINTESIS ADITIVA:
LUZ
AZUL
VIOLETA
LUZ
MAGENTA
SINTESIS ADITIVA:
•Serie de fenómenos que se da al reunir
luces de color
•Es la suma de radiaciones con diferentes
longitudes de onda
•Juntas se obtiene el blanco
LUZ
ROJA
LUZ
VERDE
LUZ
CYAN
LUZ
BLANCA
LUZ
AZUL
VIOLETA
las luces primarias son:
luz roja, luz verde, luz
azul violeta
LUZ
VERDE
LUZ
ROJA
LUZ
AMARILLA
para la síntesis aditiva se ha
realizado un modelo de representación
llamado RGB, cada
letra es la inicial de las luces
primarias en inglés (Red, Blue,
Green)

SINTESIS SUSTRACTIVA:
MAGENTA
•Fenómeno que se da al mezclar pigmentos
VIOLETA
•Es la superposición de diferentes pigmentos
•Al sumarse dos pigmentos el resultado es
un color más obscuro
•Juntos se obtiene el negro
CYAN
AMARILLO
ROJO
NEGRO
MAGENTA
los colores primarios son:
cyan, magenta y amarillo, si
los pigmentos se mezclan su
poder de absorción incrementa.
AMARILLO
CYAN
VERDE
La síntesis sustractiva se representa en un
modelo llamado CMYK, cada letra es la inicial
del los colores primarios en inglés (CYAN, MA-
GENTA YELLOW, BLACK) se usa la letra K para
referirse al color negro resultado de la mezcla
entre los 3 primarios, no se usó la letra B para que
no se confundiera con la del modelo RGB.)
Una manera sencilla de memorizar
ambos esquemas
es teniendo en cuenta que
aquellos colores primarios
en luz son secundarios en
pigmento.

En este ejemplo se muestra de
manera independiente cada
color de la síntesis sustractiva
la fotografía fue tomada y trabajada
por el fotógrafo billy kidd quien
hizo una serie de fotografías
donde se podía ver el desprendimiento
por capas de los colores
que forman la imagen.

LOS COLORES COMPLEMENTARIOS:
Con la suma de dos colores complementarios
se obtienen los 3 colores
primarios.
en este cartel vemos la presencia
de los colores amarillo
y azul violeta ambos son
complementarios por que el
azul violeta es resultado del
magenta y cyan que son
primarios.
En 1930 La Administración de
Electrificación Rural en USA contrató
al diseñador gráfico Lester
Beall para crear una serie de carteles
que ilustran los beneficios de
la electrificación. Estos carteles, y
una colección de otros trabajos,
muestran la influencia de uno de
los grandes diseñadores gráficos
de Estados Unidos, Lester Beall
(1903-1969).
Los colores complementarios
estan directamente
opuestos en
el circulo cromatico

CONCEPTOS BASICOS DEL COLOR:
Los siguientes son los términos que se usan
dentro de la teoría del color es importante
que como diseñador se manejen estos conceptos
con habilidad y por eso trataremos de
ir directamente al punto para evitar confusiones.
COLORES ACORMATICOS:
Blanco negro y grises
la agencia Bronx (París) diseño
toda la serie de carteles realizados
para la edición 65 del festival de
Cannes se hicieron con colores
acromáticos, debido a que en
dicha edición se homenajeo a
artistas de los años 50.
MATIZ O TONO:
Permite clasificar los colores se refiere a la
longitud de onda que puede reflejar una
superficie.

INTENSIDAD O SATURACIÓN:
Indica la pureza de un color para variar la intensidad
de un color se le mezcla un acromático
SATURADO- MÁS BRILLANTE
MENOS SATURADO - MENOS BRILLANTE
Generalmente se comete el error de usar el término
de “TONO” para referirnos a un cambio de saturación
en el color, recuerda que si quieres referirte a la variación
de un color debes usar el término más o menos
saturado.
VALOR LUMINOSIDAD O BRILLO:
los tres conceptos se refieren a
la claridad u obscuridad de un
color
En
esta serie de
carteles podemos
observar un cambio
en la saturacion y
luminosidad de los
colores
el amarillo resulta
el de mayor valor
solo después del
blanco y el café y
el violeta son los
del valor más
bajo.

LA TEMPERATURA EN LOS COLORES
Cuando nos referimos a la "temperatura de un color" no hablamos de una característica
física que se pueda medir en grados Centígrados (aunque eso parezca).
No, al hablar de temperatura nos referimos a aquel factor que cada color le despierta
al espectador sensaciones cuando lo observa. Generalmente asociamos
los colores cálidos a la idea de fuego y los colores fríos a la idea del agua.
COLORES CÁLIDOS
Amarillo-anaranjado
Anaranjado
Rojo- anaranjado
Rojo
Rojo-violeta
COLORES FRIOS
Verde
Amarillo-verde
Verde-azul
Azul
Azul-violeta
Violeta
es fácil saber que
colores son fríos y
cuales son cálidos
si dividimos el
circulo cromático
en dos partes a la
derecha se encuentran
los cálidos
y a la izquierda
los fríos.

En estas páginas hemos abarcado algunos términos
de suma importancia referentes al color es
vital que se tomen en cuenta si queremos tener un
lenguaje y una base teórica apropiada para el uso
del color en el diseño, más adelante veremos las
formas en que se puede usar el color en una composición
de acuerdo a lo que queremos lograr con
nuestra propuesta gráfica.
A continuación y para dejar claros algunos conceptos
vistos en esta primera parte queremos mostrarte
el siguiente video donde se hace referencia
a conceptos del color, habrá términos que veremos
más adelante , si estás leyendo la versión
digital solo usa el mouse para reproducir el video si
está leyendo la versión impresa escanea el código
QR

LA ARMONIA
Armonizar significa coordinar los diversos valores
que el color puede ir adquiriendo y provocando
en una composición.
Al mismo tiempo la armonía requiere que se
moderen las varias formas de contraste.
Para que una composición satisfaga a la vista
como un sentido de viveza e interés es necesario
que el color recurra al contraste.
¿Pero qué elementos nos permiten lograr contraste
entre colores?, en el capítulo anterior
vimos términos como: colores complementarios,
saturación, tono, colores acromáticos, y
temperatura de color, si lo pensamos un momento
nos damos cuenta que podemos recurrir
a ellos para lograr un contraste, ¿pero
cómo? Usando estos términos por supuesto
que existen opciones y variantes para lograr
contraste y las veremos a continuación, es importante
recordar que es de suma importancia
mantener la armonía en nuestras composiciones
no podemos hacer uso de colores al
azar. Con esto claro veamos qué tipos de contraste
existen:

CONTRASTE DE TONO
se utiliza entre los diversos tonos cromáticos,
los colores más fuertes son la base sin modulación
alguna.
Esta portada para CD vemos
como se usan diversos tonos y
que los colores base son los
mas fuertes
la agencia FLAT diseño la portada
del album “AWAKE ” del gruopo
de musica alternativa tycho

CONTRASTE BLANCO Y NEGRO
Se logra con el uso de los tonos acromáticos,
blanco, negro y gris.
Las portadas de estos albums
tienen contrastes en blanco y
negro, en la portada del album
podemos ver que el fondo es
negro y en los singles este
cambia a blanco
CONTRASTE DE SATURACIÓN
Es la modulación de un tono saturado, puro,
modulado con blanco
Es evidente el uso de diferentes
saturaciones de color rojo. los
tonos mas fuertes quedan hasta
arriba y de ahi se va desaturando
hacia el fondo

CONTRASTE DE SUPERFICIE
menos espacio para los colores calientes y
más espacio para los colores fríos
Otra portada de disco !! en esta
la abundancia de colores frios
es mayor, solo el centro contiene
colores calidos, de esta
manera se logra contraste de
superficie.
CONTRASTE DE SIMULTANEO
producido por la influencia que cada tono
ejerce recíprocamente, en los otros al yuxtaponerse
¿YUXTAPONERSE? Es decir aproximarse.

CONTRASTE DE COLORES COMPLEMENTARIOS
Dos complementarios, con sus derivados,
ofrecen armonía y equilibrio.
El logo de FedEx, tiene un claro
contraste de complementarios
al usar el amarillo naranja y
morado.
CONTRASTE DE CALIDOS Y FRIOS
Dos colores procedentes de dichas derivaciones.
en el centro se ubican colores
calidos mientras que el fondo
cuenta con colores frios, esto
genera profundidad en la
imagen.

CONTRASTE DE COLORES COMPLEMENTARIOS
Dos complementarios, con sus derivados,
ofrecen armonía y equilibrio.
El logo de FedEx, tiene un claro
contraste de complementarios
al usar el amarillo naranja y
morado.
CONTRASTE DE CALIDOS Y FRIOS
Dos colores procedentes de dichas derivaciones.
en el centro se ubican colores
calidos mientras que el fondo
cuenta con colores frios, esto
genera profundidad en la
imagen.

DINÁMICA DE LOS COLORES
• Dinámica de los colores, sensación de movimiento.
• Los colores claros y fríos se ensanchan y elevan
• Los colores oscuros y calientes bajan, pesan,
cierra,
• Escala dinámica de colores: rojo, amarillo,
verde y cyan. El verde y el amarillo tienen una posición
media
• Para crear la sensación de perspectiva se exige
la comparación de dos colores.
• La dinámica disminuye al aumentar la iluminación
o el oscurecimiento.
• Un color frio saturado puede pasar delante de
un cálido si están saturados, más no si estos son
puros.
En el primer ejemplo
podemos ver como el amarillo
aumenta la perspectiva
y la ilumminacion mientras
que en la fotografia de
abajo se cierra en el primer
caso nos permite enfocar
nuestra vista al centro y en
el otro debemos recorrer
toda la imagen para llegar
al objeto

Lenguaje de los colores:
ROJO
• Salir al encuentro
• Alegría, entusiasmo y comunicación
• Pasión, emoción, acciones de agresividad, peligro,
guerra
AZUL
• Reservado, alejamiento
• Confianza, armonía, afecto, amistad, fidelidad y
amor
VERDE
• Reservado y esplendoroso
• Esperanza, naturaleza, juventud, deseo, descanso,
equilibrio
AMARILO
• Color radiante de luz
• Egoísmo, envidia, odio, adolescencia, risa,
placer
ANARANJADO
• Fuego flameante
• Regocijo, fiesta, placer, aurora
VIOLETA
• Ausencia de tensión
• Calma, auto-control, dignidad, aristocracia, violencia,
agresión, engaño, hurto, miseria.
OCRE OSCURO
• Cosas concretas y comunes
• Resistencia, fuerza y vigor.
BLANCO
• Inocencia, paz, infancia, alma, divinidad, estabilidad
absoluta, alma, armonía
NEGRO
• Muerte, asesinato, noche, ansiedad
• Seriedad, nobleza, pesar
GRIS
• Desconsuelo, aburrimiento, pasado, vejez, indeterminación,
ausencia de vida, desanimo

A continuación te invitamos a hacer un ejercicio interesante
sobre el lenguaje de los colores,nosotros analizaremos la primera
imagen y luego dejaremos un par de ejemplos para que tú
realices un par de análisis.
Vamos a analizar de acuerdo al texto anterior la cromatica de
la escena de una pelicula y al final veremos si el lenguaje del
colorcoincide con la idea de la pelicula en dicha escena
BLANCO AZUL VIOLETA NEGRO
-alma
-Afecto -Violencia -Muerte
-inocencia -Amor
-Asesinato
-Pesar
La paleta de color coincide de aucuerdo
a la escena e incluoso corresponde
a los elementes que la
conforman en estricto orden de
izquierda a derecha, Magia?, no lo
creo.

Te dejamos un par de ejemplos mas.la primera”Mad
Max: Furia en el camino”ganadora del
oscar a mejor direccion de arte y nominada a
mejor fotografia, la segunda “revenant” ganadora
de mejor fotografia...quizas sea por algo

Te dejo un par de ejemplos audiovisuales mas
sobre psicologia del color, observa el manejo
de los colores en ambos casos , el primero usa
el color blanco y elsegundo usa una gran cantidad
de tonos.

Esquema de color:
Dentro de una composición es importante definir que numero de colores serán utilizados,
esto es importante ya que permite definir desde un principio como se
usara el color, a partir del esquema podremos definir el tipo de contraste y la dinámica
que deseamos generar.
Clasificamos los esquemas de color de acuerdo al número de colores que se
usaran de la siguiente manera
MONOCROMIA
Solo se usa un color.
BICROMIA
Se usan dos colores
TRICROMIA
Se usan tres colores
El ilustrador francés con sede en
Londres, Malika Favre fue el encargado
de crear una serie de
carteles, folletos e ilustraciones
para los Premios BAFTA 2015.

El modelo RGB es la
tricromía más básica
POLICROMIA
Se usan mas de 4 colores
Cuando establecemos un esquema de color no consideramos
ningún acromático ni tampoco el número
de saturaciones de un color.

COMPOSICION
Coordinación, según una idea directriz, de las
fuerzas connaturales de las cosas para obtener
un efecto estético deseado por el autor y
una fácil lectura.
FUNDAMENTALES
.
Composición clásica o estática
Es la composición basada en los motivos
estéticos
perennes
que se han venido afirmando a través de los
siglos en
todas las expresiones artísticas fundamentales,
y
que intentan expresar los cambios del espíritu
mediante
normas bien precisas y determinadas.
Busca acentuar el sentido de continuad y
eliminar lo que
puede sugerir movilidad, evolución y transformación.
.

FUNDAMENTALES
DINAMICA O LIBRE:
Composición dominada por el contraste,
no se inspira en reglas constantes, sino que
se inclina a
expresar la sensación del momento

DERIVADAS
CONTINUA
La acción se desarrolla dominando la totalidad del
espacio-formato con una narración continua, sin que
ningún punto preciso sea determinado por un interés
preponderante.

ESPIRAL
La imagen se construye en
base a una espiral.
DERIVADAS

POLIFONICA
Varios temas compositivos desarrollados
simultáneamente y que se
complementan entre sí.
DERIVADAS

LEY GENERAL DE LA UNIDAD
La función de una composición debe resolverse en la
unidad, por lo que la unidad es el fin último de toda la
organización de las fuerzas.
LEY ESPECIFICA:
Ley de la variedad y el interés :
El interés nace de la variedad: el interés es creado por el
conflicto que surge en la variedad de elementos.

LEYES ESPECIFICAS DE LA UNIDAD
Ley de la variedad y el interés :
El interés nace de la variedad: el interés es creado por el
conflicto que surge en la variedad de elementos.
Ley del resalte y la subordinación
La unidad requiere que la tensión sea resuelta por un
elemento o fuerza dominante, los demás se le subordinan.
Esta subordinación es lo que permite el orden y la
unidad en la composición.

LEYES ESPECIFICAS DE LA UNIDAD
• Ley del contraste o conflicto
La estructura de una composición de cualquier tipo se
rige casi siempre por la lucha de elementos antagónicos.
.

LEY GENERAL DEL RITMO
Es la sucesión y armonía de los valores visuales
:
Ritmo constante
Es el modo más simple y lógico del ritmo,
consiste en la sucesión regular de un mismo
organismo según un movimiento de traslación
o rotación. Es decir, es una repetición
Ritmo libre
Es una sucesión rítmica que varía
indefinidamente, resultando una
composición dinámica que
genera gran interés.

LEYES ESPECIFICAS DEL RITMO
Simetría lineal
Se da cuando los elementos aparecen
dispuestos sobre una línea.
Simetria radial: Cuando las partes son
simétricas a un centro real o imaginario,
dándose la forma de círculo, hexágono,
pentágono, etc.
.
.

LEYES ESPECIFICAS DEL RITMO
Simetría alternada: es aquella en la que
los elementos se
suceden alternadamente.
Simetría bilateral o axial:
Es en la que los elementos están dispuestos
de manera que las partes son
simétricas a un solo eje imaginario como
en un espejo, es decir, es una reflexión. El
eje puede ser vertical, horizontal o inclinado.
.

En el sig. cartel se aprecia el
equilibrio por la percepcion,
y su centro de gravedd entre
dos pesos visuales
EQUILIBRIO

Aqui se puede distinguir el uso
de formulaciones visuales
probocadoras e inquietantes
con el juego del fondo y tipografia
INESTABILIDAD

Este favorece una unidad y se
basa en un orden inicial.
REGULARIDAD

La asimetria aunque es intensa
y variada siempre busca el
equilibrio de los pesos
ASIMETRIA

Este es el rebelde de la
familia ya que es inesperado
y no se ajusta a ningún plan
desifrable
IRREGULARIDAD

La simplicidad es... bueno
es...
es simple y contiene solo lo
elemental
SIMPLICIDAD

El equilibrio es facil de identificar
porque cada unidad
esta situada a lado de una
linea central y corresponde
una con la otra
SIMETRÍA

UNIDAD
Contiene el equilibrio
adecuado y preciso, como
si fuera un objeto unico

Aqui podemos descomponer
los elementos siempre y cuando
exista una relacion entre ellos
FRAGMENTACIÓN

Aqui tenemos unidades
minumas y trata de mantenerlo
consistente y puro
ECONOMÍA

EXAGERACIÓN
Bueno el nombre lo dice
todo, amplifica e intensifica el
mensaje.

PREDICTIBILIDAD
ES convencional
usa el minimo de informacion
y recurre a la experiencia del
observador

ESPONTANIEDAD
Aparentemente no tiene un
plan, pero si un sentimiento,
emotivo e impulsivo

AUDACIA
Es una tecnica visual obvia y
su fin es conseguir una
visibilidad optima

Refleja un tema dominante y
se le hacen cambios y modificaciones
segun sea el tema.
VARIACIÓN

PROFUCIÓN
Esta es un tanto recargada,
ornamentada y un tanto asociada
al poder y la riqueza

Pretende reproducir las
mismas claves visuales del
ojo, una herramienta muy util
para lograrlo seria la cámara
REALISMO

ACTIVIDAD
Esta debe simular el movimientomediante
la representacion
o sugestion

PASIVIDAD
Tiene un equilibrio absoluto y
te remonta a la aquiescencia
y reposo.

SUTILEZA
Si la vas a ocupar debes
tomar en cuanta que indica
una aproximacion visual de
gran delicadeza y
refinamiento

DISTORSIÓN
Desvía y forza el realismo y
produce fuerzas muy intensas

PLANA
Se rige principalmente por el
uso o ausencia de planos

PROFUNDA
Forzada a la reproduccion
de informacion ambiental,
como efectos de la luz y sombras
para aparentar profundidad

SINGULARIDAD
Se centra en un solo tema,
no agrega detalles
adicionales y provoca un enfasis
especifico.

YUXTAPOSICIÓN
Contiene interaccion de estimulos
visuales, con dos claves
juntas activando asi una comparacion,
algo asi como un espejo.

SECUANCIALIDAD
Presentacion que se dispone
a un orden logico.

OPACIDAD
Exactamente lo contrario a la
transparencia,esta se
encarga del bloqueo de
elementos visuales

TRANSPARENCIA
Implica un detalle visual atravez
de la cual es posible ver lo
que esta detrás.

AGUDEZA
utiliza contornos netos y su
finalidad es nitido y facil de
interpretar

COHERENCIA
Expresa compatibilidad
visual y contiene una tematica
uniforme.

CONTINUIDAD
Contiene una serie de conectores
visuales que nos lleva a
la unificacion.

DIFUSIVIDAD
No es muy precisa que digamos,
pero crea mas ambiente,
mas sentimiento y mas
calor.

EPOSODICIDAD
Tiene conecciones muy debiles
entre elementos, sin embargo
refuerza el caracter
individual de cada elemento.

ACENTO
Este es simple, se trata de
realzar un elemento sobre un
fondo uniforme.

NEITRALIDAD
Usa elementos menos provocadores
y es eficaz para
vencer la resistencia y la actitud
del observador

LEYES ESPECIFICAS DEL RITMO
Simetría alternada: es aquella en la que
los elementos se
suceden alternadamente.
Simetría bilateral o axial:
Es en la que los elementos están dispuestos
de manera que las partes son
simétricas a un solo eje imaginario como
en un espejo, es decir, es una reflexión. El
eje puede ser vertical, horizontal o inclinado.
.
TECNICAS VISUALES