Está en la página 1de 59

El Color

La selección del color es no es un proceso tan sencillo como se podría


pensar puesto que hay consideraciones de identidad, estética y
usabilidad a tener en cuenta.

Una gran cantidad de conocimiento disponible desde directrices


psicológicas a las teorías de triadas y color real que ayudarán a tomar
las decisiones correctas cuando se trata del color aplicado en el diseño.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Psicología del color
La psicología 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 psicología del color es un gran negocio.

Aunque es importante saber cómo las decisiones de color pueden afectar a


las masas. Sin embargo la idea de que hay una respuesta única, unificada
respecto de los efectos psicológicos del color es falsa.

Muchas respuestas al color están enraizadas en las experiencias


personales.

También es interesante tener en cuenta que muchas culturas tienen


asociaciones completamente diferente de la interpretación de, los colores.

Vamos a explorar entonces algunas asociaciones psicológicas generales


que la mayoría de las personas en las culturas occidentales en respuesta
a los colores específicos.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Rojo
Tiene una reputación de estimular
la adrenalina y la presión arterial.
Junto con esos efectos fisiológicos,
el rojo es también conocido por
aumentar el metabolismo humano,
es un color emocionante y
dramático .

El rojo es también un color de la


pasión.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Los rojos oscuros como el burdeos y el marrón, tiene una sensación rica,
indulgente,
pueden resultar muy refinados. Suelen ser colores para los amantes del
vino o los conocedores del buen vivir.

El más terrenal, tonos de rojo pardusco se asocian con la temporada del


otoño y la cosecha.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Naranja
Como el rojo, el naranja es un color muy
activo y enérgico, aunque no evoca la
pasión 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 razón, es de uso
frecuente para los chalecos
salvavidas, conos de carretera,
y chalecos de caza.

También estimula el
metabolismo y el apetito, es
un buen color para la promoción
de los alimentos y cocinar

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 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 señales de
precaución.

También es asociado con la felicidad.

Una cita anónima dice respecto de las


asociaciones con este color "Los bebés lloran
más en habitaciones amarillas, los maridos
y las esposas pelean más en las cocinas
amarillas y las cantantes de ópera hacen
más rabietas en vestuarios amarillos. “

Aún 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 Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Verde
El verde es más comúnmente
asociado con la naturaleza. Es
un color relajante que simboliza
el crecimiento, la frescura y la
esperanza.

Visualmente, el verde es mucho


más suave en los ojos, y mucho
menos dinámico que el amarillo,
naranja o rojo.

El verde es un color versátil que


también puede representar la
riqueza, la estabilidad y la
educación.

Cuando el verde es brillante y


esta sobre un fondo negro da
una apariencia tecnológica.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Azul

El azul es a veces visto como un


símbolo de mala suerte y
problemas por la conexión es
evidente en la música blues, así
como en las pinturas de Picasso
del "período azul.“

Esto se debe a azul también


transmite una sensación de
estabilidad y la claridad de
propósito.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Púrpura
Históricamente, el color púrpura se ha
asociado con la realeza y el poder.

El secreto detrás de púrpura de


prestigioso pasado tiene que ver con la
dificultad de producir el colorante
necesario para crear prendas de vestir
de color púrpura.

A día de hoy, púrpura sigue


representando riqueza y
extravagancia.

El morado es más a menudo


relacionado en la naturaleza con las
flores, las piedras preciosas, y el
vino.

Equilibra la estimulación de rojo y los


efectos calmantes de azul.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 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 perfección,
la luz y la pureza. Esta es la razón las
sabanas blancas se utilizan en los anuncios
de detergente, y la novia lleva un vestido
blanco en su boda día.

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 investigación de las asociaciones del
color de su público objetivo, ya que pueden
variar mucho de su propia percepción.

En el diseño, 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 atención.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 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, también puede ser un color de poder, la elegancia y
fuerza, dependiendo de cómo se utiliza.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
"¿Cuáles 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 más
probable es que obtendrá una buena idea de cómo ese color es
ampliamente percibido entre su público.

A pesar de que la psicología 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 psicológico puede ayudar a comenzar su


paleta, el
éxito de un esquema de color depende de la armonía que existe
entre todos los colores elegidos.

Para lograr esta armonía, tendremos que ser conscientes de algunos otros
atributos de los colores.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 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 teoría 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 Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Colores cálidos

Son los colores del rojo al amarillo, como la naranja, rosa, marrón y
burdeos.

Debido a su asociación con el sol y el fuego, los colores cálidos


representan tanto el calor y el movimiento.

Cuando se coloca cerca de un color frío, un color cálido tenderá a salir,


dominar, y producir el énfasis visual

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Colores fríos

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
frío es, está más cerca al azul, mientras que un violeta rojizo puede
sentirse caliente.

Los colores fríos son calmantes, y puede reducir la tensión.

En un diseño, los colores fríos 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 Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Valor cromático

La medida de la claridad u oscuridad de un color que se


conoce como su valor cromático.

Añadir blanco a un color crea una tinta de ese color.

Del mismo modo, una sombra se produce mediante la


adición de negro a un color dado.

Al igual que con colores en si mismos, el valor cromático


de los colores nos puede generar un impacto en la
conexión psicológica que los usuarios tienen con el
contenido.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Uno de los usos del valor cromático podría
ser para acentuar la hora del día que los
clientes asocian con una empresa u
organización.

Si se realizando un diseño 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 estériles sin sorprendente, sin
agitar a nadie.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Saturación

La saturación 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 fríos tienden a retroceder, un azul intenso llamará más la
atención que una naranja opaco.

Cuando añadimos 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
tensión, dando a las
composiciones un
estado de ánimo
meditativo, de ensueño.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Teoría del color básica
Para tomar nuestros conocimientos básicos
de color más lejos, tendremos que tener una
conexión a tierra en algunos de los
conceptos más técnicos relacionados con el
tema, tales como la cantidad de colores se
forman y cómo que se pueden clasificar.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 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 Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Colores pigmento

CMYK (cian, magenta, amarillo y negro). Las impresoras de inyección de tinta,


las láser, y las de prensa de impresión industrial funcionan a cuatro colores
todos los
crear imágenes usando cian, magenta, amarillo, negro y tintas negras o
tones.

Este proceso utiliza un modelo de color sustractivo, mediante la combinación


de colores en este modelo de color, nos acercamos a lograr un negro
grisáceo.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Sin importar si usted está diseñando para la impresión o la Web, las lecciones de
la teoría de los colores tradicionales son clave para ayudarnos a clasificar los
colores y agruparlos.

Los estudios de clasificación de los colores se remontan al siglo III antes de Cristo
y las obras de Aristóteles.

Desde entonces, muchos otros grandes artistas y los filósofos han contribuido a
nuestro conocimiento de cómo 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 comprensión de color.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Los tres teóricos explicaron
los colores en relación 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 terminología de la teoría del
color.

En esta representación el
círculo es dividido en 12
rebanadas. Donde dada
segmento es un color
primario, un color secundario,
terciario.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 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 triángulo equilátero 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 triángulos
grises. Los colores secundarios son de color
naranja, verde y morado.

Terciario colores
Hay un total de seis colores terciarios:
bermellón (rojo-naranja), caléndula (amarillo-
naranja), chartreuse (amarillo-verde),
aguamarina (azul-verde), violeta (azul-
violeta), y el magenta (rojo-púrpura). Al
mezclar un color primario con un color
secundario adyacente se forman los colores
terciarios.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
La combinación de las cosas

Ya sabemos lo suficiente acerca de los colores para hablar de sus valores,


las intensidades, las asociaciones psicológicas, temperaturas, y las
ubicaciones en la rueda de color tradicional.

Eso está muy bien , pero ¿cómo podemos encontrar múltiples colores que
funcionen juntos? Es aquí donde las combinaciones de colores son muy
útiles.

Los esquemas de color son las fórmulas básicas para crear


combinaciones de colores armoniosas y eficaces.

Existen seis tipos de combinación de colores clásicos :


• Monocromos
•Análogos
•Complementaros
•Complementarios divididos
•Triádicos
•Tetrádicos (también llamada doble complementarios)

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Con el fin de emplear alguna de estas combinaciones de colores clásicos,
hay que empezar con un color.

Tenga en cuenta la objetivo del diseño en que se está trabajando, y elija un


color de base que se adapte a propósito del sitio.

De por supuesto, esta elección puede estar fuera de sus manos. A veces,
usted tendrá que trabajar dentro de las reglas de la compañía.

Vamos a suponer que se va a realizar un diseño para la compañía “Toity


Hoity” de monos de circo linaje real por lo que se ha solicitado que el color
Púrpura sea incorporado en el diseño.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Un combinación de color monocromático

Cuando hablamos sobre el valor del color anterior, hablamos de tintes y


sombras. Un combinación de colores monocromática consta de un solo color
de base y cualquier número de matices o tonalidades de ese color.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
http://www.solidgiant.com/

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
http://www.polargold.de/

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
http://francescomugnai.com/

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 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 diseño contará con lotes del
mismo color, es una excelente idea que el diseño de su esquema de color de
todo el contenido tenga como base el contenido

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 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 acromático.

La palabra significa literalmente acromático "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
fotografías vibrantes sobresalen de la página, dando vida y luz al diseño.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Combinación de colores análogos

Se compone de colores que son adyacentes entre sí en la rueda de color.


Si nuestra rueda de color fuera un pastel , entonces una combinación de
colores análogos sería gran rebanada.

La clave para crear una combinación análoga es recordar que los con mas
grandes que la barriga. Como regla general, se evita que un sector que es
más grande que un tercio de
la totalidad.

Combinación de púrpura real y calentado para arriba con algunos tonos de


naranja.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
http://forrst.com/

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
http://blinksale.com/

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
http://www.zappos.com/

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Combinación de colores complementarios

