El color es un componente central en cualquier diseño web, pero también es una forma de expresión personal y de marca. En 2018, los diseñadores están superando los límites de la expresión al salirse de las líneas establecidas.
Antaño, las expresiones coloridas estaban limitadas por tecnologías de pantalla que solo podían mostrar un número reducido de colores web «seguros». Ahora, vivimos la época dorada de los avances tecnológicos y los dispositivos cuentan con pantallas que reproducen colores más ricos, tonos más vibrantes y niveles de saturación que permiten expresiones antes inimaginables.
En 2018, la pregunta no es qué están haciendo los diseñadores con el color, sino qué no están haciendo con él.
1. Paletas y patrones inspirados en los 80 y 90
Todo lo antiguo vuelve a estar de moda, y las tendencias de color en el diseño web de 2018 no son una excepción. Los coleteros también, pero esa es otra historia.
Los esquemas de colores vibrantes y los tonos eléctricos que definieron los 80 y 90 están regresando con fuerza al diseño web. Los diseñadores están abandonando las redes de seguridad cromáticas del pasado y arriesgándose con colores contrastantes para crear experiencias visuales memorables.
Pero guarda los calentadores y pausa tu casete de Madonna. Los rojos intensos, violetas y malvas de aquellas décadas no encajan fácilmente con cualquier estética; emprende este viaje al pasado pensando en tu marca.
Spotify nos enseña cómo adoptar estos esquemas de color salvajes y poco convencionales sin perder la esencia de la marca.
Los diseñadores están especialmente cautivados por esta tendencia. En su portafolio, por ejemplo, Leta Sobierajski lleva a los visitantes a un viaje audaz y colorido al pasado…
2. 50 sombras de… rosa
No, el rosa no es el nuevo negro. ¿Por qué? Porque, seamos sinceros, nadie pidió un nuevo negro.
En 2016, el Rosa Cuarzo y el Serenidad fueron nombrados colores del año, pero eso no marcó el techo para el rosa. Liberado de las cadenas de las connotaciones de género anticuadas, el rosa sigue ganando popularidad como uno de los colores más versátiles del momento.
El rosa millennial, por ejemplo, es una versión más suave del polarizante rosa Barbie que ha conquistado a toda una generación, demostrando que en 2018, el rosa es el nuevo neutro.
Tan neutro, de hecho, que ocupa un lugar central en la página de inicio de Mission Chinese Food, un favorito de culto en San Francisco.
Niika, una agencia con sede en Melbourne, diseñó su página de estudio con un toque brillante de rosa, lo que les valió el reconocimiento de Sitio del Día por parte de Awwwards.
Le preguntamos a Mark Lipert, director general de Niika, sobre la inspiración detrás de este sitio:
Para nuestras decisiones sobre el color del sitio de Niika, Paul se inspiró en una instalación de la galería de arte MONA en Tasmania, obra del artista James Turrell. Puedes ver parte del trabajo de James aquí y, aunque no trabaja exclusivamente con el rosa, nos parece que su uso de la luz, el color y los tonos es intrínsecamente fascinante, algo que esperábamos capturar. Creemos que el rosa es un color amable y abierto, y queríamos que nuestros visitantes sintieran una chispa de alegría acogedora al llegar al sitio.
-Mark Lipert, @niika
3. Degradados
Los degradados están regresando al diseño web de forma elegante y rápida. En 2018, los diseñadores están aprovechando al máximo las opciones de color con degradados en muchas formas, como interfaces vibrantes, fondos, ilustraciones e incluso superposiciones.
Echa un vistazo al colorido giro hacia los degradados de Stripe, por ejemplo:
Antes (2013):
Ahora (2018):
La diseñadora Meagan Fisher aplica los degradados de forma brillante en su portafolio. Los degradados multicolor decoran elementos individuales en la página, y también encontrarás fondos con degradado al pasar el cursor.
Incluso nuestra propia página de inicio de Interactions 2.0 defiende el buen degradado de siempre con transiciones que van del salmón al violeta y al azul cielo.
El proceso de diseño web moderno
Descubre los procesos y herramientas detrás de los sitios web de alto rendimiento en este libro electrónico gratuito.
4. Interacciones basadas en el color
El color es un aliado poderoso para los diseñadores, no solo por su apariencia, sino también por su funcionalidad. Ahora, los diseñadores utilizan los colores como indicadores de cómo un usuario debe interactuar con un sitio y experimentarlo.
Nos gustaría señalar que es importante evitar el uso del color por sí solo como indicador. Aproximadamente el 8 por ciento de los hombres y el 0,5 por ciento de las mujeres se ven afectados por algún tipo de daltonismo, por lo que las señales basadas en el color no deberían ser obligatorias para navegar por tu página.
El sitio web de Jony Guedj, por ejemplo, transforma la paginación estándar en una experiencia fascinante mediante el uso de colores del arcoíris. No necesitas ser capaz de distinguir los colores para entender la funcionalidad de la navegación, pero los tonos variados añaden un toque de alegría para quienes sí pueden percibirlos.
5. Apuestas atrevidas (y encantadoras) por el Ultra Violet
Afirmar que el "color del año" constituye una tendencia de color en el diseño web puede parecer obvio, o quizás perezoso, y te aseguro que probablemente sea ambas cosas. (Es broma).
Adoptar el morado en cualquier forma de diseño no es una tarea fácil ni segura. La gente tiene reacciones intensas ante los morados y rara vez se siente indiferente ante este color. Esto hace que sumergirse en una paleta de colores morados sea un poco más desalentador y trascendental para los diseñadores.
Dicho esto, este año hemos visto a los diseñadores adoptar por completo la profundidad del Color del Año de Pantone: 18-3838 Ultra Violet. Pantone lo describe como "[...] simbólico de la contracultura, la falta de convencionalismos y la brillantez artística. Matizado y lleno de emoción [...]"
Entonces, ¿qué marcas y diseñadores se están lanzando valientemente a la piscina del Ultra Violeta y logran mantenerse a flote? Aquí tenemos dos de nuestros ejemplos favoritos:
Experimentos musicales en 3D de BDDI 2018
La diseñadora detrás del sitio de Hideout Lodge, Holly Mandarich, comparte el motivo de su elección de color:
Queríamos asegurarnos de que nuestra selección de colores reflejara lo que el albergue y la experiencia tenían para ofrecer... usar el violeta, el dorado y el negro realmente insinuaba un aire de alta gama para comunicar a los usuarios del sitio que la experiencia en Hideout Lodge tiene un lujo superior a cualquier otra oferta de su tipo.
-Holly Mandarich, 970 Design
6. Duotono
Los diseñadores están implementando tonos vibrantes y contrastantes para lograr el potente efecto del duotono. Las imágenes de dos tonos no solo son un medio para captar la atención, sino también una forma de usar fotografías de archivo de una manera nueva.
New Deal Design, por ejemplo, le da nueva vida a la vieja técnica de impresión en su llamativo sitio:
El sitio web de Evoluir anima con color las imágenes de fondo sin restar humanidad a sus sujetos fotográficos.
7. Paletas de colores brutalistas (léase: ninguna paleta en absoluto)
El brutalismo, una de las tendencias de diseño líderes de este año, ha producido paletas de colores peculiares. El color, después de todo, es un componente clave para hacer que un sitio web brutalista sea... brutal.
Una amplia gama de colores llena formas oblicuas, diseños inesperados y patrones a veces discordantes para producir una experiencia visual inolvidable; sin embargo, las paletas de colores estridentes también pueden resultar molestas para los usuarios.
Dropbox.design, por ejemplo, demuestra la esencia del brutalismo a través del color sin sacrificar la usabilidad. Su diseño es, hay que admitirlo, una forma "ligera" de brutalismo, pero la aplicación única y memorable del color está ciertamente inspirada en el brutalismo.
El portafolio de Chrissie Abbott está muy lejos del brutalismo "ligero". El movimiento rápido y las imágenes hipnóticas del sitio se ven realzados con una paleta de colores audaz.
¡Color, todo vale! El diseño web, circa 2018.
Los colores, liberados de las cadenas de las limitaciones «web-safe», están tomando el timón de las tendencias de diseño web este año. Los diseñadores, sin perder de vista la marca, apuestan por colores atrevidos para que sus sitios destaquen entre la multitud.
Con más posibilidades llega más responsabilidad: diseñadores, usen el color con precaución. Quieren que su sitio y su marca sean recordados por los visitantes, pero no porque les hayan provocado una visita al oculista.
¿Qué tendencias de color están viendo y amando (u odiando)? Nos encantaría leer sus comentarios.
