Con más de 9 mil millones de sitios indexados en la web y contando, los sitios tienen que hacer más para llamar la atención y alentar a los usuarios a dedicar tiempo a ellos.

Con más sitios web compitiendo por la atención de los usuarios, el color es cada vez más importante para que su página se destaque. Aquí hay algunos sitios que hacen justamente eso: utilizar colores interesantes en combinaciones inusuales para sobresalir entre los miles de millones de sitios de esquemas de colores estándar que existen.

Layrr

Todos sabemos que el contenido ocupa el segundo lugar en llamar la atención, y los titulares se han utilizado en papel prensa durante años para ganar interés. Layrr usa un contraste discreto para lograr esto, e incluso si no habla francés, le sugiero que visite este sitio ahora, utiliza pequeñas áreas de color para crear un impacto contra el fondo gris, y logra esto en un diseño asombrosamente hermoso. No es de extrañar que haya recibido una Mención de Honor en la competencia de diseño de Awwwards .

Layrr

Havainas

La página de inicio de Havainas , un minorista muy grande de chanclas y sandalias es sorprendente y maravillosamente colorido, un rasgo que se extiende a las páginas regionales del sitio. El objetivo de este sitio es ilustrar su estilo, junto con los colores brillantes asociados con el calor y el verano, las vacaciones y, lo más importante, sus productos. Si bien el color es parte de su reconocimiento de marca, es refrescante ver el sitio de una gran empresa que ha sido bien diseñada en cuanto a colores, como probablemente pueda ver en la lista de los sitios aquí, la buena coordinación se deja a menudo a los pequeños.

Havainas

ColourPixel

Además de ser brillante y colorido, lo que realmente llamó mi atención en ColourPixel 's sitio, era el uso de negro, donde otros sitios habrían utilizado blanco. La razón por la que se usa el blanco es porque el contraste entre este y otros colores es más fácil para los ojos, y por lo tanto más accesible para los usuarios, pero aquí se usaron cajas negras más grandes para encapsular texto, que es blanco. Esto realmente logra el objetivo de llamar mi atención sobre el texto dentro de ellos, en lugar de las cajas reales como parte del diseño. Aparte de eso, el fondo del sitio logra lo que el diseñador llama un aspecto "étnico", utilizando píxeles desplazados para lograr un efecto de tapiz. Los arco iris se usan de manera bastante gratuita, pero ofrecen una agradable diferenciación de color combinada con los sutiles corchetes en el fondo.

ColourPixel

Will Fernandes

Will Fernandes El sitio usa muchos y variados colores, todos empujando la atención para lograr su estilo. Se reserva amarillo, naranja y blanco para el texto y el fondo, y sobre todo evita usarlos en su obra de arte, para marcar una diferencia de eso y contenido. Él ofrece una opción de visualización a pantalla completa, que se recomienda si desea ver el trabajo de este talentoso artista y diseñador web en un sitio fantástico con animaciones brillantes. Obviamente, se ha trabajado extensamente para garantizar que los colores correctos se utilicen para el arte y el sitio mientras se complementan entre sí.

Will Fernandes

Ryan Keizer

Este es el primer sitio que hemos visto que usa deliberadamente colores ofensivos y abrumadores diseñados para chocar, para lograr un alto efecto de contraste. El diseñador disfruta el uso del color tanto que tiene una paleta de "inspiración de color" en la parte inferior del sitio. Ryan Keizer usa principalmente amarillo, un color con el que puede salir mal si se usa incorrectamente, aquí con cian, y en menor medida, rosa, aparece todo el sitio. En una nota final, el Cyan y el rosa recuerdan mucho a las gafas anaglifo 3D, usando un esquema de color que ha sido absorbido muy poco convencionalmente en nuestras vidas inconscientes, lo que normalmente uno no esperaría pero inexplicablemente lo hace, porque ahora asociamos esos dos colores juntos.

