Hay mucha experimentación en el diseño de sitios web en este momento. Por supuesto, hay microtendencias en todas partes, pero estos tres elementos parecen mantenerse firmes y ganar más fuerza que la mayoría.
Las mayores tendencias de diseño web de este mes se centrarán en un elemento de la interfaz de usuario, el vídeo y el color. Esto es lo que es tendencia en diseño este mes.
1. Flechas de desplazamiento hacia abajo
Un elemento funcional de la interfaz de usuario está comenzando a recibir más atención en el diseño; Las flechas de desplazamiento hacia abajo son una excelente herramienta para los sitios de desplazamiento prolongado o aquellos que tienen imágenes o videos de pantalla completa.
Esta pequeña señal les dice a los usuarios que continúen con el diseño. Es una fuerte señal interactiva que indica lo que debe hacer a continuación.
Lo bueno aquí es que los equipos están comenzando a diseñar esta pequeña flecha para que coincida con el estilo y la personalidad del resto del sitio. (Hay muchos de estos por ahí que se ven y se sienten como ideas de último momento).
Así es como lo está haciendo cada uno de estos tres sitios de ejemplo:
Médicos del Mundo utiliza una flecha hacia abajo tradicional en la parte inferior del área principal de la página de inicio. Es fácil de ver con un botón circular y una flecha estándar dentro. Este es un tratamiento esperado y es fácil de implementar. Lo hacen bien por un cambio de color del resto del diseño y un tamaño adecuado para que sea fácil de ver e interactuar.
la cartera de Andrea estiliza un poco más la flecha hacia abajo con un diseño triple hacia abajo. También incluye movimiento y un efecto de cambio de color para asegurarse de que no se pierda el hecho de que se supone que debe desplazarse por este sitio.
Laguna Azul mueve la flecha de desplazamiento fuera de la pantalla central y la apila con contenido legible en el lado izquierdo de la pantalla. Esta ubicación no tradicional llama su atención porque es diferente y es efectiva porque funciona con la copia anterior.
2. Opciones de vídeo
Esta tendencia debería continuar creciendo porque hace que el video sea más interactivo, más útil y una mejor experiencia web en general.
Los diseñadores ofrecen opciones de video para los usuarios que no son solo opciones de bucle automático de pantalla completa y tamaño héroe. Están incorporando videos de más formas, a escalas más pequeñas, que dan al usuario el control de cómo interactúa con este contenido.
Y es fantástico.
Deventi adopta el enfoque más tradicional con una imagen de pantalla completa que incluye un botón de hacer clic para reproducir. Lo que lo hace agradable es que el héroe tiene una imagen y un movimiento atractivos sin el video. Haga clic en reproducir y obtendrá un video que aparecerá en una superposición para verlo.
Día a Día Digital usa un video en la página de inicio que no ocupa toda la pantalla y se parece mucho a interactuar con YouTube. La persona en el video te está hablando de forma dinámica. El video es pequeño, por lo que puede ver otro contenido e información y tener una buena idea de qué se trata el diseño del sitio web.
Liceo Grafisch de Utrecht coloca un video en la página de inicio en un marco de forma inusual que ocupa menos de la mitad de la pantalla. El usuario tiene que hacer clic para reproducir y, al hacerlo, el video se expande a una experiencia más inmersiva a pantalla completa. La diferencia es que siempre hay una salida (X); el usuario puede activar o desactivar el audio e incluso puede cambiar la escala del video a una versión insertada.
El control de los usuarios sobre el video es cada vez más importante, y las opciones que se muestran en esta tendencia de diseño resaltan esta importancia. Es esencial tener en cuenta su base de usuarios y su deseo de este tipo de control en el proceso de diseño.
3. Color del arcoíris
El Mes del Orgullo puede haber terminado, pero el tema del arcoíris continúa.
Las combinaciones de colores, las imágenes y las paletas del arcoíris pueden emitir fuertes sentimientos emocionales, que incluyen felicidad y alegría. Solo piensa en todas las veces que pasaste maravillándote con los arcoíris cuando eras niño.
Esta tendencia de diseño es agradable porque cada diseño que la usa es un poco diferente pero tiene una emoción similar, y no hay nada como un poco de amor y alegría para hacer del mundo un lugar mejor.
metadorado utiliza la asociación de arcoíris más fuerte y obvia de la página de inicio con un río de arcoíris superpuesto en el paisaje. Es brillante y divertido y agrega un nivel emocional extra a la imagen que de otro modo no tendría mucho impacto.
gato negro utiliza una combinación de colores del arcoíris para «SABOR» para hablar realmente de esas asociaciones de orgullo. Pero el efecto aquí es bueno porque la palabra es diferente a orgullo, y aunque se explica la intención, deja algo de espacio para la interpretación del usuario porque cae debajo del pergamino.
Evozyne adopta un enfoque completamente diferente, con la opción de color del arco iris que aparece como palabras de color en un bloque de texto y un diseño bastante pesados. (El arco iris se enfatiza aún más en el logotipo). Lo que también es bueno aquí es que los colores tradicionales del arco iris están ligeramente desaturados para una versión más sofisticada del arco iris. Para un elemento de arcoíris adicional, haga clic en el menú para obtener un fondo de color de arcoíris animado con forma geográfica que seguramente llamará su atención.
Conclusión
Las tendencias de diseño de sitios web con mayor poder de permanencia son fáciles de implementar y funcionan bien con diferentes estilos. De estas tres tendencias, la que se ajusta más fácilmente a esa factura son las flechas de desplazamiento hacia abajo. El que podría ser más difícil son los patrones de colores del arco iris.
Lo bueno de todas estas tendencias es que puedes hacerlas tuyas. No hay un elemento fijo; cada uno es más una idea de diseño y estilo para ayudar a impulsar los proyectos con un toque moderno.