Está en la página 1de 59

El Color

La seleccin del color es no es un proceso tan sencillo como se podra


pensar puesto que hay
consideraciones de identidad, esttica y
usabilidad a tener en cuenta.
Una gran cantidad de conocimiento disponible desde directrices
psicolgicas a las teoras de triadas y color real que ayudarn a tomar
las decisiones correctas cuando se trata del color aplicado en el diseo.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Psicologa del color


La psicologa del color es un campo de estudio que se dedica a analizar
los efectos emocionales y de comportamiento producidos por los
colores y combinaciones de colores.
La psicologa del color es un gran negocio.
Aunque es importante saber cmo las decisiones de color pueden afectar a
las masas. Sin embargo la idea de que hay una respuesta nica, unificada
respecto de los efectos psicolgicos del color es falsa.
Muchas respuestas al color estn enraizadas en las experiencias
personales.
Tambin es interesante tener en cuenta que muchas culturas tienen
asociaciones completamente diferente de la interpretacin de, los colores.
Vamos a explorar entonces algunas asociaciones psicolgicas generales
que la mayora de las personas en las culturas occidentales en respuesta
a los colores especficos.
Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Rojo
Tiene una reputacin de estimular
la adrenalina y la presin arterial.
Junto con esos efectos fisiolgicos,
el rojo es tambin conocido por
aumentar el metabolismo humano,
es un color emocionante y
dramtico .
El rojo es tambin un color de la
pasin.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Los rojos oscuros como el burdeos y el marrn, tiene una sensacin rica,
indulgente,
pueden resultar muy refinados. Suelen ser colores para los amantes del
vino o los conocedores del buen vivir.
El ms terrenal, tonos de rojo pardusco se asocian con la temporada del
otoo y la cosecha.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Naranja
Como el rojo, el naranja es un color muy
activo y enrgico, aunque no evoca la
pasin que
rojo puede.
En cambio, la naranja se piensa para
promover la felicidad, y representa el
sol, el entusiasmo y la creatividad.
Debido a naranja no se presenta
a menudo en la naturaleza,
tiende a resaltar cuando lo
vemos. Por esa razn, es de uso
frecuente para los chalecos
salvavidas, conos de carretera,
y chalecos de caza.
Tambin
estimula
el
metabolismo y el apetito, es
un buen color para la promocin
de los alimentos y cocinar
Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Amarillo
Como el naranja, el amarillo es un color
activo, y ser muy visible, es de uso
frecuente para taxis y seales de
precaucin.
Tambin es asociado con la felicidad.
Una cita annima dice respecto de las
asociaciones con este color "Los bebs lloran
ms en habitaciones amarillas, los maridos
y las esposas pelean ms en las cocinas
amarillas y las cantantes de pera hacen
ms rabietas en vestuarios amarillos.
An si este comentario es cierto o no, el
punto es que el amarillo en exceso puede
ser abrumador.
El que de amarillo se viste a su belleza se
atiene.
A veces es asociado a la
enfermedad

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Verde
El verde es ms comnmente
asociado con la naturaleza. Es
un color relajante que simboliza
el crecimiento, la frescura y la
esperanza.
Visualmente, el verde es mucho
ms suave en los ojos, y mucho
menos dinmico que el amarillo,
naranja o rojo.
El verde es un color verstil que
tambin puede representar la
riqueza, la estabilidad y la
educacin.
Cuando el verde es brillante y
esta sobre un fondo negro da
una apariencia tecnolgica.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Azul
El azul es a veces visto como un
smbolo de mala suerte y
problemas por
la conexin es
evidente en la msica blues, as
como en las pinturas de Picasso
del "perodo azul.
Esto se debe a azul tambin
transmite
una
sensacin
de
estabilidad y la claridad de
propsito.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Prpura
Histricamente, el color prpura se ha
asociado con la realeza y el poder.
El secreto detrs de prpura de
prestigioso pasado tiene que ver con la
dificultad de producir el colorante
necesario para crear prendas de vestir
de color prpura.
A da de hoy,
representando
extravagancia.

prpura
riqueza

sigue
y

El morado es ms a menudo
relacionado en la naturaleza con las
flores, las piedras preciosas, y el
vino.
Equilibra la estimulacin de rojo y los
efectos calmantes de azul.
Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Blanco
En las culturas occidentales, el blanco es
considerado como el color de la perfeccin,
la luz y la pureza. Esta es la razn las
sabanas blancas se utilizan en los anuncios
de detergente, y la novia lleva un vestido
blanco en su boda da.
Curiosamente, en la cultura china, el blanco
es un color asociado tradicionalmente
con la muerte y el duelo. Estas diferencias
culturales deben servir como un recordatorio
a la investigacin de las asociaciones del
color de su pblico objetivo, ya que pueden
variar mucho de su propia percepcin.
En el diseo, el blanco es a menudo pasado
por alto porque es el color de fondo
predeterminado. Sin embargo. Tratar de usar
un fondo oscuro con texto en blanco, o poner
un fondo blanco bloque en un lienzo de color
distinto facilita llamar la atencin.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Negro
Aunque el negro a menudo sufre de connotaciones negativas como la
muerte y el mal, tambin puede ser un color de poder, la elegancia y
fuerza, dependiendo de cmo se utiliza.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

"Cules son las tres primeras cosas que vienen a la


mente cuando pienso en este color?"
Si usted trata a todas sus opciones de color de esta manera, el
establecimiento de tres asociaciones de palabras para cada uno, lo ms
probable es que obtendr una buena idea de cmo ese color es
ampliamente percibido entre su pblico.
A pesar de que la psicologa del color juega un papel en la forma en que
un visitante puede ver su sitio, tenga en cuenta no hay color incorrecto a
utilizar.
Mientras que el razonamiento psicolgico puede ayudar a comenzar su
paleta, el
xito de un esquema de color depende de la
entre todos los colores elegidos.

armona que existe

Para lograr esta armona, tendremos que ser conscientes de algunos otros
atributos de los colores.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Temperatura del color


Un atributo que existe en toda el
espectro de la teora del color es el
concepto de temperatura de color.
Qu color grifo da agua caliente? Qu
color se asocia con hielo? Por qu? Las
respuestas
son
obvias,
y
son
reafirmadas tanto por la cultura y
como por la naturaleza.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Colores clidos
Son los colores del rojo al amarillo, como la naranja, rosa, marrn y
burdeos.
Debido a su asociacin con el sol y el fuego, los colores clidos
representan tanto el calor y el movimiento.
Cuando se coloca cerca de un color fro, un color clido tender a salir,
dominar, y producir el nfasis visual

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Colores fros
Son los colores de verde a azul, y pueden incluir algunos matices de
violeta.
El violeta es el intermediario entre el rojo y azul, por lo que una violeta mas
fro es, est ms cerca al azul, mientras que un violeta rojizo puede
sentirse caliente.
Los colores fros son calmantes, y puede reducir la tensin.
En un diseo, los colores fros tienden a disminuir, lo que los hace buenos
colores para los fondos y a que no dominar los otros elementos de la
pagina.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Valor cromtico
La medida de la claridad u oscuridad de un color que se
conoce como su valor cromtico.
Aadir blanco a un color crea una

tinta

de ese color.

Del mismo modo, una sombra se produce mediante la


adicin de negro a un color dado.
Al igual que con colores en si mismos, el valor cromtico
de los colores nos puede generar un impacto en la
conexin psicolgica que los usuarios tienen con el
contenido.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Uno de los usos del valor cromtico podra


ser para acentuar la hora del da que los
clientes asocian con una empresa u
organizacin.
Si se realizando un diseo acerca de la
vida nocturna o conciertos, por ejemplo,
probablemente
se querr emplear
sombras oscuras y limitar el uso de tintes
de luz.
Tintas tienden a estar asociados con luz,
la primavera, y la infancia.
Estos colores pastel se puede utilizar de
manera profesional, sofisticada, para
productos para adultos. Ej, hospitales.
Esto se debe a que los tintes son colores
suaves que proporcionan personalidad a
ambientes estriles sin sorprendente, sin
agitar a nadie.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Saturacin
La saturacin o intensidad de un color se describe como la fuerza o la pureza
de ese color. Es obvio que los colores intensos y vivos destacan.
A pesar de que los colores fros tienden a retroceder, un azul intenso llamar ms la
atencin que una naranja opaco.
Cuando aadimos gris (negro y blanco) a un color, se vuelve opaco y apagado.
Estos colores son menos interesantes o atractivos como los colores brillantes y vivos.

En el lado positivo, los


colores apagados
ayudan a reducir la
tensin, dando a las
composiciones un
estado de nimo
meditativo, de ensueo.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Teora del color bsica