Ryan Keiser

Ben Markowitz

Otro sitio muy discreto con un uso muy cuidadoso del color, dando al elemento interactivo del sitio un aspecto mecanizado. Para el diseño de un sitio como este, usar el color de esta manera es inusual, los diseñadores suelen ir de un lado a otro, pero esto realmente se agrega al título: ' Ben Markowitz ', no solo llamando la atención, sino ofreciendo diferenciación, utilizando una paleta complementaria con un amplio rango. El único otro uso del color que creo que este sitio se beneficiaría es con los íconos de las redes sociales en la parte inferior de la página, ya que todos usan colores muy neutros y se destacarían y serían un poco más fáciles de identificar.

Ben Markowitz

Abrazos para monstruos

Joe Lifrieri de Abrazos para monstruos tiene el mismo objetivo que el sitio de Will Fernandes que vimos antes, pero lo logra en un estilo orgánico individual, utilizando el color para resaltar su estilo único. Le sugiero que eche un vistazo a algunas de sus otras páginas, todas tienen diferentes obras de arte en el mismo estilo ecléctico que puede ver aquí.

Hugs for Monsters

Tim Bjørn

A diferencia de los otros que se muestran aquí, la página de inicio de este sitio se caracteriza por la falta de color y al observar el otro trabajo de Tim Bjørn , el artista, obviamente usa el color muy cuidadosamente y con moderación. ¡Es muy refrescante ver un sitio en escala de grises simple que no parece diseñado hace una década! La obra de arte, como Hugs for Monsters arriba, es muy orgánica, y es el principal punto focal del sitio, con menús atenuados y casi toda la página de inicio dedicada a algunas piezas clave.

Tim Bjorn

Sólo para uso de oficina

Este es otro sitio que usa una pequeña cantidad de color para lograr un alto contraste contra un sitio temático en escala de grises. En particular, el caso a continuación, donde la transparencia en el logotipo crea un rojo apagado contra la imagen detrás de él. Una mirada más a Sólo para uso de oficina muestra que estos tipos saben cómo y cuándo usar el color, y lo hacen bien.

For Office Use Only

Método de diseño de laboratorio

los Método de diseño de laboratorio El innovador feed de noticias utiliza el color de manera fresca, para indicar la "edad" de las noticias, con un esquema de colores frío y caliente fácilmente identificable, excepto que las noticias solo existen en la sección "caliente" del esquema de colores, una idea de marketing inteligente, tal vez? No obstante, es muy fácil comprender que el rojo es una noticia más antigua de hace más de 12 horas, y el amarillo es más reciente. Muy bien ejecutado, y el color contribuye tanto al diseño como a la función del sitio, no es algo que se pueda decir de muchos sitios más allá de su navegación. Después de tropezar con él durante la investigación de este artículo, este sitio encontró su camino en mis marcadores, tanto por su contenido y diseño.

method Design Lab

Diseño sabio

El tema para Diseño sabio es el contraste a través de la simplicidad, con una sutil sensación sucia, el rosa sobre negro funciona perfectamente, y el uso de un color grisáceo para el contenido de texto compensa el rosa sin que el contraste sea nítido contra el negro. También hay un contraste entre el fondo limpio y con textura, y toques sutiles de grunge salpicado en todo el sitio.

DesignWise

Prius Harmony

Los colores de esta infografía están bellamente coordinados, ambos alcanzan la declaración de misión obvia de transmitir la "armonía" y comunicar los temas relacionados con los colores. Si bien esto es efectivamente una publicidad para Prius , se lleva bien su trabajo, e incluso si desprecias a Flash, solo lo aprecia por los colores. Este es otro sitio con funcionalidad en color, aunque solo sea tenuemente, y uno de los pocos que usa colores de bloque con transparencia para crear variaciones con los colores combinados de dos o más que se superponen, transmitiendo (en su mayoría) un sentido de armonía, si ignoras las feas secciones negras y marrones sobredimensionadas y mal coordinadas.

