logo
¿Alguna vez te aburres con los proyectos de diseño? ¿Sientes que sigues diseñando las mismas cosas una y otra vez?
Esta colección de tendencias, desde ángulos divertidos hasta ilustraciones en las que no esperaría que enfríen conceptos tridimensionales, seguramente lo ayudará a pensar un poco más fuera de la caja. Podría ser la inspiración adecuada para curar algo de ese aburrimiento del diseño.
Esto es lo que está de moda en diseño este mes.
1. Ángulos de atención
Trabajar con ángulos es una técnica divertida porque básicamente puedes señalar a los visitantes del sitio web lo que quieres que vean en la pantalla.
Los ángulos pueden ser agresivos y tener un objetivo visual obvio. También pueden tener una sensación más fácil sin tanta intención directa. Esta tendencia puede verse de muchas maneras diferentes, 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 de los ángulos.
Bake Inc. utiliza varios ángulos con imágenes y espacios en blanco para atraer la atención más allá de los elementos visuales hacia el nombre de la marca en la parte inferior de la pantalla. Si hace clic en el diseño, verá que no hay solo un diseño de imagen de ángulo, sino que es una colección de imágenes y ángulos cambiantes que funcionan maravillosamente en conjunto.
Instabase utiliza una colección de formas geométricas animadas como elemento visual principal en la pantalla. Tenga en cuenta el tirón direccional del triángulo en la parte inferior izquierda del grupo de formas. Ayuda a llevar al usuario a la llamada a la acción «Solicitar una demostración» en el otro lado de la pantalla.
Cursor personalizado de Readymag es uno de esos ángulos agresivos. El cursor gigante es de lo que se trata el diseño, pero debido al tamaño y la forma del objeto, los usuarios también son dirigidos a la palabra «cursor». Eso agrega un énfasis adicional a lo que trata el diseño. Con la combinación y el elemento de gran tamaño y el ángulo gigante que están tan en su cara, no puede evitar comprender rápidamente de qué se trata el diseño.
2. Ilustraciones inesperadas
Esto podría ser lo más divertido que hemos visto con una tendencia de diseño de sitios web en mucho tiempo: los proyectos y las empresas están utilizando ilustraciones en algunos de los lugares más inesperados.
La sorpresa del diseño ocurre cuando una industria que no esperabas usa este tipo de imágenes. Una simple ilustración lleva el diseño a otro nivel, o las ilustraciones se mezclan con otros elementos para pintar una escena general caprichosa. Esas son las cosas que puede encontrar con cada uno de estos tres ejemplos.
Krivitzky es un sitio web para un bufete de abogados de negocios. Este no es en absoluto el tipo de sitio web donde esperarías ilustraciones (incluido un dragón). Si bien es divertido interactuar con el diseño, es difícil decir si funciona. Si necesitara representación, ¿le resultaría atractivo? En términos de sitios web legales, esto es un disruptor total y fuerza su atención. Eso podría ser bueno.
Estudio Hipnotizador es uno de esos diseños simplemente discretos que es casi perfecto. El fondo negro intenso hace que la simple ilustración sea mucho más llamativa. El ojo también tiene un bonito efecto de animación flotante para una sorpresa adicional.
Kenn y Kitt mezcla una ilustración con imágenes reales para pintar una escena más caprichosa. Lo bueno de los elementos ilustrados del diseño del sitio web es que ayudan a conectar el sitio web con el empaque del producto, que usa ilustraciones y se siente “real” con la foto de un perro. Es una combinación brillante y soleada de fotos e ilustraciones que se siente caprichosa pero tiene el ambiente adecuado para la categoría de producto.
3. Profundidad 3D
La tendencia de diseño de sitios web tridimensionales sigue fluyendo y refluyendo. Y ahora mismo, fluye con 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 con animación para crear la escena 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.
El Match Maker tiene un ambiente de jugador de los 80 en el que puedes sentirte bajando por el túnel en la pantalla. Las animaciones de desplazamiento adicionales mueven la pantalla, incluso más para ayudarlo a ingresar al juego.
Descubrimientos de Hafele utiliza una animación de estilo de gran angular con movimiento hacia adelante y hacia atrás. El estilo de ojo de pez del diseño agrega un elemento de profundidad, que se magnifica aún más por el cuadro de primer plano con texto y elementos de llamada a la acción. El concepto de diseño llama la atención, pero el movimiento puede ser un poco vertiginoso si lo dejas en la pantalla demasiado tiempo.
Hidrógeno FiveT adopta un enfoque más «tradicional» para el diseño de un sitio web tridimensional con una ilustración / animación que incluye elementos de profundidad. Esto se magnifica en la acción de desplazamiento del diseño con sombras y capas y una variedad de elementos, reales e ilustrados, que te hacen sentir parte de lo que está sucediendo en la pantalla. Es una experiencia de aprendizaje inmersiva sobre el hidrógeno limpio que casi obliga a los usuarios a seguir desplazándose. El efecto 3D es lo que lo lleva a otro nivel.
Conclusión
No todas las tendencias de diseño son adecuadas para todos los proyectos. Observe bien lo que está tratando de lograr y combínelo con un concepto de diseño.
Si quieres probar una de estas tendencias, pero están un poco más allá, primero experimenta con un área pequeña del diseño o una página de destino. Ese es un buen lugar para probar ideas y tasas de conversión para ver si la técnica de diseño funcionará para su audiencia.
