Comunidad oficial de diseñadores web, web developers y Webmasters. Aqui podemos tratar temas actuales sobre diseño y tecnología. Podemos compartir y actualizarnos. Flash, PHP, ASP, Java, HTML, CSS, MySQL, CMS, etc. Unite YA y lee los Sticky

Ver más
  • 21,059 Miembros
  • 16,411 Temas
  • 6,575 Seguidores
  • 1

[Aporte] Como escoger los colores adecuados para un diseño

Uno de los elementos gráficos que componen un buen diseño web, es una correcta selección de la gama cromática que se utilizará, por lo general es bastante frecuente relacionar los colores de la web con los colores corporativos, integrando así la propia web como un elemento de identidad corporativa.

La combinación de colores es fundamental al momento del diseño, ya que va a tener una influencia realmente grande en cómo lo perciban los usuarios y la sensación que les quede después de verlo.

Una de las primeras cosas a tener en cuenta es el numero o cantidad de colores. Es arriesgado establecer una norma estricta, ya que más de 6 colores simultáneos en una composición pueden ser demasiados si existe un gran contraste entre ellos, pero pueden formar una combinación agradable si la relación entre ellos es adecuada.

Cantidad de colores

Siempre es mejor pocos colores antes que muchos ya que el diseño debe tener una armonía, y el uso de varios colores puede llegar a romper dicha armonía.

Lo normal serian 3 tipos de colores:

1. Color primario, osea es el tono básico o background de la página.
2. Color secundario, generalmente es el que resalta algunas áreas, y debe ser parecido al primario.
3. Color de contraste, es el color que se utiliza para resaltar aspectos concretos de la página y se usa con moderación.

[Aporte] Como escoger los colores adecuados para un diseño


Relación entre colores

Para escoger los colores adecuados hay que primero aprender un poco de la teoría del color:

[Aporte] Como escoger los colores adecuados para un diseño

Según la posición de los colores, la relación entre los colores pueden ser:

Análogos
[Aporte] Como escoger los colores adecuados para un diseño

Para un determinado color, sus colores análogos son aquellos que se encuentran a ambos lados del mismo, por ejemplo los análogos del naranja serían el rojo y el amarillo.

Pero si uno quiere ser mas especifico podemos que decir que los colores análogos del #ea69a0 son el #f19fc1 y el #e3007a

[Aporte] Como escoger los colores adecuados para un diseño


Complementarios

[Aporte] Como escoger los colores adecuados para un diseño

Son aquellos que se encuentran opuestos en el círculo de color (por ejemplo el amarillo y el violeta o naranja y azul). Usados juntos producen un gran contraste destacando mucho uno sobre el otro, su efecto puede ser llamativo y hasta agresivo.

Por ejemplo si tuviéramos como color “primario” el #ff0000 su complementario seria el #00ffff.

[Aporte] Como escoger los colores adecuados para un diseño


Triada de Colores

[Aporte] Como escoger los colores adecuados para un diseño

Tres colores constituyen una tríada cuando sus tonos son equidistantes en el círculo cromático. Generalmente este tipo de combinaciones se utilizan para diseñar una web utilizando tres colores

Un ejemplo de tríada lo constituirían el #fff9c5 con #ff007d y #b2276b.

[Aporte] Como escoger los colores adecuados para un diseño


Recursos

Seleccionar una buena paleta puede resultar difícil, para facilitarnos el trabajo existen varias webs especializadas que brindan muy buenos resultados:

Kuler

[Aporte] Como escoger los colores adecuados para un diseño


Pagina de Adobe diseñada en flash con una amplia opción de paletas para elegir colores que también cuenta con una organización en categorías, Newest/Mas nuevos, Most Popular/Mas popular y Random/Aleatorio.

Exporta paletas de colores que luego las podemos importar en Photoshop o Illustrator.

URL: http://kuler.adobe.com/

[Aporte] Como escoger los colores adecuados para un diseño


Colour Lovers

[Aporte] Como escoger los colores adecuados para un diseño


Una gran pagina, donde podes elegir varias cosas, paletas de colores, patterns/texturas para rellenar secciones y colores.

Esta organizado de manera tal que podes elegir la sección que mas te guste, tanto como web, fashion, business/empresas, etc.

URL: http://www.colourlovers.com/

[Aporte] Como escoger los colores adecuados para un diseño


Color Scheme Designer

[Aporte] Como escoger los colores adecuados para un diseño


Excelente alternativa para escoger paletas de colores, entre sus características mas destacadas esta su intuitiva interfaz, la rueda dinámica de colores, la posibilidad de probar nuestra paleta en una pagina web de muestra , entre otras.

Podemos también elegir entre diferentes tipos de paletas: triadas, tetradas, complementarias, analógicas, etc.

URL: http://colorschemedesigner.com/

[Aporte] Como escoger los colores adecuados para un diseño


Conclusión

Siempre trata de usar colores suaves (pasteles) pero que mantengan el contraste, la armonía y recuerda que probando se aprende.

Fuente

Espero les sirva!!!! Comenten!!!!
  • 1
  • 20Calificación
  • 13Seguidores
  • 820Visitas
  • 2Favoritos

11 comentarios

@garzota
Muuuuuy bueno.. +1
@massiel207
!!Gracias!!, excelente informacion +1
@64ram
copado mijo,,,
@agusk_22
muy bueno, pero yo me enfoco en un azul marino, con un gris oscuro y blanco, pega hasta con moco
Tienes que ser miembro para responder en este tema