Tendencia de diseño: colores vivos del arco iris.

Por lo menos, 2017 fue un año colorido en el diseño de sitios web. Las tendencias de color han dominado la conversación de diseño, con tonos más brillantes y audaces en gran parte del paisaje.

Hay una nueva tendencia de color que combina muchas de estas opciones brillantes en paletas de colores más grandes de lo que podría esperar ahora: esquemas de colores del arco iris. Así es, más diseñadores están salpicando con color e incorporando arcoíris vívidos, colores degradados en proyectos de diseño. ¡Y es genial!

Aquí hay un vistazo a la tendencia y algunas ideas sobre cómo usar colores brillantes que no sean llamativos.

Animación de arcoíris para compromiso.

Casi desde que Spotify apareció en escena, ha estado dando forma a las tendencias de diseño y ampliando los límites de lo que parece un diseño genial. El sitio de música se actualiza y cambia constantemente su diseño y utiliza micrositios para destacar géneros y artistas específicos.

El diseño del sitio web London Grammar Moodmix utiliza un toque de color que salta para captar la atención del usuario. La animación es interesante y casi te dan ganas de estirar la mano y tocarla. Y ese es el propósito de esta animación con los colores del arcoíris. Observe que la llamada a la acción está justo en el medio de este color.

El resultado es un diseño simple con una animación interesante que lleva a los usuarios directamente al propósito del diseño. La animación funciona con mucho color debido al movimiento. La mancha no sería tan interesante en un solo color.

color contra Oscuridad

Los colores del arcoíris pueden ser difíciles de usar debido a problemas de contraste. Poner tonos brillantes al estilo del arcoíris sobre un fondo oscuro puede resolver la mayoría de estos problemas.

Los colores brillantes casi resaltarán en un fondo oscuro.

Otro nombre muy conocido en el diseño y desarrollo de sitios web, Github, está utilizando los colores del arcoíris para promocionar su conferencia este año. El sitio simple utiliza un divertido logotipo de arcoíris y botones de llamada a la acción para la venta de entradas. Lo que es diferente de este diseño en comparación con muchas otras estéticas de arcoíris es que el diseño es bastante plano y no hay necesidad de un degradado para los colores. Cada línea del logotipo es de un color diferente, al igual que las letras. Un degradado solo se usa para el botón CTA.

Savee va en una dirección diferente con el color del arco iris sobre un fondo oscuro, utilizando muchas imágenes de colores intensos para crear un mosaico con una sensación de arco iris. Si bien la mayoría de los usos del arco iris de colores dan una gradación de rojo a amarillo a verde a azul, este no es siempre el caso. Las paletas de colores del arco iris pueden ser cualquier cosa con un amplio uso de tonos.

color sutil

A veces, los mejores usos de los estilos de arcoíris no saltan inmediatamente de la pantalla. Southwest usa una paleta más sutil con tonos de arcoíris en el fondo.

La elección interesante casi supera muchas de las otras tendencias de color del año y el resultado es refrescante. Miras el diseño casi porque es muy diferente de muchos de los otros diseños de sitios web que existen en este momento.

Incluso con una paleta de colores del arco iris más tenue, enfatice el contraste entre los elementos de fondo y de primer plano para asegurarse de que cada elemento sea fácil de ver y leer. Este es el problema más común con los diseños de estilo arcoíris: contraste insuficiente y legibilidad difícil.

logotipo del arco iris

Considere usar los colores del arcoíris para un logotipo simple. Este es probablemente el uso más difícil del color del arcoíris, pero puede tener un efecto sorprendente.

Es un desafío debido a todos los lugares y formas en que se puede usar un logotipo. Optar por los colores del arcoíris podría funcionar mejor para las marcas pequeñas que no usan el logotipo en muchas aplicaciones. Definitivamente también querrá una opción secundaria, cuando muchos colores simplemente no funcionan.

