5 Tendencias en diseño web para 2016

tendencias web 2016
Ya tenemos bastante entrado el año y empezamos a analizar tendencias web. Y es que, aunque no es necesario que se apliquen todas ellas, sí que es verdad que en alguna medida ya se están implementando.

Las 5 tendencias de las que hablaremos son:
  1. Animaciones
  2. Flat Design
  3. Vídeos
  4. Ilustraciones
  5. Tipografía
1) Las animaciones pueden ser de varios tipos, algunas más sutiles y otras más marcadas. Pero sobretodo se necesita un equilibrio para que no provoque un exceso de movimiento y maree el usuario.
En detalle podríamos decir que las animaciones que más se van a utilizar serán las animaciones CSS (por ejemplo, letras que aparecen desde fuera de la pantalla, o desde el centro con un fundido). También son animaciones aquellas en las que una imagen se queda estática mientras el resto de contenido hace scroll… este efecto se llama Parallax. El mejor ejemplo de animaciones y parallax lo podrás encontrar en http://www.apple.com/es/iphone-6s/
2) En el apartado de Flat Design, cada vez veremos como Material Design está cobrando más fuerza. Es lo que llaman diseño plano con efecto 3D y si tienes un móvil con Android de última generación sabrás muy bien a lo que nos referimos. Y por supuesto Google lo implementa en sus webs, por ejemplo: http://www.google.com/inbox/
3) Los vídeos cada vez son más importantes en la web. Pueden crear que un usuario permanezca más tiempo en la web, o bien transmitir sensaciones más allá de las ilustraciones. En cuanto a innovación en este campo, se utilizarán los cinemagraphs que son como gifs, pero con un desarrollo mucho más cuidado y focalizando el movimiento en aquél producto que queremos que llame la atención. Ejemplos: http://cinemagraphs.com
4) Las ilustraciones empezarán a cobrar más protagonismo que las fotos, pero sin llegar a substituirlas. Las ilustraciones servirán para contar historias de manera más amigable. Un ejemplo: http://chaska.com.pe
5) La tipografía es la clave para dar forma a la web. Una buena tipografía puede hacer que la imagen de la marca se vea claramente identificada… si no, párate a pensar: ¿Cuál es la tipografía de Coca-Cola? Seguro que la recuerdas. Y la verdad es que hay muchos bancos dónde puedes escoger la tipografía para tu web. Por ejemplo: http://www.fontsquirrel.com
Por cierto, ¿Sabías que en WebLowCostBCN ya hemos empezamos a implementar en nuestros últimos proyectos estas técnicas? ¡A ver si adivinas cuantas y en qué proyectos!

Leave a comment