Tendencias Web para el 2017
-
Upload
socialmood -
Category
Design
-
view
35 -
download
0
Transcript of Tendencias Web para el 2017
![Page 1: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/1.jpg)
TENDENCIAS EN DISEÑO WEB 2017
@socialmood
![Page 2: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/2.jpg)
EL ORÁCULO…
![Page 3: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/3.jpg)
HA HABLADO
![Page 4: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/4.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/5.jpg)
Y COMO DE DISEÑO WEB NO
DIJO NADA…
![Page 6: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/6.jpg)
TE LO VAMOS A CONTAR
NOSOTROS
![Page 7: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/7.jpg)
![Page 8: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/8.jpg)
MICRO INTERACCIONES MICRO INTERACCIONES MICRO INTERACCIONES MICRO INTERACCIONES MICRO INTERACCIONES
![Page 9: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/9.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/10.jpg)
![Page 11: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/11.jpg)
![Page 12: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/12.jpg)
![Page 13: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/13.jpg)
ILUSTRACIÓN ILUSTRACIÓN ILUSTRACIÓN ILUSTRACIÓN ILUSTRACIÓN
![Page 14: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/14.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/15.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/16.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/17.jpg)
![Page 18: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/18.jpg)
COLOR COLOR COLOR COLOR COLOR
![Page 19: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/19.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/20.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/21.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/22.jpg)
![Page 23: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/23.jpg)
FONDO SOBRE FORMA FONDO SOBRE FORMA FONDO SOBRE FORMA FONDO SOBRE FORMA FONDO SOBRE FORMA
![Page 24: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/24.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/25.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/26.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/27.jpg)
![Page 28: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/28.jpg)
DESIGNERS&DEVELOPERS DESIGNERS&DEVELOPERS DESIGNERS&DEVELOPERS DESIGNERS&DEVELOPERS DESIGNERS&DEVELOPERS
![Page 29: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/29.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/30.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/31.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/32.jpg)
“A LOS CONSUMIDORES NO LES IMPORTARÍA SI EL 92% DE LAS MARCAS
DESAPARECIERAN MAÑANA”
![Page 33: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/33.jpg)
BONUS
![Page 34: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/34.jpg)
LAS TENDENCIAS DEL 2016 QUE
VINIERON PARA QUEDARSE
![Page 35: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/35.jpg)
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](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/36.jpg)
TODO ESTO LLEGA EN 2017
![Page 37: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/37.jpg)
Y TU PÁGINA WEB AUN CON ESOS PELOS
![Page 38: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/38.jpg)
¡PUES QUE TODO SEA ESO! MIENTRAS TENGAS BIEN CERQUITA
40DEFIEBRE.COM NO TIENES DE QUE PREOCUPARTE.
![Page 39: Tendencias Web para el 2017](https://reader034.fdokumen.com/reader034/viewer/2022051706/58f019271a28ab133e8b4611/html5/thumbnails/39.jpg)