Lo mejor de escribir sobre las tendencias de diseño de sitios web todos los meses es mirar todos los grandes sitios web que se están desarrollando. Los diseñadores se sienten atraídos por la creatividad y exploran constantemente nuevas técnicas y formas de trabajar.
Es refrescante e inspirador. Algunas de esas tendencias de este mes incluyen un estilo brutalista, un interesante y fresco desplazamiento de diapositivas y una tipografía animada.
Aquí están las tendencias de diseño de este mes …
Contenido del Articulo
1. Casi brutalismo
El brutalismo es difícil de manejar y solo funciona realmente para ciertos tipos de proyectos. Al mismo tiempo, algunos elementos de brutalismo pueden formar la base de una estética interesante.
Por tanto, no es de extrañar que haya surgido una tendencia de “casi brutalismo”.
Los diseñadores trabajan con algunos elementos de diseño: fuentes planas, esquemas de color simples con mucho contraste, animaciones entrecortadas, fuentes monofónicas y patrones de diseño generales que son casi demasiado simplificados.
El resultado es un diseño llamativo que no es lo suficientemente duro como para desanimar a los usuarios. Es la combinación correcta de brutalismo y usabilidad para crear algo más duro que la gente pueda entender.
Good Garms utiliza una fuente de estilo de máquina de escribir, plantillas simples y uno de los diseños más optimizados que puede encontrar para una tienda de comercio electrónico. Es efectivo y te hace parecer diferente.
Dockyard Social utiliza una combinación de colores inesperada con alto contraste, formas nítidas y elementos de diseño, y una tipografía atrevida para captar tu atención de inmediato. El tema continúa en un despliegue con nuevas combinaciones de colores con elementos de diseño igualmente brutales. Parece un poco estrecho e incómodo en algunos lugares, pero sigue siendo muy cómodo, exactamente lo que casi el brutalismo intenta hacer.
ZN Studio utiliza los mismos elementos de fuente grandes en negrita que en el ejemplo anterior, con animaciones que se mueven para atraerte al diseño. Todo el diseño utiliza efectos de animación inteligentes con una estética brutal para que no pierda el desplazamiento.
2. Hermosas diapositivas de desplazamiento.
Puede discutir todo lo que quiera sobre el valor o la falta de controles deslizantes en los sitios web. Sin embargo, en realidad, son en su mayoría torpes y se interponen en el camino del contenido. Esta es una opción perezosa y le ahorra la molestia de elegir contenido.
No con este hermoso diseño de sitio web con desplazamiento de diapositivas.
Cada uno de estos diseños utiliza el desplazamiento lateral como activo de diseño. Aquí hay un truco para que funcione: el desplazamiento de diapositivas no es una “función” sobre un montón de otro contenido. Así es como se presenta el contenido.
Estos ejemplos le muestran cómo utilizar la tendencia correctamente y deberían interesarle con el desplazamiento de diapositivas (o hacia los lados).
Eduardo del Fraile utiliza el desplazamiento lateral para mostrar varios proyectos en su portafolio. Además del desplazamiento, cada elemento también tiene una animación simple y hermosa que le permite ver cada producto que crea. Todo lo relacionado con el movimiento de desplazamiento es intuitivo y el sitio nunca se desplaza verticalmente, por lo que muchos desplazamientos laterales salen mal.
Joe Ash Sakula usa un concepto similar para el desplazamiento lateral aquí, pero con diferentes elementos de diseño. Los elementos llamativos del mapa son sorprendentes por su color, contraste y diseño. Sabes que el pergamino se moverá horizontalmente porque el tercer elemento se infiltra en tu campo de visión desde el lado derecho. Es simple, limpio y conveniente.
Crimea es interesante porque está decorada en un estilo casi brutalista y usa una barra de desplazamiento. El diseño es atrevido y casi impresionante, pero el desplazamiento ayuda a contar una historia dulce con imágenes y contenido.
3. Animación tipográfica.
La tipografía web puede hacer o deshacer diseños, desde la elección de fuentes hasta el tamaño y el color hasta la animación, cada detalle con elementos de texto es importante.
Esta tendencia explora y amplía los límites de la animación con elementos de texto en el diseño de sitios web. Y es tan difícil. La diferencia entre buenos resultados y malos diseños es una fina línea que puede ser muy subjetiva.
Cada uno de estos ejemplos hace algo único con texto y animación juntos para crear la sensación que desea. La fluidez de cada uno es perfecta y los elementos del texto, incluido el movimiento, son legibles.
Visages Du Rhone tiene dos capas de animación. La primera ocurre cuando aparecen palabras en la pantalla, cuando las letras se colorean y desaparecen. El segundo es un objetivo sutil con una sensación fluida de las letras que se ajustan al tema del diseño submarino. Lo que tiene de especial la animación tipográfica es que ocurre sin distorsionar las letras, lo que hacen muchas otras animaciones de texto líquido.
Poolhouse utiliza letras transparentes con movimiento en la capa detrás de las palabras. Lo que es realmente útil es el filtrado adicional para que el movimiento de fondo aún funcione mientras se mantiene la integridad de la forma de cada letra. Una vez más, el énfasis en mantener el texto legible es lo que distingue a este diseño de los demás y lo hace moderno.
Komnata adopta un enfoque completamente diferente con letras que flotan y parecen globos. El movimiento imita lo que cabría esperar de un elemento que se ve y se siente como algo del mundo real. El usuario no tiene que hacer nada para que se produzca este movimiento. La animación podría ser incluso más eficaz si el desplazamiento y el puntero no tuvieran una cola que “dibujara” en la pantalla como distracción.
Conclusión
Lo bueno de considerar variaciones en diferentes tendencias es que puede ver aplicaciones prácticas y aplicarlas a sus proyectos. Si bien no puede ir al desplazamiento deslizante completo en la página de inicio de su sitio web, puede usar este concepto en otra parte del diseño.
Experimente, diviértase e inspírese con los diseños de sitios web de moda.
