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 bordes de marco interesantes 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 ha vuelto
El desenfoque como elemento de diseño está ganando terreno a lo grande. Esta tendencia de diseño web puede parecerse a muchas cosas diferentes y usarse de varias maneras.
Desde fondos para desenfoque en imágenes hasta elementos borrosos en primer plano, hay un caso de uso para casi todo.
Lo que hace que el desenfoque sea un elemento de diseño altamente útil es que es fácil de crear y usar. El desenfoque se puede crear en Adobe Photoshop o un software similar, con CSS, o ser parte de la forma en que se crea una imagen. Puede ser blando o duro, con o sin color, y de cualquier tamaño o forma.
La versatilidad y flexibilidad lo convierten en una opción popular para fondos y elementos de primer plano, como verá a continuación.
Futura Academia de Londres usa el desenfoque de una manera un poco inusual con un elemento de desenfoque en primer plano que difumina los bordes de algunas letras de gran tamaño. La técnica se repite en el pergamino y también en algunas imágenes.
aglomeración usa desenfoque en el fondo con animación para ayudar a crear un enfoque visual a medida que se desplaza. Los coloridos círculos borrosos se hacen 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 comunicar.
Dao albañil usa desenfoque en el fondo, casi como una «mancha solar» roja para ayudar a crear un punto focal en el centro de la pantalla. Observe cómo el desenfoque aquí no tiene una forma distinta; es casi un chapoteo que dirige la vista a lo largo y ancho de la pantalla.
2. Bordes interesantes
La mayoría de los contenedores que ve para imágenes y videos en línea son rectangulares o circulares. Las líneas rectas ayudan a separar los elementos de contenido entre sí.
Pero 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 tendrá que pensar en cómo estas formas funcionan juntas, especialmente cuando cambia de orientación horizontal a vertical).
Lo que tienen en común todos estos proyectos que usan bordes interesantes es que las imágenes se esconden detrás de un elemento que no tiene la forma que normalmente esperarías. La mayoría también incluye algún elemento de movimiento, desde una animación de carga o desplazamiento hasta video. (Debe hacer clic para ver cómo funciona cada uno de estos ejemplos).
Lenka Daviesova tiene una imagen detrás de dos formas recortadas que incluye una animación de carga simple. Lo que hace que esto sea interesante es que no sientes que falta nada en las partes de la imagen que no puedes ver. Tu cerebro llena los espacios en blanco por ti.
Resort de montaña Ho Daigi tiene imágenes en movimiento detrás de un elemento de primer plano en forma de montaña. Esta forma ayuda a proporcionar información sobre la ubicación y es una forma inteligente de colocar el logotipo en el tercio inferior del área del héroe local. El borde de la montaña se lleva a través de cada pergamino en el diseño de la página de inicio.
Kafeterra utiliza bordes interesantes de una manera totalmente diferente. Si bien la forma es un rectángulo común, 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 establece un tono muy específico para el contenido.
3. amarillo neón
Una de las opciones de color más difíciles de representar en las pantallas es la tendencia: el amarillo neón.
Los neones son tradicionalmente difíciles porque pueden crear desafíos 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 está apareciendo en todas partes en este momento con fondos negros u oscuros. (Tal vez debido a la popularidad del modo oscuro).
La característica común de la mayoría de estos diseños de tendencia es que el amarillo es un acento y no se usa mucho, en su mayor parte. Demasiado neón puede dificultar la lectura o provocar fatiga visual.
También parece haber un ambiente consistente con estos proyectos que se siente algo masculino y austero.
metaluxe usa amarillo neón para los acentos de texto y un código QR gigante en la página de inicio. El tono está diseñado para ayudarte a moverte por el contenido con facilidad de arriba a abajo hasta la llamada a la acción.
Robbert Lokhorst utiliza amarillo neón (dos tonos aquí, en realidad) en el logotipo, como botón resaltado y para las palabras clave en el área principal de todo el texto. Observe cómo los tonos del logotipo y el botón son más amarillos que el texto principal.
Agencia CX tortuga y liebre usa amarillo neón en un rollo de video en blanco y negro como acento de texto y botón. Si bien esta podría ser una combinación complicada, el sombreado adicional sobre el video ayuda a crear suficiente contraste para que todo se una. Generalmente, no se recomienda usar un amarillo neón sobre blanco o colores claros porque no hay suficiente contraste para leerlo. Aquí, sin embargo, hacen un gran trabajo juntando las piezas.
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. Blur fue una tendencia importante hace solo un par de años y parece estar resurgiendo nuevamente. Los neones parecen ir y venir con bastante regularidad.
Por lo menos, estas tendencias «recicladas» son un buen recordatorio para archivar bien el trabajo para que pueda desenterrar algunas de esas viejas ideas cuando vuelvan a estar de moda.
Fuente: 3 tendencias de diseño esenciales, septiembre de 2022