Richard Gazdik utiliza un logotipo de arcoíris para su cartera y la navegación posterior. Funciona casi a la perfección por sus siglas -RGB- y su relación con los colores seleccionados. No todo el mundo tendrá esta suerte, pero muestra cómo un logotipo de mucho color puede ser efectivo en un boceto de diseño simple.

El color como punto focal

El color del arcoíris puede ser lo que atraiga a los usuarios a un diseño con una fuerte primera impresión.

Pero hay una línea muy fina entre el color del arco iris que atrae y el color del arco iris que puede alienar a los usuarios. ¿Recuerda algunos de los diseños de sitios web de finales de la década de 1990 y principios de la de 2000, cuando casi todos los sitios web tenían colores brillantes salpicados por todas partes (y parpadeantes)? Este tipo de tratamiento de arcoíris puede ser desastroso y alienar a los usuarios.

Lonsdale hace lo contrario con un video en bucle de líquido arcoíris que es fascinante de ver. El movimiento y los cambios de color son audaces y dan ganas de mirar. El fondo del arcoíris está compensado por elementos de navegación y letras blancas para guiar a los usuarios a través del resto del diseño, que permanece colorido en imágenes sobre un fondo blanco.

El código de color tiene un enfoque diferente, con muchos colores brillantes en todo el diseño. El color se utiliza para llamar la atención visual sobre el producto en la pantalla: teléfonos y relojes que muestran aplicaciones.

Crea un fondo atractivo

Las manchas arcoíris casi podrían ser una tendencia de color propia: animaciones líquidas, estilo de tinta, burbujas de colores en movimiento. Como elemento de fondo, el color del arcoíris puede ayudar a establecer el tono de un proyecto e impulsar la participación del usuario. (Solo piense cuánto más le atrae el color que un solo fondo beige).

Si bien muchos de estos fondos tienen algo de movimiento en forma de animación o video, no es necesario. Lo que es común entre los sitios web con fondos de arcoíris es que a menudo se incluyen en la página de inicio o en el diseño sobre el desplazamiento, y el resto del sitio está menos ocupado.

Esta es una gran técnica cuando se trata de compromiso. Hay algo para que los usuarios se conecten de inmediato, llevándolos al contenido en el que pueden profundizar un poco más.

Más técnicas de degradado

Los colores del arco iris pueden ser una extensión de otra tendencia de color este año: el regreso degradado.

Pruebe una superposición de degradado con una sensación de arcoíris. Elija un cambio de color a gran escala de rojo a azul como SpicyWeb, o elija colores un poco más modernos como Talkd.

De cualquier manera, usar un degradado puede ser una forma divertida de agregar color sin sentirse abrumador. Funciona a pantalla completa o en elementos más pequeños. Un degradado también puede ayudarlo a incorporar los colores de la marca en un esquema de colores estilo arcoíris sin un rediseño completo del sitio.

Destacar algo diferente

Utilice la tendencia del color del arco iris para resaltar algo inusual o diferente en su diseño. Debido a que los colores del arco iris son tan llamativos, pueden ayudar a los usuarios con un patrón de usuario poco convencional, llamar la atención sobre cierto contenido o parte de la pantalla, o pueden ayudar a generar clics. y conversiones.

Jony Guedj usa el color para la navegación. Los elementos del menú no están compuestos de la forma habitual, estando en la parte inferior de la pantalla y funcionando solo con acción de desplazamiento para mostrar diferentes videoclips. Aunque normalmente este tipo de diseño no sería recomendable, aquí funciona. Los colores del arcoíris atraen a los usuarios para que interactúen con ellos y ayudan a las personas a comprender cómo usar el sitio web.

Conclusión

La tendencia del color del arcoíris es muy divertida.

Puede ser difícil de usar si el color te intimida un poco. Pero comience con un elemento de color arcoíris para ver cómo funciona. La mayoría de los diseñadores no convierten sitios web completos en diseños de arcoíris; use los colores del arcoíris para crear imágenes efectivas que atraigan a los usuarios. Probablemente por eso surgió la tendencia.