Para tomar nuestros conocimientos bsicos
de color ms lejos, tendremos que tener una
conexin a tierra en algunos de los
conceptos ms tcnicos relacionados con el
tema, tales como la cantidad de colores se
forman y cmo que se pueden clasificar.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Colores luz
Los colores que aparecen en la pantalla del ordenador se basan en un
modelo de color aditivo.
En un modelo de color aditivo, los colores se muestran en porcentajes de
rojo, verde y azul (RGB).
Si se juntan esto tres colores se obtiene la luz blanca.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Colores pigmento
CMYK (cian, magenta, amarillo y negro). Las impresoras de inyeccin de tinta,
las lser, y las de prensa de impresin industrial funcionan a cuatro colores
todos los
crear imgenes usando cian, magenta, amarillo, negro y tintas negras o
tones.
Este proceso utiliza un modelo de color sustractivo, mediante la combinacin
de colores en este modelo de color, nos acercamos a lograr un negro
grisceo.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Sin importar si usted est diseando para la impresin o la Web, las lecciones de
la teora de los colores tradicionales son clave para ayudarnos a clasificar los
colores y agruparlos.
Los estudios de clasificacin de los colores se remontan al siglo III antes de Cristo
y las obras de Aristteles.
Desde entonces, muchos otros grandes artistas y los filsofos han contribuido a
nuestro conocimiento de cmo trabajan los colores, por ejemplo, Isaac Newton,
Johann Wolfgang von Goethe, y Johannes Itten.
Las obras de estos individuos, de los siglos XVII , XVIII y XX respectivamente,
constituyen la base sobre la que gran parte de nuestra comprensin de color.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Los tres tericos explicaron


los colores en relacin con
una rueda de color, con rojo,
amarillo, y azul como los
colores primarios.
La rueda de colores es un
esquema simple pero eficaz
de presentar los conceptos y
la terminologa de la teora del
color.
En esta representacin el
crculo es dividido en 12
rebanadas. Donde dada
segmento es un color
primario, un color secundario,
terciario.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Los colores primarios


Los colores primarios de la rueda de colores
tradicionales son el rojo, amarillo y azul.
Estos colores forman un tringulo equiltero en
la rueda de color, y comenzando a partir de un
color primario, uno de cada cuatro color
representa otro color primario.
Los colores secundarios
Al mezclar dos colores primarios, creamos
colores secundarios, indicado los tringulos
grises. Los colores secundarios son de color
naranja, verde y morado.
Terciario colores
Hay un total de seis colores terciarios:
bermelln (rojo-naranja), calndula (amarillonaranja), chartreuse (amarillo-verde),
aguamarina (azul-verde), violeta (azulvioleta), y el magenta (rojo-prpura). Al
mezclar un color primario con un color
secundario adyacente se forman los colores
terciarios.
Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

La combinacin de las cosas


Ya sabemos lo suficiente acerca de los colores para hablar de sus valores,
las intensidades, las asociaciones psicolgicas, temperaturas, y las
ubicaciones en la rueda de color tradicional.
Eso est muy bien , pero cmo podemos encontrar mltiples colores que
funcionen juntos? Es aqu donde las combinaciones de colores son muy
tiles.
Los esquemas de color son las frmulas bsicas para crear
combinaciones de colores armoniosas y eficaces.
Existen seis tipos de combinacin de colores clsicos :
Monocromos
Anlogos
Complementaros
Complementarios divididos
Tridicos
Tetrdicos (tambin llamada doble complementarios)

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Con el fin de emplear alguna de estas combinaciones de colores clsicos,


hay que empezar con un color.
Tenga en cuenta la objetivo del diseo en que se est trabajando, y elija un
color de base que se adapte a propsito del sitio.
De por supuesto, esta eleccin puede estar fuera de sus manos. A veces,
usted tendr que trabajar dentro de las reglas de la compaa.
Vamos a suponer que se va a realizar un diseo para la compaa Toity
Hoity de monos de circo linaje real por lo que se ha solicitado que el color
Prpura sea incorporado en el diseo.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Un combinacin de color monocromtico


Cuando hablamos sobre el valor del color anterior, hablamos de tintes y
sombras. Un combinacin de colores monocromtica consta de un solo color
de base y cualquier nmero de matices o tonalidades de ese color.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://www.solidgiant.com/

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://www.polargold.de/

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://francescomugnai.com/

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://artinmycoffee.com/
Si se sabe que las fotos y el contenido del diseo contar con lotes del
mismo color, es una excelente idea que el diseo de su esquema de color de
todo el contenido tenga como base el contenido

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://blackestate.co.nz/ /
Cualquier conjunto de colores que consiste nicamente en negro, blanco, y tonos de
gris que se conoce como un esquema de color acromtico.
La palabra significa literalmente acromtico "sin color." El hecho de que el esquema
general del sitio no tiene color, no significa que el contenido tiene que ser incoloro as.
Debido al fondo oscuro, se emplea ampliamente el "blanco" en el espacio, y las
fotografas vibrantes sobresalen de la pgina, dando vida y luz al diseo.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Combinacin de colores anlogos


Se compone de colores que son adyacentes entre s en la rueda de color.
Si nuestra rueda de color fuera un pastel , entonces una combinacin de
colores anlogos sera gran rebanada.
La clave para crear una combinacin anloga es recordar que los con mas
grandes que la barriga. Como regla general, se evita que un sector que es
ms grande que un tercio de
la totalidad.
Combinacin de prpura real y calentado para arriba con algunos tonos de
naranja.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://forrst.com/

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://blinksale.com/

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://www.zappos.com/

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Combinacin de colores complementarios


Una combinacin de colores complementarios se crea a partir de los colores
que se encuentran uno frente al otro en la rueda de color.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://www.gatorzone.com/

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://www.sproutfund.org/spring/

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://zachhendricks.net/

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Errores comunes en el uso de la combinacin de colores


complementarios
Dado que los colores complementarios son tan diferentes entre s de muchas maneras,
pueden causar un efecto conocido como contraste simultneo cuando se colocan
juntos:
esto es cuando cada color hace que los dems parece ms vibrante y dominante.
Esto es exitoso cuando se emplea para atraer los ojos del visitante alrededor de una
composicin. Sin embargo, puede ser terriblemente doloroso apara lo ojos cuando los
colores complementarios se utilizan en una relacin en primer plano-fondo.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Otro error comn es elegir


colores que no son
directamente opuestos entre s
la rueda de color., porque no
estn lo suficientemente cerca
para ser de colores anlogos.
Estas combinaciones se
conocen como discordantes
porque los colores a menudo
chocan entre s, causando
discordia en el espectador.
De hecho, la moda los 1980
era muy sobre colores sobre
discordantes. Como muestra
este ejemplo, este escollo
puede ser factible si se usa
intencionalmente.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://www.bullsandarrows.com/

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Complementarios divididos, tradicos, y tetrdicas


Son slo simples variaciones de un esquema de colores complementarios
bsicos.
Para crear un combinacin de complementarios color divididos, utilizan los
dos colores adyacentes a su base de color de complemento.
Es necesario tener en cuenta que se est utilizando una base de color con
dos colores discordantes este tipo de esquema de color puede parecer
juvenil y extrema y funciona si ese es el pero que puede ser el efecto que
desea.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Combinacin de tridicos
Para una combinacin de colores tridicos, slo hay que empujar los
complementarios divididos una casilla ms a cada lado, para que todos los
colores son igualmente espaciados en la rueda de color.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Combinacin de tetrdicos
Una combinacin de colores tetrdica combina cuatro colores. De la
siguiente manera cualquier combinacin de colores complementarios con
otra combinacin de colores complementarios.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://rccjax.com/

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Otras variantes
Aunque la mayora de los diseadores son conscientes de las combinaciones
de colores estndar, las combinaciones pueden tender a sentirse bsicas y
sin inspiracin.
Sin embargo, se trata la rueda de color, como una diana apuntando a
cualquier color, es muy probable llegar a algunas combinaciones
verdaderamente horribles
En lugar de tomar ese riesgo, hay otras maneras de modificar los esquemas
de colores clsicos para crear una combinacin fresca.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Una vez que haya logrado un manejo de monocromtico, anlogo,


complementario y relaciones entre los colores, trate de experimentar con
algunos de los siguientes:
Monocromtica con el pop mo '
En lugar de slo usar tonos y matices de su color base, trate de incorporar
puro gris, negro,y blanco. Esto crear ms contraste en un color
monocromtico rgimen.
Analo ajuste
Ajuste suba la saturacin de uno de los colores de su esquema
monocromtico y baje el de los otros. Un color muy saturado se destacan
cuando se coloca entre los colores apagados.
Complemento Mono-split
Si est funcionando muy bien la combinacin de complementarios divididos,
pero se le quiere dar mas profundidad trate de usar tintes y sombras en el
color base
Es importante construir sobre bases slidas la paleta de color del sitio
porque si no es as , el resto de su diseo se puede venir abajo.
Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Creacin de una paleta

