Unidad I: Fundamentos del

diseño gráfico
Teoría del color
 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.tSustitució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

Teoria del color

En el arte de la pintura, el diseño gráfico, la fotografía, la

imprenta y en la televisión, Teoría del color es un grupo de
reglas básicas en la mezcla de percepción de colores para
conseguir el efecto deseado combinando colores de luz o
combinando colores reflejados en pigmentos. La luz blanca
se puede producir combinando el rojo, el verde y el azul,
mientras que combinando pigmentos cian, magenta y amarillo
se produce el color neutro.

En el diseño, el color es muy subjetivo. Lo que produce una reacción en una persona puede provocar
una muy distinta en otra. A veces esto se debe a las preferencias personales, otras debido a factores
culturales. La teoría del color es una ciencia en sí misma.

El color es un atributo que percibimos cuando hay luz. Todo el mundo que nos rodea es de colores
siempre y cuando haya luz.
Los pigmentos se definen como “Una sustancia de color que es insoluble en el medio donde es
esparcida. Un pigmento se distingue de una tinta o una tintura porque estos últimos son solubles en
los medios o vehículos con los cuales son mezclados. Son usualmente clasificados o categorizados
de acuerdo a su origen, ya sea orgánico (animal, vegetal u orgánico sintético) o inorgánico (mineral o
inorgánico sintético)”

1. Propiedades del color:

a. Matiz:
Es un atributo del color que nos permite diferenciar
un color de otro. El Matiz se define como un atributo
de color que nos permite distinguir el rojo del azul,
y se refiere al recorrido que hace un tono hacia uno
u otro lado del circulo cromático, por lo que el verde
amarillento y el verde azulado serán matices diferentes
del verde

b. Saturación:

Representa el grado de pureza de un color, es decir no contiene en su mezcla nada decolores

neutros (blanco y negro) o sus complementarios. Cuanto más intenso, más puro y vivido es un
color.

c. Luminosidad:

Es la cantidad de luz que tiene cada color, aspecto que nos permite diferenciar a un color claro
de un oscuro. Ejemplo: verde claro de un azul intenso.

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

d. Intensidad:

Cuando se parte de un color saturado (puro) se agrega progresivamente negro para producir
escalas bajas, o blanco para producir escalas altas. Así estamos modificando su intensidad.

2. Círculo cromático

Se estima que el ojo humano puede distinguir alrededor de 10

millones de colores.

Estas dimensiones son la saturación, la brillantez y el tono. El

resultado de todo este cocktail son tantas combinaciones que
el número total de colores que nuestro cerebro puede procesar
es infinito.

i. Colores Primarios:

Se le conoce con este nombre al cian, magenta y amarillo porque

no es posible obtenerlos con ninguna mezcla son colores puros
con los cuales pueden procesar toda una gama de colores. Se
considera primario al color que no se puede obtener mediante la
mezcla de ningún otro.

ii. Colores Secundarios

Estos colores se obtienen con la mezcla de dos colores primarios en

cantidades iguales.
Ejemplos:
Amarillo + cian = verde.
Amarillo + magenta = rojo
Magenta + cian = azul intenso

 
iii. Colores Terciarios

Para obtener los colores terciarios, procedemos a mezclar un color

primario con un color secundario adyacente en el círculo cromático.
Ejemplos:
Amarillo + rojo = naranja
Amarillo + verde = verde claro
Cían+ verde = verde esmeralda
Cían + azul intenso = azul ultramar
Magenta + azul intenso = violeta
Magenta + rojo = carmín

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

iv. Cuaternarios:

Son similares al terciario, pero con la diferencia

es que están aún más mezclados, pues aquí
también se mezclan colores terciarios con otros
colores o entre sí. Si por ejemplo mezclamos
el color violeta con el color amarillo anaranjado
tendremos una verde oliva. La gama de estos
colores es prácticamente infinita, por lo tanto,
tendremos millones de ejemplos.

3. División de colores

a. Colores cálidos

El ardiente remite al rojo de máxima saturación en el círculo

cromático; es el rojo en su estado más intenso.
Los colores ardientes se proyectan hacia fuera y atraen la atención.
Por esta razón, a menudo se usa el rojo en letreros y el diseño
gráfico. Los colores ardientes son fuertes y agresivos, y parecen
vibrar dentro de su espacio propio. El poder de los colores ardientes
afecta a la gente de muchas maneras, tales como el aumento de la
presión sanguínea y la estimulación del sistema nervioso.

b. Colores fríos

El frío remite al azul en su máxima saturación. En su estado más brillante es dominante y fuerte. Los
colores fríos nos recuerdan el hielo y la nieve. Los sentimientos generados por los colores fríos azul,
verde y verde azulado son opuestos a los generados por los colores ardientes; el azul frío aminora el
metabolismo y aumenta nuestra sensación de calma.

c. Colores claros

Los colores claros son los pasteles más pálidos. Toman su