Harmony

Grid orgánico

Si puedes perdonar dos sitios Flash en una fila, Grid orgánico es una hermosa cartera que puede ser perdonada por su increíble uso del color en un menú que cambiará su esquema cada vez que regrese a él. ¿Poco convencional? Sí. Descoordinado? Definitivamente no. Vaya por los colores, ponga el sitio en modo de pantalla completa y quédese para disfrutar de las increíbles fotos y obras de arte en las carteras, si puede ignorar los tiempos de carga, eso es.

Organic Grid

Matt Mullenweg

Este sitio inspirado en Lichtenstein debe incluirse, aunque solo sea por el padre de WordPress, Matt Mullenweg El blog da vida a los colores de los bloques y las líneas cruzadas del arte pop. Los colores primarios de bloque pueden ser maravillosos si no se usan en exceso, y este sitio nos da un guiño. Hay una brillante ola de arte pop en la parte inferior del blog, pero no podrás verla por mucho tiempo, ¡ya que Mullenweg tiene tantas publicaciones que estarás desplazándote para siempre!

Matt Mullenweg

Vanity Claire

Si puede ver más allá del hecho de que este sitio tiene una capacidad de uso terrible, la obra de arte en cada página se hace increíblemente bien. Los colores simples sometidos son cada vez más populares, y Claire El sitio se las arregla para colarse en un poco de grunge también. Este sitio se caracteriza por tener un color de fondo de bloque único diferente en cada página con un diseño simple horizontalmente en el medio de la página.

Vanity Claire

pegamento

Un sitio web que ha llevado la simplicidad a un nuevo nivel, pegamento quita todo el contenido a favor de un reloj de arena bellamente ejecutado, con la arena cayendo hacia arriba acompañada del eslogan 'Ahorre tiempo'. El sitio solía tener más contenido con los hermosos reflejos anaranjados en gris, sin embargo, tristemente se ha convertido en solo invitación.

Glue

Microsoft

Por mucho que me duela incluir esto, como partidario incondicional de la manzana, Microsoft La presencia en línea ha avanzado a pasos agigantados, presumiblemente de la mano con el sorprendente avance en Internet Explorer (Probablemente habría sido vergonzoso que su sitio tuviera una fecha en el navegador). La interfaz "metro" basada en mosaicos de Windows 8 claramente ha tenido cierta influencia, y tengo que decir que se ve bien. Como hemos visto con Google Chrome, Skype y ahora Microsoft, los logotipos de colores bloqueados son el futuro, los días de gradientes pegajosos y el uso del 3D por el bien de ellos ya se terminaron.

Microsoft

AdaptD

La inclusión de este sitio puede haber tenido algo que ver con el hecho de que me recordaba a un cohete espacial, un regalo favorito de la infancia, o que simplemente incluía el color solo por puro placer. AdaptD me trajo una sonrisa a la cara simplemente con la cinta 'algo colorida' en la parte superior del sitio, porque ¿por qué no? Una hermosa joya en un sitio estándar aunque bien diseñado.

AdaptD

ColoRotate

Finalmente, terminamos con un sitio que no usa el color como parte del diseño, de hecho, el diseño del sitio es increíblemente insípido, pero como función, el objetivo del sitio es ayudarlo a explorar y combinar paletas de colores. Parece apropiado finalizar en un sitio que usa el color de esta manera, por lo que si decide que su sitio necesita un cambio de imagen después de leer esta lista, no hay nada que le impida elegir el esquema de color perfecto. ColoRotate también tiene una página de información interesante sobre el color si le gusta leer sobre la teoría del color del siglo XXI y sobre cómo perciben nuestros ojos el color.

ColoRotate

¿Cómo te acercas al color? ¿Te arriesgas o te esfuerzas por destacar? Háganos saber en los comentarios.