<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=737747933024882&amp;ev=PageView&amp;noscript=1">

De la interacción a la animación: Tendencias de diseño web en el 2017

Eduardo Kills

Eduardo Kills January 19, 2017

Sígueme:

 

Año nuevo, tendencias web nuevas, o eso quisiéramos creer. Estas son las tendencias de diseño web que estarán presentes en los mejores sitios durante el 2017.

 

Estas tendencias de diseño web se han ido consolidando

Algunas parecen del año pasado, pero muchas de estas tendencias de diseño web se han ido consolidando hasta volverse herramientas muy útiles y estéticamente correctas.

¡Empecemos con la lista! Y qué mejor que usar varios ejemplos de nuestra página de premios de diseño web favorita: ¡los Awwwards!

 

Interacciones en todo momento

En el 2016 las interacciones en sitios web se volvieron necesarias para mejorar la experiencia del usuario. Es por eso que cada acción debe reflejarse visualmente por mínima que sea. 

Implementar un estado hover en cada botón o link se ha vuelto esencial, al igual que loaders e indicadores que reflejen que se está llevando a cabo una función. Todo esto tiene que percibirse sin ningún inconveniente. Nadie quiere presionar un botón sin que este haga algo, ¿cierto?

 PageCloud-Setup.gif

 

Parallax: Un año más

¿Quién diría que este estilo duraría tantos años? El efecto parallax se ha perfeccionado a lo largo del tiempo. Ahora existen sitios que, gracias a esta herramienta, son capaces de cambiar la perspectiva visual.

El efecto Parallax está pasando de ser tendencia a ser una herramienta que llena de dinamismo las páginas. No se trata sólo de colocar elementos sobre otros, sino de llenar de movimiento todo un sitio, logrando una tridimensionalidad creíble.

Aunque usado en exceso a veces puede ser cansado, a primera instancia logra ser muy impactante.

Ejemplo: Epicurrence No. 3

Captura de pantalla 2017-01-17 a las 10.28.56.png  

 

Desorden aparente

Lo que en un principio puede ser una pesadilla para los diseñadores gráficos obsesionados con las retículas y la simetría perfecta, se volvió tendencia y probablemente continúe siéndolo en el 2017. 

Debo confesar que me tomó varias semanas sentirme bien al navegar en este tipo de sitios. Pero después de conocerlos te puedes volver adicto a este desorden, a los elementos que parecen no tener una relación en el espacio y que intervienen unos con otros e incluso se cortan sin una explicación clara. 

Pero todo tiene un por qué. A pesar de no presentar retículas con claridad, el orden de cada elemento es muy preciso y la aleatoriedad es planeada desde el proceso de diseño. Puede costar un poco encontrar lo perfecto en lo imperfecto, pero definitivamente es una tendencia a tomar en cuenta.

Ejemplo: RumchataCaptura de pantalla 2017-01-04 a las 16.51.41.png

 

Animaciones

Las animaciones se encuentran cada vez más presentes. Ya no basta con un botón de carga o un slide de imágenes con algún efectillo. Ahora se pueden implementar animaciones como elementos flotantes en un fondo, o algún efecto después de presionar un botón.

Ahora incluso se generan pequeños juegos en las páginas, los cuales requieren de distintas animaciones para mejorar la continuidad y el funcionamiento. Esto ayuda a incrementar el dinamismo y asegurar que los usuarios disfruten la navegación. Sólo no olvides mantenerlo ligero, no querrás animaciones complejas que tarden mucho en cargar.

Ejemplo: Eros Suites

Captura de pantalla 2017-01-17 a las 10.33.52.png 

 

Grandes tamaños 

Esta tendencia lleva un tiempo, pero sigue estando presente. Aún se pueden ver sitios con videos de pantalla completa en el inicio o imágenes gigantes con frases inspiradoras. ¡Y nos encantan! No podemos negar que rompió con esos sitios cuadrados de 900 pixeles de ancho de hace años.

También aplica para textos. Muchos sitios utilizan tipografías grandes con un gran peso visual en varias de sus páginas. Así que no dudes que seguirás viendo este tipo de elementos en el 2017.

Ejemplo: Beagle

Captura de pantalla 2017-01-17 a las 10.53.47.png 

 

Más fuentes y estilos tipográficos

La tipografía ya no es meramente descriptiva, también sirve como un elemento estético en el diseño web. Estamos en el 2017, ya existen muchas tipografías optimizadas para web más alla de las Sans-serif. Y no sólo para títulos.

Recuerda que la selección tipográfica para un sitio lleva tiempo. Es un elemento que se repetirá en cada sección de la página y es capaz de reforzar la personalidad de la empresa. Tómate tu tiempo, explora todo Google Fonts si es necesario para encontrar la indicada.

Ejemplo: KIKK Fest

Captura de pantalla 2017-01-17 a las 11.15.15.png 

 

El poder del espacio en blanco

Esta tendencia es muy notoria en sitios web de presentación de productos o aplicaciones digitales, generalmente acompañadas de descripciones y textos pensados para enamorar al usuario.

Desde hace varios años los sitios ya no necesitan fondos porque el cliente siente que la página "se ve vacía”. Así que no temas aplicar todas las tendencias vistas y utilizarlas en armonía con este maravilloso elemento: el espacio en blanco.

Aplica para todo: Cada vez es necesario presentar menos información, o al menos aparentarlo. Tu sitio no es wikipedia, el usuario no entrará para leer cantidades extensas de información. Y por favor: ¡menos opciones en los menús! No siempre es necesario mostrar la misión y los valores de la empresa.

Ejemplo: Carv

Captura de pantalla 2017-01-17 a las 10.37.08.png

   

El diseño responsivo no es una tendencia, es una necesidad

¡Listo! Pero no pienses que el diseño responsivo no ha pasado por mi mente: este ya no es una tendencia, sino una necesidad en todos los sitios actuales.

¿Qué te parecen estas tendencias de diseño web previstas para el 2017? ¿Crees que alguna de ellas desaparezca a lo largo del año? ¡Déjalo en los comentarios! Y si te gustó este artículo no olvides compartirlo con tus amigos diseñadores y fanáticos del diseño web.

 

¿Quieres más artículos?

Relacionado...

En el blog de Qualium hablamos sobre marketing digital, redes sociales e inbound marketing.