Cmo combinar colores en diseoWeb

A muchos diseadores que recin se inician, as como a muchosprogramadores, les resulta un dolor de cabeza el tema dela combinacin de colores. La verdad es que si uno no tienemucha experiencia en el manejo del color, hay algunos datos quepueden ayudar, cuando menos, a no dejar ciega a la poblacin devidentes en el mundo.

Modos de colorEsto es bastante sencillo pero es un dato que tenemos que tenerpresente al momento de trabajar en cualquier programa dediseo. El modo de color.

Modo de color en CMYKEstos colores se llaman colores tinta. Son los que utilizan lossistemas tradicionales de impresin en papel, porque cada colorcorresponde a una tinta especca.C= cyanM= magentaY= amarilloK= negro

Cuando nuestro trabajo va a ser impreso debemos trabajar ennuestros programas de diseo en ese modo de color.

1 de 7 18/02/15 23:14

Si mezclamos todos estos colores en un 100%, nos queda un valornegro, por eso es que esta mezcla de colores se llama SntesisSustractiva de Color (la explicacin de esto es ms cientca perodejmoslo ah).

Modo de color en RGBEstos colores se llaman colores luz. Son los que utilizan todas laspantallas e inclusive el ojo humano. R = rojoG = verdeB = azul

Si nuestro trabajo va a ser exclusivo para pantallas, debemostrabajar en RGB para poder visualizar correctamente los colores.

2 de 7 18/02/15 23:14

Si mezclamos estos colores al 100% nos queda un valor blanco, poresto es que a esta mezcla se le llama Sntesis Aditiva del Color.

Combinar colores con el crculo cromticoEn mi opinin estas frmulas a veces suelen resultar algo pesadas,pero sirven para darnos un puntapi y partir de una base slida.

El crculo cromtico pretende organizar los colores en busca decombinaciones armoniosas. Si los vemos desde el punto de vista decmo los percibimos, podemos hablar de colores clidos ycolores fros.

Colores anlogosSon los que estn pegados a ambos lados del color elegido.

3 de 7 18/02/15 23:14

Si ven el grco, la combinacin de estos tres colores es armoniosa.

Colores complementariosSon los colores que estn opuestos en el crculo cromtico.wikipedia :En la teora del color se dice que dos colores sondenominados complementarios si, al ser mezclados en unaproporcin dada el resultado de la mezcla es un color neutral (gris,blanco, o negro).

Como ven la combinacin entre los colores es ms fuerte ycontrastante pero sigue funcionando.

Tono y luminosidadElige un tono cualquiera y si le damos luz nos da una gama decolores dentro de la misma tonalidad. Lo mismo ocurre si le

4 de 7 18/02/15 23:14

quitamos luz al tono, nos da nuevos colores de la misma tonalidadpero con variantes oscuras.

Ahora que expandimos los colores podemos combinar de nuevocolores complementarios pero no puros, sino que podemos elegircon mayor o menor luminosidad.

Combinacin de colores en tradasSe logra a partir de un tringulo equiltero, consiguiendo as unacombinacin de tres colores. Recuerda que una vez establecidos lostonos, pods variarlos en su luminosidad hasta acomodarlos.

Cursos online de Platzi by Mejorando.la https://platzi.com/clases/diseno-interfaces-ux/con...

5 de 7 18/02/15 23:14

Pero, cmo lo aplico en mis diseos?Cuando estamos en el comienzo de un proyecto de diseo, SIEMPREhay que investigar el mercado en el que se mover el diseo queharemos. Hay rubros que tienen convenciones en cuanto aluso del color y la textura. Si vamos a un supermercado, vemosque en las estanteras donde hay productos similares, todos semueven en las mismas gamas de color, por ejemplo: perfumera entonos suaves y pasteles, o la seccin de juegos infantiles en la quelos colores son vivos: generalmente utilizan colores primarios parauna edad temprana y colores an ms vivos y arriesgados enedades ms avanzadas.

Aqu vemos dos diseos, uno que utiliza los colorescomplementarios y el otro colores anlogos.

Pero el blanco y el negro?

6 de 7 18/02/15 23:14

El blanco y el negro no son colores, son valores.Segn la wikipedia, "se denomina "valor" a la amplitud de la luzque dene el color; ms cerca del negro, ms bajo es el valor. Slohay dos valores: blanco y negro. Los grises, que son tonos delblanco y del negro, no son valores.

Por @mariux del Team mejorando.la

7 de 7 18/02/15 23:14

Diapositiva 1Diapositiva 2Diapositiva 3Diapositiva 4Diapositiva 5Diapositiva 6Diapositiva 7