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

A medida que la temporada comienza a cambiar, también lo hacen algunas de las tendencias que los diseñadores web utilizan en sus proyectos. Desde el regreso del desenfoque hasta los interesantes bordes de los marcos para las imágenes y el color neón, hay mucho por lo que emocionarse.

Esto es lo que es tendencia en diseño este mes.

1. El desenfoque está de vuelta

El desenfoque como elemento de diseño está cobrando impulso. Esta tendencia de diseño web puede verse diferente y usarse de diferentes maneras.

Desde fondos hasta imágenes borrosas y elementos de primer plano borrosos, hay un caso de uso para casi todo.

Lo que hace que el desenfoque sea un elemento de diseño muy útil es que es fácil de crear y usar. El desenfoque se puede crear en Adobe Photoshop o un software similar, usando CSS, o puede ser parte de la forma en que se crea la imagen. Puede ser blando o duro, con o sin color, en cualquier tamaño y forma.

Su versatilidad y flexibilidad lo convierten en una opción popular para fondos y elementos de primer plano, como verá a continuación.

Future London Academy utiliza el desenfoque de una manera un poco inusual con un elemento de desenfoque en primer plano que difumina los bordes de algunas letras grandes. La técnica se repite en el rollo, así como en algunas imágenes.

Outcrowd utiliza un desenfoque de fondo animado para ayudar a crear un enfoque visual al desplazarse. Los círculos borrosos de colores se vuelven más pequeños y menos borrosos a medida que el usuario avanza por la página para contribuir a la historia que el diseño intenta transmitir.

Mason Tao utiliza un desenfoque de fondo, casi como una “mancha solar” roja, para ayudar a crear un enfoque en el centro de la pantalla. Tenga en cuenta que el desenfoque aquí no tiene una forma clara; es casi un sesgo que lleva la vista a través de la pantalla y hacia abajo.

2. Bordes interesantes

La mayoría de los contenedores de imágenes y videos que ve en la web tienen forma rectangular o redonda. Las líneas rectas ayudan a separar los elementos de contenido entre sí.

Pero cada vez más diseñadores están pensando fuera de la caja, literalmente, con ventajas interesantes para los elementos de contenido. (Tenga en cuenta que esta tendencia de diseño de sitios web es bastante difícil de lograr, y realmente debe pensar en hacer que estos formularios funcionen juntos, especialmente cuando cambia de horizontal a vertical).

Lo que todos estos proyectos que usan bordes interesantes tienen en común es que las imágenes están ocultas detrás de un elemento que tiene una forma diferente a la que normalmente esperarías. La mayoría de ellos también incluyen un elemento de movimiento, desde animaciones de carga o desplazamiento hasta videos. (Debe hacer clic para ver cómo funciona cada uno de estos ejemplos).

Lenka Davisova tiene una imagen detrás de los dos recortes que incluye una animación de carga simple. Lo que hace que esto sea interesante es que no sientes que falta algo en las partes de la imagen que no puedes ver. Tu cerebro llena los espacios en blanco por ti.

El resort de montaña Ho Daigi tiene imágenes en movimiento detrás de un elemento en primer plano con forma de montaña. Esta forma ayuda a proporcionar información de ubicación y es una forma inteligente de ocultar el logotipo en el tercio inferior del área del protagonista. El borde de la montaña recorre cada pergamino del diseño de la página de inicio.

Kafeterra usa bordes interesantes de una manera completamente diferente. Aunque la forma es un rectángulo regular, es muy dramática y los elementos de texto invaden el espacio. Es tan inesperado que la superposición de elementos sin un espacio real propio marca un tono muy específico para el contenido.

3. amarillo neón

Uno de los colores más difíciles de mostrar en las pantallas es el moderno amarillo neón.

Los neones son tradicionalmente complicados porque pueden crear problemas visuales y de contraste y no siempre se ven como se esperaba debido a la configuración del usuario. Sin embargo, el amarillo neón ahora aparece en todas partes con fondos negros u oscuros. (Quizás debido a la popularidad del modo oscuro).

Lo que la mayoría de estos diseños de moda tienen en común es que el amarillo es un color de acento y, en su mayor parte, no se usa mucho. Demasiado neón puede dificultar la lectura o causar fatiga visual.

También parece haber un ambiente consistente en estos proyectos que se siente algo masculino y vanguardista.

Metaluxe usa amarillo neón para los acentos de texto y un código QR gigante en la página de inicio. El tinte está diseñado para ayudarlo a navegar fácilmente por el contenido de arriba a abajo para llamar a la acción.

Robbert Lockhorst usa amarillo neón (en realidad, dos tonos) en el logotipo, como botones destacados y para las palabras clave en el área de texto principal. Tenga en cuenta que los tonos del logotipo y los botones son más amarillos que el cuerpo del texto.

Tortoise & Hare CX usa amarillo neón en video en blanco y negro como acento para texto y botones. Si bien esta puede ser una combinación complicada, el sombreado adicional en el video ayuda a crear suficiente contraste para que todo encaje. Por lo general, no se recomienda usar amarillo neón sobre blanco o colores claros porque no hay suficiente contraste para leerlo. Sin embargo, aquí hacen un excelente trabajo recopilando detalles.

Conclusión

Una de las cosas interesantes de esta colección de tendencias es que estamos viendo nuevas iteraciones de cosas que fueron populares en un pasado no muy lejano. La borrosidad fue una de las principales tendencias hace solo un par de años y parece estar regresando nuevamente. Los neones aparecen y desaparecen con bastante regularidad.

Como mínimo, estas tendencias “recicladas” son un buen recordatorio para trabajar bien con archivos para que pueda desenterrar algunas de esas viejas ideas cuando vuelvan a estar de moda.

Previous post ¿Qué hace un creador de contenido para redes sociales?
Next post Cómo segmentar palabras clave con publicaciones de blog

Deja una respuesta