Antes de plantear el diseño de una web, es positivo echar un vistazo a todo el espectro de posibilidades que se abren ante nosotros. Un buen diseño web ofrece al usuario nuevas posibilidades de interacción. El gran reto es explicar al cliente cómo se puede beneficiar de estas nuevas tendencias web y cuáles son.

 

1. A lo grande

tendencias1.png

"Make it big": Éste parece ser el principio fundamental de la tendencia del diseño web actual.  Una imagen que ocupa toda la pantalla y un único texto que tiende a ser más evocador que informativo. En ocasiones, hasta se ocultan los menús de navegación. Para hacer un primer buen impacto, menos es más.

Esta tendencia se puede dividir en dos estilos:

  • El llamado "cinemático", inspirado en películas y anuncios de TV.  Los primeros ejemplos de este tipo de diseño con vídeo integrado a fullscreen empezaron a verse en las webs de varias agencias de publicidad en el 2013. http://www.borngroup.com/
  • El  estilo "portadas de libros" en el que la web se plantea como una doble página abierta. Un ejemplo de este tipo de diseño es http://voidandform.com/

La consolidación de estos estilos obedece a dos razones: es visual y es pragmático. Los usuarios reciben un mayor impacto según aterrizan en la página y la codificación es mucho más sencilla, haciendo que este diseño web funcione igual de bien en cualquier dispositivo ya que el layout apenas cambia aunque cambien las pantallas.

2. Experiencia multimedia

tendencias2.png

El término "multimedia" ha sido tan utilizado que prácticamente ha perdido su valor. Sin embargo, diseñadores y programadores siguen luchando para conseguir mejorar la verdadera experiencia multimedia del usuario. Flash es historia, HTML5 canvas te permitirá crear prácticamente cualquier efecto visual. Podéis ver un ejemplo de la versatilidad de una interface construida con HTML Canvas en la web del músico de Brooklyn Jonathen Dagan http://jviewz.com/

3. El efecto Parallax y sus mutaciones

El efecto Parallax ha ido mutando, pero todas sus opciones siguen permitiendo a los diseñadores usar el movimiento del ratón y el scrolling para animar elementos o propiedades de la página. Aquí os mostramos algunas de esas mutaciones:

Usar el scroll para introducir animaciones. Un ejemplo es la web de Mint Design http://mintdesigncompany.com/

tendencias3.png

Scroll horizontal combinado con vertical y organizado por colores. http://www.quoplus.com/

tendencias4.png

Contar historias completas a través del scrolling.  Casi como un cuento. https://www.boldking.com/

tendencias5.png

Generar sensación de movimiento a través del efecto Parallax combinado con el movimiento del ratón generando un efecto 3D, como por ejemplo la web de los mexicanos http://habitatweb.mx/.

tendencias6.png

4. Diseño plano

El rey del diseño web en los últimos tres años. No pasa de moda porque no cansa. Sigue siendo tendencia gracias a su pragmatismo visual y permite conseguir el "wow effect" integrando otros elementos como sutiles gradientes, texturas o imágenes. http://www.lab21.gr

tendencias7.png

5. Romper la barrera del formato rectangular

El formato de la pantalla del ordenador es rectangular, pero no todo diseño ha de estar metido en esa caja. Las nuevas tendencias de diseño intentan romper la barrera de estas cuatro líneas a través de webs navegables en profundidad y consiguiendo que el usuario no sienta límites en su pantalla. Uno de las webs que ha conseguido este efecto es http://www.world-of-swiss.com/en.

tendencias8.png

¿Te gustaría ser nuestro Patreon? https://www.patreon.com/codejobs

¿Te gustó esta publicación? Márcala como favorita