Tendencias de diseño esencial, octubre de 2016
Como dice el refrán: todo lo viejo es nuevo de nuevo. Eso es cierto en el diseño seguro. Este mes, algunas de las principales tendencias en diseño web no son para nada nuevas. Los diseñadores están reinventando los estilos de tipografía de la vieja escuela, volviendo a la cuadrícula y repensando los mensajes en la página de inicio.
Es una combinación interesante de elementos visuales que hemos visto en el pasado, y que probablemente volveremos a ver en el futuro. Esto es lo que está en tendencia en el diseño este mes:
1. Tipografía de la vieja escuela
Más diseñadores están adoptando un enfoque de la vieja escuela para mostrar la tipografía. Atrás quedaron las sans serifs ultradelgadas o condensadas, y los estilos de estilo más tradicionales se encuentran. Las serifas antiguas, modernas y transitorias son el nuevo estilo de visualización de tipo ir.
Es un poco sorprendente, en realidad. Durante años. La "regla" ha sido utilizar sans serifs para mejorar la legibilidad y los diseñadores hicieron precisamente eso, a menudo sin duda. El nuevo uso de serifs para tipo grande, e incluso un tipo más pequeño, es refrescante y bastante legible. Los diseños a menudo viven en un espacio mínimo, por lo que ese tipo no tiene que competir por la atención y las parejas se enfocan en letras oscuras sobre un fondo claro. (Todo lo que ayuda a la legibilidad)
¿No sabes mucho sobre estos estilos de letra? Aquí hay una cartilla rápida sobre cada uno de estos "nuevos" símbolos de la vieja escuela:
- Estilo antiguo: Lettering tiene un ambiente del viejo mundo que se traslada desde algunos estilos blackletter y gótico desde las primeras épocas de impresión. Las formas de letras a menudo tienen pequeñas serifas (esos pequeños trazos al final de los stokes más largos) y una forma redondeada. RSQ, a continuación, es un escaparate perfecto de tipografía antigua.
- Moderno: este estilo de letras es bastante común en el diseño impreso, como periódicos y revistas, pero recién está comenzando a abrirse camino en proyectos web. Las serifas modernas tienen anchuras de trazo gruesas y delgadas alternadas en cada forma de letra, a veces con grandes cantidades de contraste. Ink + Volt, a continuación, usa una hermosa serifa moderna. Pero también tenga en cuenta cómo se usa la inscripción. El tipo está dentro de una caja blanca para que las partes delgadas de cada letra no se pierdan en el fondo del video, lo que limitaría la legibilidad. Esta es la solución perfecta para usar un serif moderno.
- Transicional: estas formas de letras se parecen mucho a las serifas modernas con una gran diferencia: las letras tienen anchos de trazo uniformes. Esto hace que las serifas tradicionales sean más fáciles de usar porque pueden ser más legibles en más situaciones de diseño.
No toda la tipografía de la vieja escuela cae en una categoría serif. Algunos de los estilos de la vieja escuela que están apareciendo simplemente nos recuerdan otro momento, como el utilizado por The Frontend Guide, a continuación. El tema funky, inclinado, finales de los años 70 y principios de los 80 realmente te lleva a otro momento y lugar. (Y eso es totalmente de la vieja escuela)
2. Cuadrículas definidas
A veces puedes ver la cuadrícula, a veces no puedes. De cualquier manera, una grilla sólida es la base de un diseño que está limpio y organizado y es fácil para los ojos.
Rejillas más definidas están regresando. Parte de esto podría deberse a la influencia de Material Design, que presenta muchos elementos en columnas y filas ordenadas, y parte de ello podría ser la facilidad de mover y reorganizar elementos en marcos receptivos.
De cualquier manera, las grillas definidas pueden verse increíbles para una variedad de proyectos en prácticamente cualquier pantalla. Lo bueno de usar una grilla definida es que hace la vida realmente fácil para el diseñador. Una vez que se familiarice con el trabajo dentro de una grilla, las ubicaciones, el tamaño y las opciones de diseño se le presentan claramente.
El truco para usar grillas definidas no es parecer demasiado estructurado o demasiado grillado. Para muchos diseñadores, esto significa cambiar los tamaños en diferentes "pantallas", como tener una imagen de héroe de ancho completo sobre una grilla de elementos. La página "Década" de Elegant Seagulls, a continuación, hace esto muy bien. El sitio web también presenta grillas sutiles en la página principal de la imagen, que es oscura y misteriosa, y te lleva a las páginas de la red con temática misteriosa. High Tide, a continuación, hace algo similar con un video de introducción genial encima de los bloques de la cuadrícula.
Pero una cuadrícula puede estar bien definida y un poco menos en caja. Zumtobel, a continuación, usa las letras en su nombre para crear bloques de cuadrícula para información específica del producto. Solo al pasar el mouse puede ver las cuadrículas de tamaño perfecto, a pesar de que las ubicaciones están idealmente espaciadas horizontal y verticalmente en una cuadrícula limpia.
Cuanto más piense en las cuadrículas, más comenzará a verlas a través de los ojos del diseñador que creó cada una. Puede comenzar con algunas de las cuadrículas web comunes si no se siente cómodo con la idea o no puede crear la suya propia. El truco es que tienes que usar la cuadrícula de forma consistente para un verdadero éxito visual.
3. Mensajes mínimos por encima del "pliegue"
La pregunta del día es esta: ¿hay suficiente información sobre el pergamino como para interesarte lo suficiente como para seguir mirando el sitio web? Puede ser difícil de responder. Pero muchos diseñadores apuestan a la idea de que haga clic o se desplace, incluso si solo hay una palabra en la pantalla.
Con otros elementos visuales como video, desplazamiento de controles deslizantes o tentadores despliegues de productos, los usuarios pueden hacer justamente eso. Pero puede ser una apuesta, especialmente con diseños que no incluyen un menú de navegación con mensajes mínimos.
Luego está esto: muchos usuarios ingresan a sitios web a través de páginas que no son la página principal, entonces ¿por qué no arriesgarse allí? Mira los datos y clics, mira lo que sucede.
Esta es una de esas tendencias que será interesante de ver. Podría desaparecer casi tan rápido como apareció, pero hay muchos sitios que usan este modelo.
Conclusión
Es muy divertido ver cómo las tendencias del diseño vuelven a la moda. Lo bueno de dos de estas tendencias -la tipografía de la vieja escuela y las grillas definidas- es que son muy útiles en varios estilos de diseño.
¿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.