Tendencias en diseño web para 2020

Alcoyinnova 09/01/2020 0 Comments

Alcoyinnova como agencia de marketing, está a la vanguardia de las nuevas tendencias en cuanto a diseño de pasarelas se refiere para este próximo año. Cada vez son más exigentes para los diseñadores. Por este motivo, te mostraré las más novedosas y las que están vigentes desde hace unos meses.

Si quieres tener una página a la última deberás incluir:

1.- ELEMENTOS DINÁMICOS

Gifs animados, ilustraciones, animaciones, han llegado para quedarse durante algún tiempo. Se consiguen unos resultados muy visuales y creativos, siempre que se combinen acertadamente.

tendencias en diseño web para 2020: elementos dinámicos (ilustraciones)

Como puedes ver se combinan colores vivos y degradados con ilustraciones. Mi consejo es que si utilizas este tipo de recursos, contrates a un diseñador gráfico para que todo sea completamente personalizado.

tendencias en diseño web para 2020: elementos dinámicos (movimiento)

Los separadores, también están de moda y son una forma de tener un diseño web actualizado.

tendencias en diseño web para 2020: elementos dinámicos (flexibilidad)

Este tipo de elementos con efecto flexible o volteo también es tendencia y los verás a menudo en los próximos meses.

Recuerda que este tipo de elementos no casan bien en todo tipo de webs, pues sirven para arriesgar a la hora de comunicar. Si tu empresa tiene un perfil más clásico o tradicional (formación, abogados, etc.), no te los recomiendo. Recuerda que cada web tiene su propio gancho y personalidad.

2.- DISEÑOS ASIMÉTRICOS

Hace unos años este tipo de diseños hubieran sido interpretados como caóticos y desordenados, a diferencia de ahora, siempre y cuando tengan un sentido visual justificado.

tendencias en diseño web para 2020: diseños asimétricos

3.- EFECTO MOVIMIENTO

Se transmiten imágenes de gran dinamismo y creatividad.

tendencias en diseño web para 2020: efecto movimiento

Otro ejemplo sería esta composición con cuatro columnas en la que cada una de ellas aparece a medida que el usuario hace scroll por el sitio:

¡Quizás te guste este artículo!:  LA SEMANA DEL VIDEO EN ALCOYINNOVA 4
tendencias en diseño web para 2020: efecto movimiento

4.- DISEÑOS 3D

Recuerda que este tipo de efectos son un poco arriesgados y, por lo tanto, tienen que tener una justificación dentro del diseño.

Un ejemplo de uso de 3D y GIFs:

tendencias en diseño web para 2020: 3D

5,. CONTENIDOS DIVIDIDOS O FUSIONADOS

Se trata de dividir contenidos como en estos ejemplos:

tendencias en diseño web para 2020: contenido dividido o fusionado
tendencias en diseño web para 2020: contenido dividido o fusionado

6.- EFECTOS HOVER

Los efectos hover son alteraciones que producimos en los distintos elementos al pasar por encima el puntero del ratón. Lo habrás visto en muchas ocasiones, con cambios en el color. Pues bien para el 2020 este tipo de efecto se aplica a zonas de la web mayores o imágenes completas.

tendencias en diseño web para 2020: efecto hover
tendencias en diseño web para 2020: efecto hover
tendencias en diseño web para 2020: efecto hover

7.- NAVEGACIÓN OCULTA

Se trata de menús ocultos que realmente no lo son.

tendencias en diseño web para 2020: navegación oculta

8.- TIPOGRAFÍAS COMO ELEMENTO PRINCIPAL

Han ido ganando terreno durante estos últimos años. Ahora aparecen en primer plano. Recuerda que deben ser elegantes y cuadrar entre sí.

tendencias en diseño web para 2020: tipografías
tendencias en diseño web para 2020: tipografías

9.- ANIMACIONES

Las venimos utilizando hace mucho tiempo, y continuaremos utilizándolas. Se trata de animar determinadas secciones de la web para que resulten más dinámicas. Cuidado con ellas porque las carga el diablo.

tendencias en diseño web para 2020: superposiciones

10.- VÍDEOS COMO FONDO

Los hemos visto aparecer durante este año, y han llegado para quedarse. La forma mejor de utilizarlos es como fondos.

tendencias en diseño web para 2020: efecto parallax

Y ahora os presentaré las tendencias OBLIGATORIAS para este año:

RESPONSIVE:

En 2020, toda web que no sea responsive y esté preparada para ser visualizada en cualquier tipo de dispositivo, está abocada al fracaso. Aunque parece obvio, la mayoría de las web no están preparadas. También os aconsejo la contratación de una aplicación móvil, que además de suplir esta necesidad, os aportará muchas más ventajas de marketing y posicionamiento a vuestro negocio. Aquí os dejo más información.

¡Quizás te guste este artículo!:  Trolls en redes sociales

WEB SEGURA:

Todas las web deberían cargar bajo protocolo HTTPS por temas de seguridad. La mayoría de los navegadores ya te muestran un mensaje.

LEGALIDAD Y RGPD:

Es OBLIGATORIO. Sí, es de obligado cumplimiento aunque tengas un simple blog y no vendas nada.

Es decir, que si tienes un blog, ya estás recogiendo datos del usuario con las cookies, el formulario de contacto o los comentarios en los artículos.

Por supuesto, cada web debe adaptarse a la legalidad de forma diferente, en función del sector, negocio o actividad que desarrolle. No es lo mismo un blog, que una página de servicios o un ecommerce.

Como dato fundamental, tu web debe tener publicados y visibles los siguientes textos legales: aviso legal, política de privacidad y política de cookies.

WPO:

Y por último y no menos importante,está el tema de la velocidad de carga.

¿Cuál es un buen dato de velocidad de carga en una web?

Pues esto depende de varios factores, pero unos datos estándar serían:

  • Menos de un segundo: carga óptima.
  • Entre 1 y 3 segundos: carga correcta.
  • Más de 3 segundos: carga negativa.

De modo que, si tu web tarda más de 3 segundos en cargar, te recomiendo ponerte mano a la obra para reducir ese dato.

AboutRafael Domenech
In Socials:

Deja una respuesta

X
Bienvenida/o a Alcoyinnova
Bienvenida/o a Alcoyinnova, yo soy Orión
FAQSuscripción de correo electrónicoBúsquedaDeja una opinión
WPBot

Chatea conmigo!

A %d blogueros les gusta esto: