tendencias web para el 2017

39
TENDENCIAS EN DISEÑO WEB 2017 @socialmood

Upload: socialmood

Post on 14-Apr-2017

34 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Tendencias Web para el 2017

TENDENCIAS EN DISEÑO WEB 2017

@socialmood

Page 2: Tendencias Web para el 2017

EL ORÁCULO…

Page 3: Tendencias Web para el 2017

HA HABLADO

Page 4: Tendencias Web para el 2017

PARA ESTE 2017 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).

Page 5: Tendencias Web para el 2017

Y COMO DE DISEÑO WEB NO

DIJO NADA…

Page 6: Tendencias Web para el 2017

TE LO VAMOS A CONTAR

NOSOTROS

Page 7: Tendencias Web para el 2017
Page 8: Tendencias Web para el 2017

MICRO INTERACCIONES MICRO INTERACCIONES MICRO INTERACCIONES MICRO INTERACCIONES MICRO INTERACCIONES

Page 9: Tendencias Web para el 2017

MICRO INTERACCIONESPEQUEÑAS PERO MATONAS

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

Page 10: Tendencias Web para el 2017
Page 11: Tendencias Web para el 2017
Page 12: Tendencias Web para el 2017
Page 13: Tendencias Web para el 2017

ILUSTRACIÓN ILUSTRACIÓN ILUSTRACIÓN ILUSTRACIÓN ILUSTRACIÓN

Page 14: Tendencias Web para el 2017

ILUSTRACIÓNEL ROTULADOR IS BACK!

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.

Page 15: Tendencias Web para el 2017

ILUSTRACIÓNEL ROTULADOR IS BACK!

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.

Page 16: Tendencias Web para el 2017

ILUSTRACIÓNEL ROTULADOR IS BACK!

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.

Page 17: Tendencias Web para el 2017
Page 18: Tendencias Web para el 2017

COLOR COLOR COLOR COLOR COLOR

Page 19: Tendencias Web para el 2017

COLORNUNCA SUFICIENTE

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.

Page 20: Tendencias Web para el 2017

ILUSTRACIÓNEL ROTULADOR IS BACK!

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.

Page 21: Tendencias Web para el 2017

ILUSTRACIÓNEL ROTULADOR IS BACK!

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.

Page 22: Tendencias Web para el 2017
Page 23: Tendencias Web para el 2017

FONDO SOBRE FORMA FONDO SOBRE FORMA FONDO SOBRE FORMA FONDO SOBRE FORMA FONDO SOBRE FORMA

Page 24: Tendencias Web para el 2017

FONDO SOBRE FORMA¡PERO QUÉ BONICOS QUEDAN!

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.

Page 25: Tendencias Web para el 2017

ILUSTRACIÓNEL ROTULADOR IS BACK!

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.

Page 26: Tendencias Web para el 2017

ILUSTRACIÓNEL ROTULADOR IS BACK!

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.

Page 27: Tendencias Web para el 2017
Page 28: Tendencias Web para el 2017

DESIGNERS&DEVELOPERS DESIGNERS&DEVELOPERS DESIGNERS&DEVELOPERS DESIGNERS&DEVELOPERS DESIGNERS&DEVELOPERS

Page 29: Tendencias Web para el 2017

DESIGNERS&DEVELOPERSLA PAREJA DE MODA

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.

Page 30: Tendencias Web para el 2017

DESIGNERS&DEVELOPERSLA PAREJA DE MODA

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.

Page 31: Tendencias Web para el 2017

DESIGNERS&DEVELOPERSLA PAREJA DE MODA

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.

Page 32: Tendencias Web para el 2017

“A LOS CONSUMIDORES NO LES IMPORTARÍA SI EL 92% DE LAS MARCAS

DESAPARECIERAN MAÑANA”

Page 33: Tendencias Web para el 2017

BONUS

Page 34: Tendencias Web para el 2017

LAS TENDENCIAS DEL 2016 QUE

VINIERON PARA QUEDARSE

Page 35: Tendencias Web para el 2017

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.

Page 36: Tendencias Web para el 2017

TODO ESTO LLEGA EN 2017

Page 37: Tendencias Web para el 2017

Y TU PÁGINA WEB AUN CON ESOS PELOS

Page 38: Tendencias Web para el 2017

¡PUES QUE TODO SEA ESO! MIENTRAS TENGAS BIEN CERQUITA

40DEFIEBRE.COM NO TIENES DE QUE PREOCUPARTE.

Page 39: Tendencias Web para el 2017