claridad de una ausencia de color visible en su composición,
son casi transparentes. Cuando la claridad aumenta, las
variaciones entre los distintos tonos disminuyen.
Los colores claros descubren los alrededores y sugieren
liviandad, descanso, suavidad y fluidez. Se parecen a las
cortinas transparentes de una ventana, y envían un mensaje
de distensión. Son el color marfil, rosa, celeste, beige...

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

d. Colores oscuros

Los colores oscuros son tonos

que contienen negro en su
composición. Encierran el
espacio y lo hacen parecer más
pequeño. Los colores oscuros
son concentrados y serios
en su efecto. En cuanto a las
estaciones, sugieren el otoño
y el invierno. Combinar juntos
los claros y los oscuros es una
manera común y dramática de
representar los opuestos de la naturaleza, tales como el día y la noche.

e. Colores brillantes

La claridad de los colores brillantes se logra por la omisión del gris o el negro.
Los colores azules, rojos, amarillos y naranjas son colores de brillo pleno. Los
colores brillantes son vívidos y atraen la atención. Un bus escolar amarillo, un
racimo de globos de colores, el rojo de la nariz de un payaso nunca pasan
inadvertidos. Estimulantes y alegres, los colores brillantes son colores perfectos
para ser utilizados en envases, moda y publicidad.

4. Combinación de colores

A la hora de escoger una gama de color para nuestros diseños, no existe una verdad absoluta para
tomar la correcta; al igual que no la hay para equivocarte de manera total en la elección (bueno, esto
quizá sí que ocurra) Tenemos que escoger la gama de colores que más se adecue a lo que nosotros
queremos que reflejar. Y queremos reflejar una cosa concreta, dependiendo de para quien sea el
diseño. Ya lo decíamos “la inspiración tiene que encontrarte trabajando”, así que comencemos por
el principio.

a. Combinaciones de Colores con ayuda del Círculo Cromático

i. Armonías de color

Como decimos, es fácil combinar colores a través de lo representan. Sabemos los sentimientos
que representan, no es lo mismo usar el rojo que el azul, y la combinación entre ellos, es muy
distinta que si usamos verde y amarillo… Si queremos hablar de calidez, pero desde una nueva
perfectiva, podemos combinar el naranja con el marrón, pero si lo que buscamos es llamar la
atención, nos vendrá mejor la combinación del naranja con el violeta. Como hemos repetido
en varias ocasiones, hay que conocer cada uno de los colores para poder combinarlos entre sí
(Venga, un último vistazo a la guía rápida antes de comenzar! )

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

Pero hay determinadas ocasiones en las que a veces nos cuesta trabajo jugar con los colores a través
de lo que representan. No tenemos claro de si esa combinación de colores es buena para lo que
buscamos.

Por esto, hay una herramienta que hace la combinación de colores mucho mas fácil: el circulo
cromático. En el podemos ver representado cada uno de los colores por lo que puede ser una guía
útil para trazar las principales combinaciones entre ellos.
Podemos combinar los colores como deseemos, pero las armonías de colores nos pueden ayudar a
que esto sea más fácil. Cuando hablamos de armonías, recordemos que son combinaciones generales
de colores, a través de las cuales podemos ir jugando a su vez con distintos colores.

Las principales armonías son:

““ Monocromática
““ Complementaria
““ Tríadico
““ Tetrádica
““ Análoga

Dependiendo del efecto que queramos crear, nos tendremos que decantar por una de ellas. No es lo
mismo, si quiero crear contraste o si lo que busco es suavidad.

b. Combinación de colores

i. Combinación Monocromática: Usamos una gama de color en la que solo se incluyen

distintas tonalidades del color principal. Al usar un solo color, es un buen recurso cuando
queremos expresar un sentimiento concreto.

Gama monocromática a partir del color rojo

ii. Combinación Complementaria: Perfecta para cuando queremos expresar contraste,

pues usa el color principal y su opuesto. Ideal para llamar la atención.

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

iii. Combinación de colores tríadicos: Se compone por tres colores repartidos uniformemente
en el círculo cromático. Imprimen fuerza por el contraste, pero también armonía al introducir
un tercer color.

iv. Combinación colores tétradas: Es conocida como la doble complementaria al usar

cuatro colores, complementarios dos a dos. Es una combinación muy armónica, pero hay
que tener cuidado pues está usando muchos colores.

v. Combinación colores análogos: Usa dos o tres familias, colocadas una al lado de otras
dentro del círculo cromático. Crea más contraste que la gama monocromática, pero
claramente no tanto como la complementaria.

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

Una vez tengamos los colores desde los que queremos comenzar, los colores puros, podemos
ir cambiándoles contraste, intensidad… hasta llegar al tono de color que más se adecue a lo que
estamos buscando.
Cómo Combinar Colores con el Círculo Cromático: Naranja

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

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

vi. Combinaciones a partir del color violeta

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

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

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

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

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