3 tendencias de diseño esencial, junio de 2017
A veces, un simple ajuste de diseño puede mover el diseño de su sitio web de ordinario a moderno. Cada una de las tendencias de este mes es ese tipo de técnica, desde la tipografía pequeña a las características geométricas a las imágenes borrosas. Cualquiera de estas técnicas puede funcionar en un nuevo proyecto de diseño o como un ajuste a un diseño existente.
Esto es lo que está en tendencia en el diseño este mes:
1. Texto "minúsculo"
¿Parece que la tipografía de gran tamaño es una cosa del pasado? Texto más pequeño, casi "pequeño" ha comenzado a reemplazar los grandes encabezados en negrita que han sido un elemento básico de diseño de sitios web desde hace un tiempo. Desde encabezados más pequeños hasta texto del cuerpo que parece escaso, ha habido una tendencia definida en la reducción de la tipografía.
Si bien puede haber algunas preocupaciones sobre la legibilidad cuando se trata de tamaños de texto pequeños, particularmente para el texto del cuerpo, las fuentes más pequeñas no son malas. La tipografía de gran tamaño casi había empezado a ser llamativa con tamaños y letras que eran casi demasiado grandes para leer con facilidad.
Los tipos de letra más pequeños se sienten un poco más suaves y dan al diseño más espacio para otros elementos para que el ojo se mueva. El truco para la efectividad con el tipo pequeño es mantener las letras al mínimo. Sin mucho que leer, esta tendencia puede ser efectiva e interesante. Por otro lado, con los grandes bloques de tipo pequeño tipo se pierde y puede obstaculizar la capacidad del usuario para leer con facilidad y escanear de manera eficiente.
El equilibrio es una preocupación también. Todos los tipos de letra tienen que reducirse un poco para crear un agradable sentido de armonía. Moonfarmer usa una tipografía clara para el tratamiento del logotipo y una pequeña línea de copia secundaria. Los elementos de tipo contrastan muy bien y el tratamiento de tipo de luz parece ajustarse al estado de ánimo de las imágenes.
HTML Burger adopta un enfoque casi opuesto con un título en negrita y pequeñas líneas secundarias de texto. Las palabras descriptivas más claras son pequeñas porque son palabras comunes (HTML, CSS, e-commerce) y contrastan de manera significativa con el título aún demasiado grande.
El diseño NBA de Mountain Dew empuja todo a una escala pequeña. Este es uno de los tratamientos de titulares más pequeños que probablemente encontrará, pero combinado con la superposición de X excesivamente audaz y el fondo de video, los usuarios todavía están atraídos por el texto diminuto.
2. Estratificación geométrica
Las nuevas formas de colocar elementos en capas han ganado popularidad constantemente. Primero se trajo como una técnica de diseño convencional y moderna por la idea de Material Design de Google, las capas geométricas son una forma diferente de agregar interés visual a las imágenes que podrían dejar algo que desear.
Cada uno de los ejemplos a continuación utiliza un marco con formas audaces para dar nueva vida a las imágenes que son algo simples: edificios, una foto de reunión, imágenes de personas trabajando. La adición de formas divertidas, recortes y colores le dan al usuario un punto de partida para entrar en el diseño. Tenga en cuenta cómo cada uno de los diseños usa una forma geométrica para mover al usuario de forma efectiva al contenido más relevante, como un titular o una marca.
La geometría se puede usar de varias maneras que se integra con el resto del diseño:
- cortar en imágenes para traer el foco a elementos de prueba importantes como Proyectos de sal ;
- utilice un elemento de borde brillante inesperado para crear un punto focal fuera de equilibrio que lleve a los usuarios a través de la pantalla, como Bailey y francés ;
- coloque fotos en formas inusuales para agregar un nuevo enfoque a las imágenes, como Alchemy Digital .
La mejor parte del uso de capas geométricas es que es fácil y funciona prácticamente con cualquier tipo de contenido. Los usuarios están cada vez más acostumbrados a los botones circulares y otros elementos que se colocan uno encima del otro para una sensación interactiva de múltiples planos y más táctil.
Los ángulos y las curvas de los elementos geométricos pueden ayudar a los usuarios a apuntar de un elemento al siguiente, y cuando se utilizan con eficacia son una gran herramienta direccional. Posicione los ángulos para que "apunten" al contenido que desea que vean los usuarios y use círculos para el contenido que debe verse primero.
3. Imágenes borrosas
Las imágenes borrosas son una técnica que no es nueva. Pero parece estar adquiriendo nueva vida con más diseños que presentan imágenes borrosas o parcialmente, o parcialmente, borrosas.
Las imágenes borrosas pueden crear una sensación distinta para un sitio web con un elemento de misterio o ayudar a alejar el énfasis de la imagen hacia otra parte del diseño. Cada uno de los ejemplos a continuación usa desenfoque por diferentes motivos:
- Digitalux toma lo que sería un poco aburrido de video -personas trabajando en una oficina- y usa azul para agregar un poco de movimiento detrás del mensaje principal y el llamado a la acción;
- Playkot utiliza un fondo borroso para enfatizar el carácter divertido y el tratamiento de tipografía interesante en primer plano, añadiendo un elemento de realidad a esta aventura virtual de juego estilo ciudad;
- "Nosotros los fanáticos" de ESPN presenta un telón de fondo de estadio borroso que casi sería un estadio de fútbol en cualquier lugar para mostrar la vista previa de un documental de televisión; el telón de fondo borroso ayuda a poner más énfasis en el tratamiento tipo de diversión que es la marca principal de la serie.
Conclusión
A veces, las tendencias más importantes son escalones en la evolución de otras tendencias. Puede ser interesante ver el progreso de un paso pequeño casi como sucede. Eso es lo que tiende a tener cuando mira los elementos de tendencias que se pueden aplicar a casi cualquier proyecto, como las tres tendencias que se muestran aquí.
Lo bueno de estas ideas es que son aplicables en casi cualquier escala. Puede agregar texto pequeño a su página de inicio, por ejemplo, y ver cómo el cambio afecta a los usuarios antes de implementarlo en una escala más amplia. Las pruebas y pruebas en este nivel ayudarán a predecir si una tendencia como esta tendrá poder de permanencia o se desvanecerá rápidamente.
¿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.