TENDENCIAS EN DISEÑO WEB PARA 2018

El 2017 ya se está acabando. El Black Friday está a la vuelta de la esquina y en cuatro días se nos echará encima la Navidad. Así que ya es hora de ir pensando en cómo serán las tendencias en diseño web para el próximo 2018. Por supuesto, no es que vayamos de gurús ni de adivinos, pero sí podemos “intuir” un poco por dónde creemos que van a ir los tiros. Como cada año, hay tendencias que todavía sobreviven de años anteriores. Pero el diseño web es un ser mutante que no cesa de evolucionar y seguro que el año que viene nos traerá nuevas sorpresas.

Así que, sin más dilación, estas son nuestras previsiones para las tendencias en diseño web para 2018:

El diseño

Con el objetivo de aumentar la usabilidad del usuario, una de las tendencias que viene pisando más fuerte es el diseño en esqueleto. Gracias a este diseño la web se carga por etapas, de lo más simple a lo más complejo. Primero vemos la estructura de la web y luego, poco a poco, se va cargando el resto del contenido, reduciendo sensiblemente la velocidad de carga.

Aunque los diseños hamburguesa siguen estando muy extendidos, otro diseño que está llegando a lo más alto es el diseño modular (tipo Pinterest). Con este diseño la web funciona como módulos independientes, ofreciendo una gran capacidad de adaptación a las dimensiones de cada dispositivo.

Y, por supuesto, la optimización va a seguir siendo uno de los grandes retos para este año que viene.  Con un índice de abandono que llega hasta el 53% tras 3 segundos de carga, las páginas web que se comportan como aplicaciones nativas (Progressive Web Apps) son casi con total seguridad el futuro de la web. Ocupan mucho menos espacio e incrementan su funcionalidad.

Colores y formas

La demanda de ilustraciones e infografías propias aumenta por momentos, dejando olvidados los bancos de imágenes gratuitas. Uno de los principales motivos por el que muchas webs empiezan a ser clones de otras, sobre todo dentro del mismo sector, es precisamente por el abuso de las imágenes libres de derechos.

En 2018 triunfarán los diseños originales, más interactivos, dando lugar a diseños diferenciadores. En cuanto al contenido gráfico, estas son algunas de las tendencias que esperamos ver este año:

  • Colores vivos (despedimos definitivamente las escalas de grises), degradados (vuelven las fusiones bitonales que se perdieron en el año 2000) y bicromatismos.
  • Formas geométricas y skeumorfismo, con texturas de la vida real.
  • Fondo sobre forma y superposiciones de colores simples para producir un efecto de profundidad y textura en la web.
  • Flat Design, simplificando el uso de colores y tipografías obteniendo un diseño final minimalista.
  • Diseño minimalista y limpio en branding y logos.
  • Formas y botones personalizados que dotarán a una web de personalidad y carácter en su diseño, reforzando así la identidad visual de la marca.

Imágenes, vídeos y efectos

Al usuario le cansa tener que leer mucho. Y si tiene que hacerlo es mucho más interesante si se lo presentamos mediante animaciones, vídeos o efectos. Pero siempre con mesura. No es necesario volver a las webs de antes llenas de banners de colores chillones y pops ups invasores. Y siempre teniendo muy presente los tiempos de recarga. Estas son algunas de las tendencias que se están posicionando de cara al 2018:

  • Hero imágenes, Gifs o vídeos que ocupan toda la página, sirviendo de carta de presentación de la marca. Los Sliders de imágenes para captar la atención ya han quedado desfasados.
  • Microinteracciones que provocan un cambio cuando el usuario interactúa con ellos. Por ejemplo, cuando se introduce un producto en el carrito, que éste se mueva o cambie de forma.
  • Efectos Hover que se activan cuando el usuario se sitúa sobre una imagen y ésta cambia.
  • Efecto Parallax que son movimientos a distintas velocidades de elementos web que se activan al hacer scroll, dándole profundidad a la página.
  • Animaciones HTML 5: HTML 5 y CSS 3 nos aportan una gran variedad de instrucciones para realizar cualquier tipo de animación en nuestra web. Podemos realizar animaciones con objetos vectoriales en 2D o 3D.
  • Realidad virtual y 360.

Tipografías

La tipografía es la clara vencedora en la batalla contra las imágenes. Se van a imponer las fuentes coloridas, lúdicas y artísticas, dejando de lado los viejos mapas e bits, aportando limpieza al plano y ayudando aún más a imprimir carácter. En definitiva, se van a convertir en protagonistas de una interfaz:

  • En muchas ocasiones las tipografías no son un simple texto para comunicar, son formas.
  • Las tipografías “hand made” o vintage siguen siendo tendencia al ofrecer una mayor diferenciación y distinción de las habituales. No obstante, las tipografías circulares y la Sans Serif también ocupan aún un lugar importante entre las favoritas.
  • Tipografías desencuadradas, así como el texto en superposición con imágenes.
  • La tendencia a combinar textos o títulos horizontales y verticales es perfecta para llamar la atención de los internautas.

Recommended Posts

No comment yet, add your voice below!


Add a Comment