Una combinación 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 Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
http://www.gatorzone.com/

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
http://www.sproutfund.org/spring/

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
http://zachhendricks.net/

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Errores comunes en el uso de la combinación de colores
complementarios

Dado que los colores complementarios son tan diferentes entre sí de muchas maneras,
pueden causar un efecto conocido como contraste simultáneo cuando se colocan
juntos:
esto es cuando cada color hace que los demás parece más vibrante y dominante.

Esto es exitoso cuando se emplea para atraer los ojos del visitante alrededor de una
composición. Sin embargo, puede ser terriblemente doloroso apara lo ojos cuando los
colores complementarios se utilizan en una relación en primer plano-fondo.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Otro error común es elegir
colores que no son
directamente opuestos entre sí
la rueda de color., porque no
están lo suficientemente cerca
para ser de colores análogos.

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 Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
http://www.bullsandarrows.com/

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Complementarios divididos, tríadicos, y tetrádicas

Son sólo simples variaciones de un esquema de colores complementarios


básicos.

Para crear un combinación 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 Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Combinación de triádicos

Para una combinación de colores triádicos, sólo hay que empujar los
complementarios divididos una casilla más a cada lado, para que todos los
colores son igualmente espaciados en la rueda de color.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Combinación de tetrádicos

Una combinación de colores tetrádica combina cuatro colores. De la


siguiente manera cualquier combinación de colores complementarios con
otra combinación de colores complementarios.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
http://rccjax.com/

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Otras variantes

Aunque la mayoría de los diseñadores son conscientes de las combinaciones


de colores estándar, las combinaciones pueden tender a sentirse básicas y
sin inspiración.

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 clásicos para crear una combinación fresca.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Una vez que haya logrado un manejo de monocromático, análogo,
complementario y relaciones entre los colores, trate de experimentar con
algunos de los siguientes:

Monocromática con el pop mo '


En lugar de sólo usar tonos y matices de su color base, trate de incorporar
puro gris, negro,y blanco. Esto creará más contraste en un color
monocromático régimen.

Analo ajuste
Ajuste suba la saturación de uno de los colores de su esquema
monocromático 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 combinación 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 sólidas la paleta de color del sitio


porque si no es así , el resto de su diseño se puede venir abajo.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Creación de una paleta
Una paleta es lo mismo que una combinación de colores. Bueno, sí y no. Una
combinación de colores sólo 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 más colores para realizar un diseño 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 diseño.

El número de colores que usted necesita dependerá de la complejidad de su


diseño.

Es bueno tener al menos unas cinco o seis opciones de colores antes de


pensar aplicarlas a diseño.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Herramientas de color y Recursos
Ahora todos tenemos una comprensión básica de cómo los colores se
representan como valores hexadecimales.

El siguiente paso es averiguar los valores de cada color con el que queremos
trabajar. Muchos recursos están disponibles para ayudarle a elegir los colores
de su paleta,incluyendo un montón de aplicaciones independientes y plugins
para Mac y PC.

Aquí están algunos

Color scheme Designer 3


Adobe Kuler
Colour Lovers
Color stream Iphone app
Pictaculous

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 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 combinación de
color así como identificar una
variedad de otros colores de la cual
construir una paleta armónica.

Una vez usted tiene una paleta que


está buscando, puede utilizar el
simulador de visión para ver lo que
los colores se parecen a personas
con distintos niveles de ceguera al
color, a continuación, puede
exportar sus colores como HTML /
CSS, XML,Texto o una paleta de
Photoshop.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
http://kuler.adobe.com/

Adobe Kuler

En la página web de Kuler, puede crear


combinaciones de color en función de la
configuración de combinaciones de color
estándar . También puede generar una
paleta de
a partir de imágenes. 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
aplicación de AIR se puede instalar tanto
en ordenadores Mac y PC .

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 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 más una
página web de inspiración
compartida.
Comenzó con las
combinaciones de color pero
también puedes compartir
patrones y ver
inspiraciones para una
variedad de campos del
diseño.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™
Color Stream iPhone App
Color Stream es una aplicación
(disponible por $ 2.99 en la tienda
iTunes) que pone algunas de las
mejores características design color
Scheme y Adobe Kuler en la palma de su
mano.

Permite crear y guardar paletas de


colores que están o creados desde cero,
extraídas
de una foto, o incluso generadas
automáticamente por un built-in
intrigante color.

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 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
imágenes por correo
electrónico. Basta con tomar
una foto con su teléfono
inteligente y enviarla por correo
electrónico 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 también la
paleta de colores de Adobe (.
ACO)

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 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-de-
composicion-visual
-http://es.scribd.com/doc/15485427/Conceptos-Basicos-de-Diseno
-http://www.botanical-online.com/reglasclasicasfotografia.htm
-http://www.slideshare.net/Julianalsola/la-composicin-
fotogrfica-1645383

Av.Ricardo Lyon 1177, Instituto Tecnológico Crossmedia - Providencia, Santiago, Chile | Teléfonos 204 3190 - 204 2998 | www.academiamac.cl
© 2012 Academia Crossmedia -Training & Consulting™

También podría gustarte