Tendencias de diseño web y UI en 2021

Modo oscuro

El modo oscuro está en todas partes. Dado que la mayoría de los navegadores y dispositivos móviles permiten alternar entre los modos claro y oscuro, debes considerar cómo se verá al usar un modo oscuro (aunque no sea el predeterminado).

Como el modo oscuro se ha convertido en la opción preferida de los usuarios, más diseñadores están recurriendo a paletas de colores oscuros para el diseño general de sitios web y de la interfaz de usuario.

Estos proyectos a menudo producen dos efectos extremos, por lo que incluso si no planea cambiar las opciones, es importante considerar cómo el modo oscuro afecta la atmósfera general del mensaje y el contenido del diseño del sitio web.

Para los diseñadores que crean interfaces más claras, consideren y diseñen cómo se verá el modo oscuro cuando el usuario lo seleccione. Recuerden que el modo oscuro no es solo una inversión de la paleta de colores; debe ser una combinación intencionada de colores oscuros y claros que genere el mismo efecto visual que el modo claro, manteniendo la legibilidad y la funcionalidad.

Algunas técnicas para aprovechar al máximo el modo oscuro en el diseño de sitios web incluyen:

No es necesario usar "blanco" y "negro"; piensa en el contraste entre los modos claro y oscuro. (Quizás podrías usar gris claro sobre un fondo morado oscuro).

Evite colores muy saturados sobre fondos oscuros.

Utilice variaciones de color (claro y oscuro) para crear una estructura jerárquica.

Se proporciona un interruptor para los modos claro y oscuro para que los usuarios puedan elegir el diseño de apariencia.

No te olvides de la accesibilidad en el modo oscuro y presta atención al tamaño y al contraste.

Fuentes experimentales 

Las fuentes experimentales están ganando popularidad en proyectos de sitios web y aplicaciones móviles.

Estas fuentes difieren de los proyectos, son únicas o están hechas a medida. Las fuentes experimentales abarcan desde obras de arte de una belleza impresionante hasta sorprendentes incorporaciones a diseños tipográficos estándar.

Las fuentes experimentales pueden ser de estilo monocromático, incluir color, animación y conjuntos de caracteres que incluyan caracteres completos o abreviados.

Varios métodos para aprovechar al máximo las fuentes experimentales incluyen:

1. Dado que estas fuentes pueden ser visualmente impactantes, mantenga el resto del diseño simple.

2. Combínalo con una fuente secundaria muy legible.

3. Considere fuentes experimentales personalizadas para elementos clave, como la fuente utilizada para el logotipo de Designmodo.

Diseños sin demasiadas caras

Esta tendencia puede ser un resultado directo de la pandemia mundial de coronavirus, que ha provocado que haya menos diseñadores y menos caras.

La razón es práctica: como las personas no usan mascarillas en grupos grandes, los diseñadores buscan maneras de crear imágenes apropiadas a partir de una lista de imágenes existente. O eligen imágenes donde no hay nadie reunido.

Es posible que esta sea la primera vez que navegues por distintos sitios web, aunque es algo bastante raro.

Si bien esta es una tendencia importante ahora, no esperes que continúe por mucho tiempo después de la pandemia, a medida que las personas comiencen a reunirse nuevamente en grupos más grandes.