Detalles

Las tendencias en diseño web 2017

Tendencia en diseño web 2017

Interacción micro (y sutil)

El retorno del rotulador

El retorno del rotulador

Coloramor

Coloramor

Fondo sobre forma

Fondo sobre forma

Designers Developers

Designers Developers

¿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).

Ejemplos: Sixux | Capptivate

El retorno del rotulador

Tendencias en Diseño Web 2017 - 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

Tendencias en Diseño Web 2017 - 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

Tendencias en Diseño Web 2017 - Fondo

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

Tendencias en Diseño Web 2017 - Design

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.



Comparte el post: