¿Alguna vez has mirado un sitio web y te has preguntado por qué lo hicieron? A veces, cuando se trata de tendencias de diseño de sitios web, este es el pensamiento que viene a la mente. ¿Qué tal hacer que el elemento funcione (o no) y por qué se ha vuelto tan popular tan rápidamente? Este es el tema del resumen de este mes.
Esto es lo que es tendencia en diseño este mes.
Contenido del Articulo
1. Diseño ligero y elegante.
Incluso para contenido importante o pesado, un diseño más ligero y extravagante está de moda. Es una mezcla un tanto extraña de diseño y contenido que no solemos ver.
Los diseños con “contenido de peso” e información con una estética ligera suelen incluir los siguientes elementos:
- Paletas de colores más claros
- Elección de fuente atípica que puede ser experimental
- Movimiento y animación
- Figuras o personajes de dibujos animados
- Un aspecto casi infantil en el diseño general.
- No hay fotos o videos que muestren personas.
- Contenido serio una vez que empiezas a leer
Este último punto forma parte de esta tendencia de diseño que más sorprende. Solo del diseño, espera contenido ligero o diseño de información para niños. Pero en estos ejemplos este no es el caso en absoluto.
OTR South es para recursos de salud mental para jóvenes. Tenga en cuenta que el diseño parece juvenil, pero el contenido y el tema son bastante pesados.
Wild Fox Squad es un sitio de prelanzamiento que le pedirá que compre NFT.
Chia Studios es una agencia de desarrollo de sitios web.
La pregunta que te deja esta tendencia es, ¿el tono visual se combina lo suficiente con el contenido para crear la atmósfera adecuada o la confianza para interactuar con un sitio web, hacer negocios con una empresa o incluso comprar algo en línea?
2. Animación de desplazamiento largo
A primera vista, es posible que no pienses que sucede algo especial con ninguno de estos ejemplos de diseño de sitios web. Pero cuando comienza a interactuar con los sitios, la tendencia se hace evidente: todos tienen animaciones de desplazamiento largas de arriba a abajo en sus páginas de inicio.
El desplazamiento prolongado es uno de esos temas y tendencias de diseño de sitios web que a menudo entusiasman a las personas. A algunas personas les gusta. Otros lo odian.
Aquí está el problema con el desplazamiento largo. Si algo parece largo para desplazarse en el escritorio, el desplazamiento en pantallas más pequeñas llevará una eternidad a menos que elimine una gran cantidad de contenido. Esto plantea la pregunta: ¿los usuarios verán y leerán todo lo que necesitan en la página de inicio si es excepcionalmente larga?
Así es como cada uno de estos ejemplos usa el desplazamiento largo y la animación juntos.
Match Artists se abre con una animación a medida que se carga el sitio y luego cambia a una pantalla de inicio estática. A medida que se desplaza, las fotos se expanden en el marco con una animación sutil. Cuanto más rápido se desplaza, más animado aparece este sitio. No hay mucho que leer, lo que hace que la combinación de imagen, desplazamiento y animación sea fácil de seguir.
Mila Yeomans tiene un desplazamiento de inicio casi en blanco que cambia a un desplazamiento con mucho texto (que se muestra a continuación), y cada pantalla de desplazamiento cambia de color con la animación. Los efectos no son duros, pero pueden hacer que te sientas mareado si no te desplazas lentamente debido al tamaño y la cantidad de texto en el diseño.
Reyes Holdings puede tener el pergamino animado más descargado de este conjunto de ejemplos. Hay una animación deslizante que se mueve de izquierda a derecha para el contenido en el área principal, así como paralaje y animación de desplazamiento de carga hacia abajo en la página, ya que los elementos parecen provenir de casi todas las direcciones.
3. rosa
El rosa es una tendencia de color que tiene muchos sentimientos fuertes asociados. El color por sí solo puede crear sugerencias sobre el diseño o el contenido de un sitio web incluso antes de que el usuario interactúe con el sitio.
Cada vez que diseñe con un color como este, debe considerar el equipaje que puede estar asociado con él, ya sea que esté de acuerdo con él o no.
El rosa a menudo se asocia con la feminidad, el rosa pálido en algunos de estos ejemplos se asocia con los bebés y no suele considerarse un tono fuerte. Los significados comunes y las asociaciones con rosa incluyen dulzura, salud, romanticismo e inocencia. Todos estos conceptos deben tenerse en cuenta cuando este color forma parte de su plan de diseño. Con eso en mente, cada uno de estos sitios web utiliza la tendencia del color rosa de formas completamente diferentes.
Thursday es un sitio web/aplicación de citas. Tiene un ambiente moderno y el rosa aquí es apagado, casi un tono beige. Pregunta para los usuarios: ¿Tiene suficiente ambiente para atraer a todo tipo de personas? Algo que puede parecer importante para una aplicación de citas.
Skin Clinics apuesta por los tonos rosas en el sitio y, al parecer, en sus oficinas. Este es el caso cuando es difícil entender cómo me siento acerca del color. Es bueno que no parezca tan clínico como todo blanco, pero tampoco todas las pieles son de ese color. Esto puede crear una impresión extraña sobre su actitud hacia el diseño y el equipamiento en general.
Pixel Bakery utiliza varios tonos de rosa para su diseño, que se ve extrañamente infantil. Tal vez esta sea una combinación contrastante de yin y yang con un tinte casi azul. Y una cosa más: desde el punto de vista del diseño, nada “encaja”. Fondo rosa pálido, logotipo y texto rosa más intenso, llamadas a la acción casi rosadas. Hay algo para digerir visualmente aquí.
Conclusión
¿Cómo te sientes acerca de todos los diseños de moda presentados este mes? ¿Te parecen cosas que podrías probar? Las tendencias de diseño web son interesantes en este sentido porque parecen estar en llamas: alguien prueba algo nuevo y luego otros siguen usando la idea de diseño y sus iteraciones. A veces, estas ideas funcionan de manera brillante y, a veces, fallan.
Es un buen ejercicio pensar en las tendencias sin llegar a la conclusión de que necesitas usarlas; a veces también puede ser una lección de lo que no debes intentar con tu propio diseño.
