3 tendencias de diseño esenciales, junio de 2021

Si te sientes como yo en este momento, tienes emociones encontradas sobre el mundo en general. Y esto se está traduciendo en una tendencia de diseño bastante distinta que está sucediendo casi en todos los ámbitos: los sitios web no están usando muchas imágenes de personas en este momento.

Hay demasiadas preguntas sobre lo que es apropiado (¿máscara, sin máscara? ¿Grupos?), Por lo que la respuesta predeterminada parece ser el uso de opciones más «ingeniosas» que se centran en la tipografía, los elementos gráficos y las pequeñas animaciones.

Esto es lo que está de moda en diseño este mes…

1. No hay fotos encima del desplazamiento

Mientras el mundo trabaja para salir de la pandemia, los diseñadores luchan con los elementos de diseño posteriores a la pandemia, principalmente la fotografía.

Muchas marcas y empresas comenzaron a actualizar sus bibliotecas con nuevas imágenes que incluían grupos más pequeños y personas enmascaradas. Ahora, algunas partes del mundo están presionando para reabrir, lo que hace que algunas de estas imágenes parezcan obsoletas de inmediato.

¿Qué debe hacer un diseñador? Primero, debe considerar mantener un diseño de apariencia fresca con un mundo que está cambiando rápidamente en este momento.

Esa es probablemente la gran razón por la que tantos diseños de sitios web se lanzan sin fotos encima del desplazamiento. En cambio, las áreas de héroe están dominadas por una tipografía de gran tamaño, elementos gráficos y pequeñas animaciones para llamar la atención.

No hay muchas imágenes que contengan personas o escenas de la vida real.

Este término medio permite a los diseñadores crear algo interesante dentro de algunas limitaciones bastante distintas al tiempo que evita que un diseño parezca anticuado si cambian las pautas locales de salud pandémica. (Es una línea muy fina para caminar que puede continuar durante algún tiempo).

Cada uno de estos tres sitios lo hace de manera diferente, pero con temas similares.

Michael Sumner utiliza colores brillantes y animaciones de texto sutiles para que no pierda de vista el diseño. Las líneas limpias y los elementos gráficos fluidos casi parecen contrarrestar la elección del color en la cara.

Gus utiliza un fondo de cuadrícula, también con una paleta de colores no tradicional, para llamar la atención. Sigues mirando el diseño gracias al «gus» animado en la pantalla. Este pequeño elemento es suficiente para ayudar a los usuarios a profundizar en el diseño.

Radián adopta un enfoque diferente al tiempo que adopta la tendencia de diseño sin fotos. Con una gran cantidad de espacio en blanco y fuentes limpias, el diseño utiliza cuadros de logotipo de desplazamiento simple para ayudar a contar la historia de la empresa.

2. El título de alineación a la izquierda domina al héroe

Esta tendencia de diseño de sitios web es de dos tipos: no hay fotos encima del desplazamiento y los titulares principales están alineados a la izquierda con predominio en el área del encabezado.

Un título de pila alineado a la izquierda puede ser un elemento llamativo y dominante. Puede tener aún más impacto con las palabras adecuadas en el título que atraigan e involucren a los usuarios para que aprendan más. (Si usa esta tendencia de diseño, es imperativo dedicar tiempo a las palabras para asegurarse de que el diseño diga algo significativo).

Aquí es donde se pone complicado. Para empujar el ojo a través de la pantalla, desea que el título apilado no se extienda por completo. La mayoría de los diseños que utilizan esta tendencia van de la mitad a las dos terceras partes de la pantalla.

Entonces, el tamaño del texto debe ser lo suficientemente grande para que las palabras no se rompan de manera incómoda. (El tamaño depende de la cantidad de palabras y letras con las que tenga que lidiar).

Finalmente, desea apilar líneas de texto para que queden bien en el primer desplazamiento principal del diseño. Si el título es demasiado bajo, puede distraer la atención. Lo mismo ocurre con un título que está demasiado cerca de la navegación o se hace divertido en el pergamino.

La lección aquí es que apilar texto de esta manera es un arte fino, requiere el tipo de letra correcto (y altamente legible) para llevarlo a cabo y requiere mensajes significativos.

Colectivo Firme lo hace con un título simple y «fragmentos» de imágenes que fomentan el desplazamiento.

Nebulab utiliza algunas imágenes, pero lo que realmente ves es el titular gigante de dos barajas. Tenga en cuenta el uso inteligente de «la próxima gran cosa» en un tipo de letra de gran tamaño.

#Todos utiliza una configuración en mayúsculas con subrayado intencional para llamar la atención sobre las palabras clave. La paleta de colores en blanco y negro con acentos amarillos es una ventaja para este diseño y estilo.

3. Diversión con las fuentes

Cuando no tiene muchas imágenes con las que trabajar ni caras para mostrar, deja más espacio para la creatividad tipográfica.

Desde tipos de letra experimentales hasta estilos de línea, combinaciones de peso interesantes y tratamientos de fuentes completamente artísticos, los diseñadores se están divirtiendo mucho en esta área.

Aquí hay tres ejemplos por los que enamorarse.

Mantic utiliza un tipo de letra experimental de estilo punto divertido para una herramienta de inteligencia artificial con un toque futurista. Usar un estilo de letra que coincida con el tono y el contenido del diseño es clave para hacer que una técnica como esta realmente funcione de maravilla.

Luna balística también utiliza un tipo de letra experimental y original para la introducción a la aventura del libro de cuentos en línea. Lo que es realmente bueno sobre el uso de la tendencia aquí es que la fuente divertida tiene un propósito distinto y se usa solo para ese uso y no está dispersa por todo el diseño.

Kazuki Noda se divierte con las letras de su nombre para que tenga la misma sensación de frescura y majestuosidad que el resto del diseño. Mire de cerca el fondo del video súper borroso y las frases que aparecen en el área del héroe para describir el portafolio y la dirección de arte que contiene. Es ingenioso y divertido.

Conclusión

No hay muchas imágenes para ver con los proyectos de diseño de sitios web este mes. Y ese tema está en el corazón de las tendencias en este momento. Será interesante ver cuánto tiempo continúa esto en un panorama mundial incierto.

Lo bueno de estos proyectos que no son tan pesados ​​en fotografías es que obliga a los diseñadores a desarrollar soluciones creativas y usar otras herramientas para ayudar a llamar la atención sobre los proyectos.

Diseñar dentro de este tipo de restricciones puede parecer un poco abrumador al principio, pero los mejores diseñadores pueden correr con este desafío para crear algo asombroso. (E incluso puede sentirse liberador de alguna manera). Buena suerte si está trabajando en uno de estos proyectos, y esperamos que estas tendencias sirvan como fuente de inspiración.