Tendencias de diseño esenciales, febrero de 2017

Una presencia visual interesante sobre el desplazamiento es la primera impresión que un usuario obtiene de un sitio web. El hecho de que el usuario continúe haciendo clic puede depender de varias cosas, incluidas las imágenes, la legibilidad y el interés general en el contenido.

Este mes estamos viendo tres tendencias que causan una primera impresión distinta: superposiciones de colores oscuros en las imágenes, brutalismo y estilos de letras huecas. Esto es lo que está de moda en diseño este mes:

1) superposición oscura en las imágenes

No importa si la imagen principal está quieta o en movimiento, una superposición de color oscuro puede ayudar a igualar los colores de una manera que facilita la adición de texto y otros elementos a una capa en la parte superior de la imagen. Si bien esto puede parecer un atajo al principio, esta técnica tiene mucho valor.

La razón principal para optar por una superposición de color es mejorar la legibilidad. La mayoría de las imágenes contienen variaciones de colores claros y oscuros, por lo que agregar letras que sean legibles en todos los dispositivos es un desafío. Incluso si hay una ubicación perfecta para pantallas anchas de escritorio, la misma combinación de imagen y texto puede volverse indescifrable en una pantalla móvil.

Ahí es donde ayuda una superposición de color. El lavado semitransparente de color sobre una imagen o video debería aumentar el contraste. Entonces las letras blancas o de colores claros tienen un lugar y seguirán siendo legibles.

Las superposiciones de colores oscuros también son visualmente interesantes por otras razones. No te quedes atrapado en la trampa de que oscuro significa negro o gris. Una superposición oscura puede ser de cualquier color, como el verde que utiliza Internetum, a continuación. Una elección de color divertida o inusual puede ayudar a atraer a los usuarios al diseño.

Una superposición oscura puede hacer una cosa más: puede ayudar a camuflar una imagen o video que no desea que esté al frente del diseño. Esto podría deberse a que la imagen es un poco vieja, un poco suave en términos de composición o simplemente una que se cae un poco plana. Una superposición de color puede cambiar el estado de ánimo de la imagen, hacerla un poco menos prominente y ayudar al diseño a centrarse más en otro contenido, como texto, botones de llamada a la acción u otros elementos gráficos.

Las superposiciones pueden ser muy oscuras, como Digital Werk, o pueden proporcionar un oscurecimiento sutil a la manera de Lytton Living. Sabes que tienes el equilibrio adecuado cuando aún puedes ver la imagen y todos los elementos en capas son fáciles de leer.

2. Brutalismo

Feo. Duro. Agudo. Ocupado.

Estas son solo algunas de las palabras que algunos han utilizado para describir la tendencia del brutalismo en el diseño de sitios web. Pero el hecho de que un diseñador experimente con brutalismo no significa que el diseño sea un desastre. Es todo lo contrario.
Este estilo emplea un estilo y una sensibilidad diferentes que incluye cosas que ves y cosas que no puedes. Ben McNicholl lo describió de esta manera en una publicación para Envato: “’Brutalismo’ proviene de la palabra francesa para ‘crudo’, así que tenlo en cuenta cuando escribas tu código.
“Un sitio web no tiene por qué ser un espectáculo de terror de imágenes desordenadas y colores de fuente contradictorios; la forma en que se ha escrito el código también es un símbolo del estilo. CSS incrustado, código sin tabular, tablas HTML, la lista continúa «.
Hay suficientes ejemplos de brutalismo que hay todo un galería del sitio web dedicado a estos diseños. En la introducción, el sitio web se refiere al brutalismo de esta manera: “En su dureza y falta de preocupación por verse cómodo o fácil, el brutalismo puede ser visto como una reacción de una generación más joven a la ligereza, optimismo y frivolidad del diseño web actual. «

Lo que es particularmente interesante sobre el brutalismo es que el diseño se ve muy diferente de todos los estilos planos y minimalistas que han prevalecido tanto. Si te encuentras con uno de estos diseños, no puedes evitar detenerte, mirar y explorar. Ya sea que crea que es hermoso o feo o algo intermedio, ese es el objetivo final de cualquier diseño de sitio web.

3. Letras huecas

Las letras con rellenos interesantes están comenzando a aparecer por todos lados. Lo interesante de esta tendencia es que tiene dos aspectos claramente diferentes:

• Letras huecas sobre una imagen o un fondo de color, como C&C Coffee.
• Lettering relleno con una imagen sobre fondo liso, como The London Loom, con una versión alternativa donde casi se puede ver la imagen con un fondo de sutil transparencia, como My Mother Before Me.

Si bien esta tendencia tiene mucho impacto visual y es muy divertida, puede ser algo difícil de ejecutar.

Cuando se trata de letras huecas sobre una foto, no siempre hay tantas opciones de tipografía para elegir y los diseñadores pueden quedarse atascados usando las mismas pocas fuentes. Esta no es una situación ideal para proyectos web en absoluto. Hay más flexibilidad para proyectos no web en los que no tiene que preocuparse por la integración y el renderizado de fuentes.

Cuando se trata de letras rellenas, el truco para que funcione es que las imágenes dentro de las letras deben ser discernibles. Si los usuarios no pueden distinguir cuál es la imagen, el diseño no será efectivo. Para ayudar, la mayoría de los diseñadores optan por letras de imprenta gruesas aquí para que haya más espacio para que las imágenes se vean. Las imágenes suelen ser más abstractas, textiles o paisajes porque el cerebro humano tiende a llenar los espacios en blanco de la imagen y todavía funciona para ellos. Es mucho más difícil usar imágenes con caras u objetos que necesitas ver de cierta manera porque tienen que estar perfectamente posicionados dentro de los personajes.

A pesar de ser algo desafiante, ambos estilos de letras pueden ser visualmente interesantes y divertidos de crear.

Conclusión

A diferencia de otras tendencias en las que puede implementar pequeños cambios, estas tres opciones presentan más un cambio de estilo general. ¿Te imaginas usando alguno de ellos en proyectos futuros?
¿Qué tendencias estás amando (u odiando) en este momento? Me encantaría ver algunos de los sitios web que le fascinan. Envíeme un enlace en Twitter; Me encantaría saber de ti.