Tendencias en diseño web 2018: el oráculo ha hablado

Para este 2018 Nostradamus pronosticó el ascenso de China como superpotencia, la muerte del Papa y la IV Guerra Mundial (cosas del cambio climático, nada de zombies). Como de diseño web no dijo nada, te lo vamos a contar nosotros.

Ya lo decía Leonard Cohen en The Future:

«Things are going to slide, slide in all directions»

Tendencias en Diseño Web 2018

¿Qué tendencias en diseño web lo van a petar este año 2018? 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)

Tendencias en Diseño Web 2017 - Interacción

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 el 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:
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 2018, 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 MarvelUXPin 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.

Tendencias en Diseño Web 2017 - Back 2016

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.


Fuente: https://www.40defiebre.com/tendencias-en-diseno-web-2017/

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

BG MOBILE 2.0 S.L. utiliza cookies para facilitar su experiencia como usuario, captar datos estadísticos, mejorar nuestros servicios y analizar sus datos de navegación. Si usted continúa visitando nuestro sitio web, entendemos que nos ofrece su consentimiento para el uso de cookies. Para más información consulta nuestra Política de Cookies.

ACEPTAR
Aviso de cookies