Una paleta es lo mismo que una combinacin de colores. Bueno, s y no. Una
combinacin de colores slo nos dar dos, tres, o cuatro colores para
trabajar.
A pesar de una paleta limitada puede resultar muy agradable, probablemente
vamos a necesitar un poco ms colores para realizar un diseo mas
complejo.
Es mejor concretar este proceso, mientras que estamos pensando en el
lenguaje del color, en vez de escoger colores auxiliares al azar a medida que
los necesita para su diseo.
El nmero de colores que usted necesita depender de la complejidad de su
diseo.
Es bueno tener al menos unas cinco o seis opciones de colores antes de
pensar aplicarlas a diseo.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Herramientas de color y Recursos


Ahora todos tenemos una comprensin bsica de cmo los colores se
representan como valores hexadecimales.
El siguiente paso es averiguar los valores de cada color con el que queremos
trabajar. Muchos recursos estn disponibles para ayudarle a elegir los colores
de su paleta,incluyendo un montn de aplicaciones independientes y plugins
para Mac y PC.
Aqu estn algunos
Color scheme Designer 3
Adobe Kuler
Colour Lovers
Color stream Iphone app
Pictaculous

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://colorschemedesigner.com /
Color scheme Designer 3
Otras aplicaciones utilizan una
rueda RGB o CMYK, pero esta
impresionante herramienta HTML
utiliza la tradicional rueda color
rojo, amarillo y azul. Con unos
pocos clics, usted puede elegir y
personalizar una combinacin de
color as como identificar una
variedad de otros colores de la cual
construir una paleta armnica.
Una vez usted tiene una paleta que
est buscando, puede utilizar el
simulador de visin para ver lo que
los colores se parecen a personas
con distintos niveles de ceguera al
color, a continuacin, puede
exportar sus colores como HTML /
CSS, XML,Texto o una paleta de
Photoshop.
Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://kuler.adobe.com/
Adobe Kuler
En la pgina web de Kuler, puede crear
combinaciones de color en funcin de la
configuracin de combinaciones de color
estndar . Tambin puede generar una
paleta de
a partir de imgenes. tiene su comunidad
contruida alrededor del color. Si se crea un
usuario las paletas se pueden guardar y
compartir con otros usuarios de Kuler, y
cualquier persona puede ver las paletas
mas recientes y las mas populares. La
aplicacin de AIR se puede instalar tanto
en ordenadores Mac y PC .

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://www.colourlovers.com/
Colour lovers
Es menos de un instrumento
generador de color y ms una
pgina web de inspiracin
compartida.
Comenz con las
combinaciones de color pero
tambin puedes compartir
patrones y ver
inspiraciones para una
variedad de campos del
diseo.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Color Stream iPhone App


Color Stream es una aplicacin
(disponible por $ 2.99 en la tienda
iTunes) que pone algunas de las
mejores caractersticas design color
Scheme y Adobe Kuler en la palma de su
mano.
Permite crear y guardar paletas de
colores que estn o creados desde cero,
extradas
de una foto, o incluso generadas
automticamente por un built-in
intrigante color.

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

http://pictaculous.com
Pictaculous
Pictaculous es proyecto de
MailChimp que proporciona una
paleta de color basados en sus
imgenes por correo
electrnico. Basta con tomar
una foto con su telfono
inteligente y enviarla por correo
electrnico a
colors@mailchimp.com . Y
Dentro de un par de minutos,
usted recibir un email con una
paleta fivecolor de
combinaciones de colores que
Kuler y COLOURlovers
sugirieron. Adjunta tambin la
paleta de colores de Adobe (.
ACO)

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

Fuentes de consulta
-"The Principles of beautifull web design", Jason Beaird,Sitepoint,
2010,Canada
-Digital Design:Foundations of Web Design, Adobe Systems
Incorporated , 2010, USA
- http://www.worqx.com/
-http://www.w3schools.com/html/html_colors.asp
-http://snook.ca/technical/colour_contrast/colour.html
-http://www.slideshare.net/anacida/principios-de-composicin
-http://www.slideshare.net/alexei.hidalgo/principios-del-diseo
-http://www.imageandart.com/tutoriales/teoria/
composicion_ubicacion/index4.htm
-http://www.slideshare.net/amedsito/fundamentos-decomposicion-visual
-http://es.scribd.com/doc/15485427/Conceptos-Basicos-de-Diseno
-http://www.botanical-online.com/reglasclasicasfotografia.htm
-http://www.slideshare.net/Julianalsola/la-composicinfotogrfica-1645383

Av.Ricardo Lyon 1177, Instituto Tecnolgico Crossmedia - Providencia, Santiago, Chile | Telfonos 204 3190 - 204 2998 | www.academiamac.cl
2012 Academia Crossmedia -Training & Consulting

También podría gustarte