Tendencias de diseño esencial, febrero de 2017
Una presencia visual interesante sobre el rollo es la primera impresión que recibe un usuario de un sitio web. Si ese usuario sigue haciendo clic puede depender de varias cosas, incluidas imágenes, legibilidad e interés general en el contenido.
Este mes observamos tres tendencias que hacen una primera impresión distinta: superposiciones de colores oscuros en imágenes, brutalismo y estilos de letras huecas. Esto es lo que está en tendencia en el diseño este mes:
1) Superposición oscura en las imágenes
No importa si la imagen del héroe está quieta o en movimiento, una superposición de color oscuro puede ayudar incluso a los colores de forma que sea más fácil agregar texto y otros elementos a una capa en la parte superior de la imagen. Si bien esto puede sonar como 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 color claro y oscuro, por lo que es un desafío agregar letras que se puedan leer en todos los dispositivos. Incluso si hay una ubicación perfecta para pantallas panorámicas de escritorio, la misma combinación de imagen y texto puede volver indescifrable en una pantalla móvil.
Ahí es donde una superposición de colores ayuda. El lavado de color semitransparente sobre una imagen o video debería amplificar el contraste. Luego las letras blancas o de color claro tienen un lugar y seguirán siendo legibles.
Las superposiciones de colores oscuros son visualmente interesantes también por otras razones. No te quedes atrapado en la trampa que oscuro significa negro o gris. Una superposición oscura puede ser de cualquier color, como el verde utilizado por 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 quiere que esté a la vanguardia 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 solo una que 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 a que el diseño se centre más en otro contenido, como texto, botones de llamadas a la acción u otros elementos gráficos.
Las superposiciones pueden ser muy oscuras, como Digital Werk o pueden proporcionar un sutil oscurecimiento a la manera de Lytton Living. Sabe que tiene el equilibrio correcto cuando todavía puede ver la imagen y todos los elementos estratificados son fáciles de leer.
2. Brutalismo
Feo. Duro. Agudo. Ocupado.
Estas son solo algunas de las palabras que algunos han usado para describir la tendencia del diseño del sitio web de brutalismo. 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 sensibilidad diferente que incluye cosas que ves y cosas que no puedes ver. Ben McNicholl lo describió de esta manera en un post para Envato : "'Brutalism' proviene de la palabra francesa 'raw', así que tenlo en cuenta cuando estés escribiendo tu código.
"Un sitio web no tiene por qué ser una muestra de horror de imágenes desordenadas y colores de fuente discordantes; la forma en que se ha escrito el código también es un símbolo del estilo. CSS incrustado, código no conectado, tablas HTML, la lista continúa ".
Hay suficientes ejemplos de brutalismo que hay un todo galería de sitios web dedicado a estos diseños. En la introducción, el sitio web se refiere al brutalismo de esta manera: "En su aspereza y falta de preocupación para parecer cómodo o fácil, el brutalismo puede verse como una reacción de una generación más joven a la ligereza, optimismo y frivolidad del diseño web de hoy. "
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. Si te encuentras con uno de estos diseños, no puedes evitar parar, mirar y explorar. Ya sea que piense 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 distintamente diferentes:
- Letra hueca sobre una imagen o fondo de color, como C & C Coffee.
- Letras llenas de una imagen en un fondo plano, como The London Loom, con una versión alternativa donde casi se puede ver la imagen con un fondo con transparencia sutil, 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 tipo de letra para elegir y los diseñadores se pueden estancar con 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 procesamiento de fuentes.
Cuando se trata de letras rellenas, el truco para hacerlo funcionar es que las imágenes dentro de las letras deben ser discernibles. Si los usuarios no pueden decir cuál es la imagen, entonces el diseño no será efectivo. Para ayudar, la mayoría de los diseñadores optan por letras de bloque gruesas aquí, por lo que hay más espacio para mostrar las imágenes. Las imágenes son a menudo 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 rostros u objetos que debe ver de cierta manera, ya que deben posicionarse perfectamente dentro de los caracteres.
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 un cambio de estilo general. ¿Puedes verte 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 con los que está fascinado. Déjame un enlace en Twitter; Me encantaría saber de ti.