3 tendencias de diseño esencial, febrero de 2018
A veces, las tendencias de diseño son difíciles de ver, incluso cuando las estás buscando. Este mes no es una excepción con las tendencias que incluyen el uso de círculos en el diseño, diseños de pantalla dividida y fondos oscuros con texto claro.
Estos elementos pueden parecer herramientas de diseño comunes, pero cuando se utilizan de manera similar en todos los ámbitos, comienzan a surgir tendencias distintas.
Esto es lo que está en tendencia en el diseño este mes:
1. Círculos
Los significados implícitos y las asociaciones de círculos en el diseño pueden tener mucho que ver con su uso. Los círculos implican una sensación de integridad y armonía. Se utilizan para representar el amor, la energía y el poder. (Es algo sorprendente que más diseñadores no usen círculos regularmente).
Si bien los usos más comunes de los círculos recientemente han sido en forma de botones o llamados a la acción gracias al Diseño de Materiales de Google, los círculos están asumiendo roles de diseño más fuertes.
Lo que puede ser difícil para los círculos es el lienzo y la forma de los sitios web, ya sea claramente horizontales (pantallas de escritorio) o verticales (pantallas móviles). Entonces el diseño tiene que usar círculos en el espacio para que la forma no se pierda en el formato receptivo. Cada uno de los siguientes ejemplos hace un buen trabajo o mantiene el flujo circular sin perder la forma a medida que cambia el lienzo.
KymberleeJay utiliza un gran círculo rosa para llamar la atención sobre la copia principal en la pantalla. El ojo se mueve directamente desde la cara de la mujer a la fuerte forma redonda.
Pizza de Buda implica un círculo con texto e ingredientes alrededor de una rebanada. Parte de lo que hace que aparezca el círculo es la idea de que una pizza suele ser redonda. Incluso con la imagen triangular en el medio de la pantalla, el círculo es obvio.
Hotel Poispois usa círculos flotantes para crear interés visual, pero también sirven como botones gigantes que llevan a los usuarios a diferentes partes del sitio web.
2. Pantallas divididas
Los diseños de pantalla dividida son una de esas tendencias que crece en popularidad y luego desaparece, pero siempre parece dar un giro atrás. La última iteración de la tendencia incluye tanto pantallas divididas súper audaces como combinaciones más sutiles.
Lo bueno de los diseños de pantalla dividida es que funcionan con el formato receptivo de forma hermosa. Obtiene doble contenido en escritorio y contenido apilado en pantallas móviles. Independientemente del dispositivo, el usuario no tiene ganas de perder nada cambiando el tipo de dispositivo.
El diseño de pantalla dividida también proporciona una solución para tener dos piezas de contenido con casi igual importancia. Puede mostrar múltiples elementos y ofrecer dos cursos de acción distintos (y las llamadas a la acción asociadas) en la pantalla al mismo tiempo.
Este concepto pone a los usuarios en control del diseño, lo que les permite sentir que hay una opción sobre cómo interactuar con el contenido.
Taco Bill El sitio web es un excelente ejemplo de esto. El diseño inmediatamente plantea una pregunta a los usuarios: ¿Quieres pedir comida para llevar o quieres una reserva para comer? El diseño de pantalla dividida hace más que simplemente hacer el diseño más fácil de usar, en realidad muestra a los usuarios que tienen múltiples opciones visualmente
Nikos Pandazaras toma otro enfoque con el diseño del sitio web de la cartera de fotografía. El sitio muestra dos fotos verticales al lado de la navegación en el medio. Es un enfoque diferente para un diseño de estilo de portafolio pero efectivo porque los usuarios pueden ver más imágenes de inmediato. El estilo de pantalla dividida implica que ambas imágenes tienen el mismo peso y una no es más importante que la otra.
D'Aucy utiliza una estética de pantalla dividida más sutil. Un lado incluye una imagen en un fondo con textura emparejado con el mismo fondo de color sin ninguna textura y un título. El diseño es una buena manera de ayudar a atraer la atención a través de la pantalla para ver todo el contenido.
3. Fondos oscuros, texto blanco
Los fondos oscuros y el texto blanco son una combinación clásica. Pero esta tendencia está surgiendo con un giro: hay videos o animaciones en el fondo oscuro.
Si el movimiento es sutil, como Top Estates , o rápido y furioso, como Bullying y Comportamiento , la acción en segundo plano es lo que ayuda a atraer a los usuarios, incluso. La falta de color agrega un elemento de misterio y hace que la escena sea un poco más atractiva.
El tipo blanco se suma a la crudeza del diseño. Si bien es fácil de leer, eso es algo bueno, el texto no está abrumando el diseño. Estos proyectos son un poco más severos por naturaleza. El elemento visual conductor es el movimiento en el espacio oscuro del fondo. Todos los diseños a continuación presentan animaciones de bucle que ayudan a crear una sensación para los proyectos.
Cuanto más oscuro sea el fondo con estos diseños, más misterio crearán. Los fondos más oscuros también aumentan la legibilidad debido a la cantidad de contraste con el texto blanco. La velocidad de las animaciones puede crear una sensación de calma o frenesí.
Es bastante espectacular la cantidad de información que puede venir de lo que a simple vista se parece a diseños tan simples.
Conclusión
Lo bueno de esta colección de tendencias es que son todas las cosas que puedes implementar en casi cualquier proyecto de diseño. El uso de círculos, pantallas divididas y fondos oscuros no se limita a un cierto estilo de diseño. Puede utilizar estas ideas para refrescarnos un sitio que se siente un poco pasado de moda o incorporarlos en un nuevo proyecto.
Al igual que con cualquier tendencia, piense en el contenido y el contexto antes de comenzar. ¿El plan visual lo ayuda a alcanzar su objetivo general con el diseño?