TENDENCIAS WEB 2016

FLAT + MATERIAL DESIGN

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/

Efectos de profundidad, sombras, animaciones y transiciones

TIPOGRAFÍA

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/

ANIMACIONES

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

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

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: