Tendencias web 2016 by Engaus

12
TENDENCIAS WEB 2016

description

Recopilación de tendencias web que marcarán el 2016.

Transcript of Tendencias web 2016 by Engaus

Page 1: Tendencias web 2016 by Engaus

TENDENCIAS WEB 2016

Page 2: Tendencias web 2016 by Engaus

FLAT + MATERIAL DESIGN

Page 3: Tendencias web 2016 by Engaus

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

Efectos de profundidad, sombras, animaciones y transiciones

Page 5: Tendencias web 2016 by Engaus

TIPOGRAFÍA

Page 6: Tendencias web 2016 by Engaus

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
Page 8: Tendencias web 2016 by Engaus

ANIMACIONES

Page 9: Tendencias web 2016 by Engaus

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

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

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