3 tendencias de diseño esencial, agosto de 2017
Si los días de perro del verano anhelan un cambio de escenario, las tendencias de diseño web de este mes son el comienzo perfecto. Mientras que el minimalismo ha sido el estilo "it" últimamente, más diseñadores están comenzando a cambiar hacia más detalles y características dentro del diseño. Los llamativos patrones de diseño que estamos empezando a ver son una nueva alternativa a los estilos simplificados a los que nos hemos acostumbrado.
¿Qué piensas? ¿Estás listo para opciones de tipografía más delgadas, detalles más elaborados y logotipos estilo icono? Es posible que esté después de ver algunos de estos proyectos de diseño.
Esto es lo que está en tendencia en el diseño este mes:
1. Tipografía delgada (ner)
¡El tipo delgado está de vuelta! Los tipos de letra delgados tuvieron un mal golpe cuando Apple optó por una fuente súper delgada y liviana para su sistema operativo con iOS 7.
Los diseñadores se opusieron a la opción, que era un poco difícil de leer y de alguna manera contrarrestó muchas tendencias de diseño que estaban sucediendo en ese momento. (Flat estaba de moda, pero algunos argumentaron que Apple era casi plano combinado con el tipo de letra ultradelgado era demasiado.) Al mismo tiempo, las fuentes más amplias y audaces se convirtieron en el elemento dominante para el título del sitio web y la tipografía en imágenes de héroes sobre el rollo .
La marea está empezando a cambiar hacia otro lado. Las tipografías delgadas actuales son algo más delgadas de lo que estamos acostumbrados, pero no son tan delgadas como la opción de Apple.
Lo mejor de optar por una tipografía más delgada es que tienes un poco más de libertad con el diseño. Si bien las tipografías delgadas no se recomiendan para la copia corporal, pueden funcionar bien en tamaños más grandes cuando hay mucho contraste.
Los siguientes ejemplos muestran algunos de los mejores usos de tipos de letra más delgados:
- Use una tipografía delgada en mayúsculas para crear un título impactante. Esta opción a menudo funciona mejor con solo unas pocas palabras, como Safaris africanos de lujo , abajo. Es igualmente importante pensar en las letras en relación con las letras reales; algunas palabras pueden ser difíciles de leer en tipos de letra delgados o gorras.
- Empareje un tipo de letra delgado con una opción más audaz para crear énfasis, como WebDesignStudio , abajo.
- Utilice un tipo de letra más delgada en color (en un fondo que contraste) para agregar énfasis visual, como Centro de Golf Leeds , abajo.
Buscando inspiración? Aquí hay cinco fuentes de Google que se ajustan a la factura (y se verán estupendas): Fuente Sans Pro , Dosis , Alcance uno , Rajdhani , Martel Sans .
2. Detalles elaborados
Desde la diversión hasta los elegantes tratamientos tipográficos y los elementos de la interfaz de usuario que crean una delicia inesperada, los detalles elaborados se están volviendo más comunes. El truco para crear algo elaborado es hacer que parezca lo más simple posible para el usuario, lo que significa que debe ser fácil de entender y usar.
Lo bueno de los detalles es que pueden agregar mucha personalidad a un proyecto. Estos elementos pueden transportarse a través de medios desde proyectos de sitios web hasta el diseño del producto y elementos impresos para que todo lo de una marca tenga ese mismo detalle especial visualmente. (Esta es una excelente manera de establecer la cohesión de la marca).
Estos detalles pueden aparecer de varias maneras y siempre deben agregarse al efecto general, no restarle valor. Detalles elaborados se utilizan mejor para una sola instancia en el diseño y no deben abrumar a los usuarios. Usar algo elaborado demasiadas veces puede terminar creando lo opuesto al efecto deseado y, de hecho, abrumar visualmente a los usuarios. Entonces, una vez que encuentre su "truco", úselo una vez y úselo bien.
los Grupo de antepasados , a continuación, utiliza un estilo elaborado con un logotipo antiguo con caracteres de color por encima del título. El estilo tipo es poco común para el diseño web y se combina con el logotipo elaborado, es una combinación sorprendente. Pero también puede ver cómo este diseño solo puede ser efectivo con un solo uso. El tipo de letra podría ser difícil si se usa para bloques grandes de texto y el estilo podría interferir con la mensajería. Aquí, el equipo de diseño lo utilizó perfectamente.
Sillas de trabajo Vitra , a continuación, utiliza elaboradas animaciones de interfaz de usuario para atraer a los usuarios. La página de inicio incluye un botón "Arrastrar" que se abre en el menú de línea de productos. El fondo permanece igual en ambos paneles para que las sillas siempre se destaquen en el carrete de video. Las animaciones entre clics son igualmente interesantes e incluso si no está listo para comprar una silla, se recomienda moverse por el sitio web.
A veces, el diseño más elaborado no incluye ningún efecto súper especial. Solo Kite School , a continuación, utiliza un logotipo divertido de video real y grande para una combinación que atrae la atención. Si bien el logotipo grande parece simple, crear una tipografía que sea legible y funcional de esa manera puede ser difícil. Aquí, funciona muy bien y el estado de ánimo de las letras coincide con lo que cabría esperar de este tipo de negocio.
3. Logotipos de icono
¿Es eso un icono o un logotipo? La línea entre los dos elementos de diseño se cruza cada vez más. Logotipos estilo icono están apareciendo en todas partes.
Extraídos del estilo minimalista, y debido a que funcionan en una variedad de aplicaciones, los logotipos de los iconos pueden ser coloridos o estar inspirados en las líneas. La mayoría de los usos se inclinan hacia un logotipo de estilo más pequeño en una forma que también se trasladará a los sitios de redes sociales para una marca consistente en línea.
La desventaja de un logotipo de icono es que no hay mucho espacio para un nombre de compañía real. Los mejores logotipos de íconos están diseñados para que puedan estar solos o junto a las letras, como District0x , abajo. Observe cómo el colorido ícono "d" podría funcionar por sí solo, se ve muy bien en el formato de logotipo de Twitter del círculo debido a la forma asimétrica, y no se siente en el camino cuando se combina con la marca completa.
Jardan Muebles y Faro de Nobbys , a continuación, opte por estilos de logotipo de icono más simples con el nombre de marca establecido en el tipo a continuación. Si bien esta es una opción popular, puede crear cierta desconexión entre el nombre y el logotipo. Opte por ubicaciones que conecten los elementos, ambos ejemplos centrados en el logotipo y el nombre de la empresa tipográfica, para crear una ruta visual de un elemento al siguiente.
Conclusión
Es divertido observar cómo las tendencias comienzan a cambiar de una dinámica a otra. ¿Crees que los estilos más detallados reemplazarán el minimalismo? ¿O es solo una moda pasajera?
¿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.