Blog
Tendencias de Diseño Web 2020
Principales Tendencias en Diseño Web
Contenido dividido o fusionado
Una de las tendencias más recientes que se irá extendiendo hacia el 2020, es el efecto dividido o fusionado, que consiste en dividir un elemento en dos para por ejemplo comparar dos cosas.
Efecto Hover
Una de las tendencias de diseño web para 2020 es extender este efecto o alteración a otras partes de mayor tamaño en la web, como pueden ser bloques completos, fondos o imágenes.
Desplazamiento Vertical
Consiste en que a medida que el usuario hace scroll por la web, toda la información se va desplazando de forma vertical. Esto genera que el sitio se vea más pulcro y simple.
Navegación Oculta
La navegación oculta es como un menú sin serlo, es decir, que es cuando a partir de una imagen, icono o botón se despliegan otras opciones u enlaces que llevan a otras partes del sitio.
Parallax
Este efecto es cuando en una web, al hacer scroll en ciertos bloques o elementos, el fondo se mueve a una velocidad diferente a la del resto de contenido, esto le otorga dinamismo al sitio web.
Videos como fondo
Otro formato que se puede utilizar como fondos es el de vídeos, algo que hemos visto a lo largo de este año y que seguirá presente. El vídeo ha llegado al diseño web para quedarse y una forma de conseguir resultados muy dinámicos, creativos y únicos es emplearlos como fondo.
Diseño asimétrico
Las composiciones asimétricas serán otra tendencia en paginas web el 2020. Hace unos años, hubieran sido interpretadas como caóticas y desordenadas, al contrario que ahora, siempre que tengan un sentido visual, estén justificadas y sea coherente con el mensaje.
Tendencias en UX/ UI
Modo Oscuro: El modo oscuro es una nueva tendencia que surge en 2019 y se extiende hacia el 2020. Teniendo la posibilidad de poner la pantalla oscura o negra en los dispositivos. Con los grandes jugadores presentando esta actualización como Microsoft, Google, entre otros, muchos diseñadores elegirán usar el modo oscuro o tenerla como opción para sus aplicaciones o sitios.
Ilustraciones en IU: Las ilustraciones han sido una de las tendencias más fuertes en el diseño, estos son una interpretación visual de un concepto que hace que el usuario entienda mejor la idea que hay detrás del producto y entregar el mensaje más rápido.
Storytelling: Esto ayuda a que el usuario para que su experiencia con la plataforma sea lo más fácil y fluida posible, y si está hecho correctamente facilitará al usuario a comprender el producto de una forma fácil. El storytelling se usa tanto en IU como en XU y se basa en el mismo principio pero implementado de maneras diferentes.
Gráficos animados / micro interacciones: Los gráficos animados son la tendencia del año y también se manifiestan fuertemente en el diseño de interfaz de usuario. Esto hace que la idea sea más fácil de asimilar y permanece en la memoria del usuario, ya que por lo general los gráficos pueden resultar muy agobiantes para el usuario.