tendencias web 2016 by engaus
DESCRIPTION
Recopilación de tendencias web que marcarán el 2016.TRANSCRIPT
![Page 1: Tendencias web 2016 by Engaus](https://reader031.vdocuments.mx/reader031/viewer/2022020405/5790771a1a28ab6874bc32fe/html5/thumbnails/1.jpg)
TENDENCIAS WEB 2016
![Page 2: Tendencias web 2016 by Engaus](https://reader031.vdocuments.mx/reader031/viewer/2022020405/5790771a1a28ab6874bc32fe/html5/thumbnails/2.jpg)
FLAT + MATERIAL DESIGN
![Page 3: Tendencias web 2016 by Engaus](https://reader031.vdocuments.mx/reader031/viewer/2022020405/5790771a1a28ab6874bc32fe/html5/thumbnails/3.jpg)
Imagen limpiaInspiración de la tinta y el papel.Diseño de interfaces de formas planas y sencillas.Inclusiones de sombras que ayudarían a jerarquizar elementos de la web.
Propuesta por Google para las aplicaciones Android y adoptado por la web.
Fuentes: http://material.cmiscm.com/ http://www.canaltp.fr/
![Page 4: Tendencias web 2016 by Engaus](https://reader031.vdocuments.mx/reader031/viewer/2022020405/5790771a1a28ab6874bc32fe/html5/thumbnails/4.jpg)
Efectos de profundidad, sombras, animaciones y transiciones
![Page 5: Tendencias web 2016 by Engaus](https://reader031.vdocuments.mx/reader031/viewer/2022020405/5790771a1a28ab6874bc32fe/html5/thumbnails/5.jpg)
TIPOGRAFÍA
![Page 6: Tendencias web 2016 by Engaus](https://reader031.vdocuments.mx/reader031/viewer/2022020405/5790771a1a28ab6874bc32fe/html5/thumbnails/6.jpg)
Imagen Tipográfica
Uso expresivo de la tipografía.Se utilizará como forma, es decir, se ilustrará con letras.Propicia la creación de mensajes e ilustraciones.
Fusión de espacios y contenidos.
Fuentes: http://www.whitefrontier.ch/ http://www.vintagehope.co.uk/
![Page 7: Tendencias web 2016 by Engaus](https://reader031.vdocuments.mx/reader031/viewer/2022020405/5790771a1a28ab6874bc32fe/html5/thumbnails/7.jpg)
![Page 8: Tendencias web 2016 by Engaus](https://reader031.vdocuments.mx/reader031/viewer/2022020405/5790771a1a28ab6874bc32fe/html5/thumbnails/8.jpg)
ANIMACIONES
![Page 9: Tendencias web 2016 by Engaus](https://reader031.vdocuments.mx/reader031/viewer/2022020405/5790771a1a28ab6874bc32fe/html5/thumbnails/9.jpg)
HTML 5Experiencia memorable
Parallax: interacción por parte del usuario, genera ritmo, ayuda a contar historias y potencia el contenido.Loaders: no requiere interacción, pero calma la ansiedad.Hover: experiencia intuitiva y respuesta inmediata a cualquier movimiento del cursor sobre el contenido.Slideshow: método efectivo para presentar variedad de imágenes o videos.
Fuentes: Le mugs / Parallax For Better Coffee / Parallax Socialmood / Load Studio Kraftwerk / Hover campers / slideshow bartaile / Slideshow
![Page 10: Tendencias web 2016 by Engaus](https://reader031.vdocuments.mx/reader031/viewer/2022020405/5790771a1a28ab6874bc32fe/html5/thumbnails/10.jpg)
VideosAtrae al receptor
Pantalla completa.Más fáciles de recordar que un texto.
Usar con moderación.
Fuentes: http://www.dunckelfeld.de/en/ http://www.maple.com
![Page 11: Tendencias web 2016 by Engaus](https://reader031.vdocuments.mx/reader031/viewer/2022020405/5790771a1a28ab6874bc32fe/html5/thumbnails/11.jpg)
Muchas tendencias actuales, están condicionadas por el uso de dispositivos móviles.
Diseños más sencillos. Menos es más.
El usuario manda.
Historias con imágenes, ilustraciones, íconos, por ejemplo; infografías.
Colores llamativos.
Responsivo si o si.
En resumen:
![Page 12: Tendencias web 2016 by Engaus](https://reader031.vdocuments.mx/reader031/viewer/2022020405/5790771a1a28ab6874bc32fe/html5/thumbnails/12.jpg)