Las 3 principales tendencias de diseño de julio de 2023

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

Contenido del Articulo

1. Oscuro con texto brillante

Los fondos oscuros son una tendencia de diseño que nunca pasa de moda. (¡Gracias, modo oscuro!)

Se ha producido un cambio sutil en el color de los elementos de texto que lo acompañan, de claro o blanco a un color brillante. Esto crea una conexión emocional más optimista con el diseño con una sensación un poco menos discordante.

Los colores brillantes pueden ser casi cualquier cosa siempre que el fondo sea completamente oscuro. Un alto contraste entre oscuro y brillante garantizará la legibilidad. El problema surge cuando los elementos secundarios son más ligeros y fácilmente pueden causar problemas de lectura.

9×8 Project usa algunos de los colores más brillantes (amarillo neón), pero la imagen de fondo muestra cómo pueden surgir algunos problemas de legibilidad. Sin embargo, en áreas oscuras, el texto es bastante legible incluso en un tamaño pequeño.

Dan Iqbal usa un fondo oscuro con texto naranja brillante para el diseño de su portafolio. Todo es fácil de leer, el color es agradable. El texto giratorio de fondo es una buena adición.

Finalmente, Kilvar muestra que la elección de colores brillantes puede ser un tanto inesperada. El púrpura brillante puede no ser la mejor opción, pero combina los elementos maravillosamente en este diseño.

2. Elementos del mapa con bordes curvos

Los elementos de las tarjetas continúan evolucionando de diferentes maneras y esta tendencia de diseño de sitios web no es una excepción gracias a los elementos de estilo tarjeta con bordes curvos. (La mayoría de ellos también parecen usar el mismo grado de curvatura).

Lo bueno de estas tarjetas es que funcionan con cualquier otro estilo de diseño. Los ejemplos a continuación muestran cómo funcionan bien con imágenes y fondos blancos, estilos de tarjetas animadas e incluso tarjetas dentro de tarjetas en un esquema de diseño casi brutal.

Las tarjetas con bordes curvos pueden ser planas, tener tamaño o profundidad debido a las sombras e incluir animación o efectos de desplazamiento. El contenido puede ser casi cualquier cosa: desde imágenes hasta texto, videos y combinaciones de los mismos.

Así es como lo hacen tres sitios diferentes.

RECIBIR aquí está el más simple de los estilos de tarjeta, con grandes contenedores verticales con bordes curvos. Hay texto y llamada a la acción elementos en cada uno. Las tarjetas hacen su trabajo aquí, creando un punto focal visualmente impresionante para la página de inicio con sugerencias interactivas.

Same Same Studio apila dos filas de tarjetas pequeñas con muchos colores. Cada uno de ellos es un botón con una llamada a la acción que aparece al pasar el mouse por encima. Lo bueno de los mapas es que su contenido presenta fotos, animaciones, videos y cuadros fijos. Esto muestra cuántas posibilidades hay disponibles con esta técnica de diseño.

Zach Hayes publica tarjetas dentro de tarjetas dentro de tarjetas en el sitio web de su cartera. Cada elemento usa la misma curva para los bordes, y la estética blanca brillante es agradable. Los elementos de profundidad en las tarjetas y los elementos tipográficos le dan al proyecto una sensación brutalista.

3. Alineación en zig-zag

Estos diseños pueden hacer que te preguntes: ¿dónde está la cuadrícula? Los patrones en zigzag para imágenes e incluso texto pueden crear una sensación de equilibrio o desequilibrio, según el uso. Cualquier versión puede instalar un tema visual que puede funcionar en la página de inicio o para un diseño completo.

Las alineaciones en zig-zag pueden ser verticales u horizontales, o incluir elementos escalonados. Todos estos estilos parecen fuera de la caja, pero en su mayor parte están en una cuadrícula en lugar de lo que cabría esperar. (Una media cuadrícula puede ayudarlo a organizar este estilo con una ruta clara y una disposición de los elementos).

Necesita algunos elementos para instalar la plantilla para que esto funcione de manera efectiva. Por otro lado, no necesita demasiados elementos en un patrón en zigzag porque puede resultar abrumador. Lo ideal es que tengas algo entre 3 Y 7.

Mocha Café and Bar en zigzags y zigzags con las letras que forman el nombre de la empresa. Hay dos líneas de base horizontales para el texto que ponen orden en el caos tipográfico.

Swiss Deluxe Hotels utiliza esta técnica tanto vertical como horizontalmente, lo que demuestra que puede ser complicado cuando se trata de capacidad de respuesta. Este diseño se ve mejor y se lee mejor en pantallas grandes.

Oaks Lane tiene un patrón escalonado de imágenes que continúa desde la página de inicio para desplazarse por el diseño. El paso a veces aparece en la fila superior de imágenes, pero también se usa debajo de los marcos de imágenes. Este método de usar un estilo en zigzag puede ser bastante elegante, pero requiere una cuidadosa selección de fotografías para que sea efectivo.

Conclusión

A veces, las tendencias de diseño sutiles son las mejores y más prácticas al considerar cómo usarlas o incorporarlas en sus diseños. Piense en ello como una evolución de lo que ya está haciendo.

Luego, después de algunos cambios de diseño, tiene un esquema de diseño completamente nuevo sin una renovación significativa. ¡Esta podría ser una excelente opción para su equipo de diseño y usuarios!

carrie primos

Carrie Cousins ​​​​es una escritora independiente con más 10 muchos años de experiencia en la industria de las comunicaciones, incluida la redacción de textos para publicaciones impresas y en línea, así como el diseño y la edición. Puedes conectarte con Carrie en Twitter. @carriecousins.

Previous post Contraseñas de un solo uso (OTP) y contraseñas
Next post El ROI social requiere una nueva forma de trabajar

Deja una respuesta