Ya lo decía Leonard Cohen en The Future:
«THINGS ARE GOING TO SLIDE, SLIDE IN ALL DIRECTIONS» –
TENDENCIAS EN DISEÑO WEB 2017
¿Qué tendencias en diseño web lo van a petar este año 2017? O más bien lo están petando ya… hacemos un rápido repaso de las más importantes para estar al día.
INTERACCIÓN MICRO (Y SUTIL)
Vamos a ver mucha interacción delicada el próximo año, después de coger tracción y convertirse en esenciales dentro del UX/UI en este 2016. Aporta contexto y ayuda al usuario y recarga la usabilidad de nuestros sites y apps. Desde loaders hasta iconos animados, con una micro interacción eficaz te aseguras conseguir engagement e informar al mismo tiempo (que no es poco).
EL RETORNO DEL ROTULADOR
Los ilustradores están-mos de enhorabuena (más). Saber dibujar va a ser un GOAL en este 2017, añadiendo personalidad y carácter a nuestros diseños mientras se refuerza la identidad visual de las marcas que nos alimentan. Todo esto sin contar con la versatilidad de la aplicación (de la mancha a la línea y del realismo a la locura psicotrópica). Además, no olvides que ahora, tus dibujos pueden ser dibujos animados.
Ejemplos:
Lapierre Qui Tourne
Future Living
COLORAMOR
El color está nominado en todas las entregas de premios. Te lo vas a encontrar en las digievoluciones del material design. Pero no sólo. También estará presente en gradientes geométricos que brillan, apoyando la interacción en sombras y superposiciones y pintando imágenes en duotonos y mapas a medida.
Ya lo dice Getty: en nuestras agitadas vidas, lo usual aburre, así que preparémonos para un 2017 pop lleno de manipulaciones cromáticas.
Ejemplos:
Spotify
Dribble
Mapas a medida
Mailchimp
FONDO SOBRE FORMA
Diseño invisible, para que el contenido brille. Mockups minimal, en lugar de realistas. Maquetas en long form, para contenidos brutos. Scroll hasta el infinito y más allá (y aquí toma sentido el parallax con esteroides), para que tus usuarios puedan revisar grandes bloques de contenido sin navegar ni ser interrumpidos.
Ejemplos:
Sketch resources
Polygon
DESIGNERS ❤ DEVELOPERS
Más colaboración con mejor comunicación. Ahora que el responsive tiene un hueco en nuestros corazones y mobile first empieza a sonar a conocido entre esa-gente-normal-que-no-sabe-qué-es-un-grid, la colaboración entre diseñadores y desarrolladores es imprescindible.
El próximo año dejaremos atrás el jpg y los 12K de capas en Photoshop, con sus documentos funcionales, para subirnos fuerte a visualizaciones dinámicas en prototipos de alta fidelidad. InVision está poniéndose las pilas en compañía de Marvel, UXPin y otros tantos, así que parece que el universo proveerá exports de CSS de alta calidad, para mayor gloria y disfrute.
THEY CAME FROM 2016: BONUS TRACK.
Levitando por encima de todo lo anterior, parece que algunas de las tendencias que lo partieron el pasado año vinieron para quedarse (¡milagro!), ya sea con un flip o esteroides.
Este 2017 volveremos a hablar de parallax, hegemonía del scroll, cards y material design (con sus muchas mutaciones). También de diseñar con tipografía, y de gifs y animaciones. Seguiremos bailando al ritmo de breaking the grid. Y profundizaremos en esa tendencia Make it real 4 real people, que se apuntala en la realidad virtual, la experiencia inmersiva y el 360.
Ojalá la cuesta de enero no te pille con codo de tenista, joven diseñador. Porque vamos a tener que mover bien el brazo.
