Las 3 principales tendencias de diseño de septiembre de 2021 – Usabilidad web y seo

Las 3 principales tendencias de diseño de septiembre de 2021

Vistas: 46
0 0
Tiempo de lectura:4 Minutos, 43 Segundos

¿Alguna vez te aburres con los proyectos de diseño? ¿Te apetece repetir lo mismo?

Desde divertidos ángulos de cámara hasta ilustraciones en las que no espera que sean conceptos 3D geniales, esta colección de tendencias seguramente lo ayudará a pensar fuera de la caja. Quizás esto es exactamente lo que necesita para deshacerse del aburrimiento del diseño.

Esto es lo que está de moda sobre el diseño este mes.

1. Ángulos de atención

Trabajar con esquinas es una técnica divertida porque básicamente puedes decirles a los visitantes de tu sitio lo que quieres que vean en la pantalla.

Las esquinas pueden ser agresivas y tener un propósito visual obvio. También pueden encontrarlo más fácil sin una intención tan directa. Esta tendencia puede verse diferente, lo que la convierte en una opción versátil para los diseñadores.

Cada uno de los tres ejemplos aquí tiene un enfoque diferente para las esquinas.

Bake Inc. utiliza diferentes ángulos con imágenes y espacios para llamar la atención más allá de las imágenes hacia el nombre de la marca en la parte inferior de la pantalla. Si hace clic en un diseño, verá que no es solo un diseño en escorzo, sino una colección de imágenes cambiantes y escorzos que encajan a la perfección.

Instabase utiliza un conjunto de formas geométricas animadas como elemento visual principal en la pantalla. Observe la atracción direccional del triángulo en la esquina inferior izquierda del grupo de formas. Esto ayuda a llevar al usuario a la llamada a la acción “Solicitar una demostración” en el otro lado de la pantalla.

El cursor personalizado Readymag es una esquina tan agresiva. El diseño es un cursor gigante, pero debido al tamaño y la forma del objeto, los usuarios también son redirigidos a la palabra “cursor”. Esto agrega un énfasis adicional a lo que trata el diseño. Con una combinación de elementos de gran tamaño y un ángulo gigante que son tan llamativos, no puede evitar comprender rápidamente de qué se trata este diseño.

2. Ilustraciones inesperadas

Esto puede ser lo más interesante que hemos visto en las últimas tendencias de diseño de sitios web: los proyectos y las empresas están utilizando ilustraciones en los lugares más inesperados.

Una sorpresa de diseño ocurre cuando una industria inesperada utiliza este tipo de imagen. La ilustración simple lleva el diseño a otro nivel, o las ilustraciones se mezclan con otros elementos para pintar una escena general caprichosa. Esto es lo que puede encontrar en cada uno de estos tres ejemplos.

Krivitsky es el sitio web de un bufete de abogados. Este no es un sitio web donde esperarías ilustraciones (incluido un dragón). Si bien es divertido interactuar con el diseño, es difícil saber si funciona. Si necesita representación, ¿le gustaría? En lo que respecta a los sitios web legales, este es un destructor total y llama su atención. Podría ser bueno.

Studio Mesmer es uno de esos diseños simplemente discretos que son casi perfectos. Un fondo completamente negro hace que una simple ilustración sea aún más llamativa. El ojo también tiene un bonito efecto de animación flotante para una sorpresa adicional.

Kenn & Kitt mezcla la ilustración con imágenes de la vida real para pintar una escena más caprichosa. Lo bueno de los elementos de diseño de sitios web ilustrados es que ayudan a conectar el sitio web con el empaque del producto que usa ilustraciones, pero con una foto de un perro, se sienten “reales”. Es una combinación brillante y soleada de fotografía e ilustración que parece peculiar pero tiene el ambiente adecuado para una categoría de producto.

3. Profundidad 3D

La tendencia hacia el diseño de sitios web en 3D ha ido disminuyendo constantemente. Y ahora mismo, está lleno de elementos 3D de pantalla completa para una profundidad máxima que te hace sentir que casi puedes sumergirte en la pantalla.

Si bien la mayoría de estos diseños utilizan ilustraciones animadas para crear una escena en 3D, no es necesario que sigas este ejemplo. El objetivo es crear algo que se vea y se sienta inmersivo para que los usuarios quieran participar en la experiencia.

Match Maker tiene un ambiente de jugador de los 80 en el que puedes sentirte como si estuvieras caminando por un túnel en tu pantalla. La animación de desplazamiento adicional mueve la pantalla para ayudarlo a ingresar al juego.


Hafele Discoveries utiliza una animación de gran angular hacia adelante y hacia atrás. El estilo de diseño de ojo de pez agrega un elemento de profundidad que se ve reforzado por un marco en primer plano con texto y elementos de llamada a la acción. El concepto de diseño es llamativo, pero el movimiento puede resultar vertiginoso si se deja en la pantalla durante demasiado tiempo.

FiveT Hydrogen adopta un enfoque más “tradicional” para el diseño de sitios web en 3D con ilustración / animación que incorpora elementos de profundidad. Esto se mejora al desplazarse por diseños con sombras, capas y muchos elementos, reales e ilustrados, que lo hacen sentir como parte de lo que está sucediendo en la pantalla. Es una experiencia inmersiva de exploración de hidrógeno puro que casi hace que los usuarios sigan desplazándose. El efecto 3D es lo que lo lleva al siguiente nivel.

Conclusión

No todas las tendencias de diseño son apropiadas para todos los proyectos. Observe de cerca lo que está tratando de lograr y compárelo con su concepto de diseño.

Si desea probar una de estas tendencias, pero son demasiado comunes, experimente primero con un área de diseño pequeña o una página de destino. Este es un buen lugar para probar ideas y tasas de conversión para ver si un método de diseño funciona para su audiencia.

Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post 5 trucos para atraer consumidores de la Generación Z
Next post Cómo la combinación adecuada de redes sociales mejora las campañas multicanal

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta