Tendencias de diseño esenciales, marzo de 2016
Una de las mejores cosas de observar las tendencias cada mes es echar un vistazo a lo que están experimentando los diseñadores. En particular, comienza a ver un cruce distintivo de elementos que podría haber pasado por alto a primera vista.
Eso mismo sucedió con la colección de este mes. Tenga en cuenta todos los tonos amarillos y dorados. Incluso al seleccionar ejemplos de gran trabajo para otras tendencias, los sitios web con estos tonos siguieron apareciendo.
Esto es lo que está de moda en diseño este mes:
1. Tonos amarillos y dorados
Las tendencias de color son divertidas de ver. A veces, los colores tienden a coincidir con elementos de temporada o simplemente reflejan la marca, pero a veces el uso del color muestra el estado de ánimo y los sentimientos del diseñador.
Los tonos amarillos y dorados están apareciendo por todas partes. Desde efectos de lavado de color de pantalla completa, como Bodega Gold Hill, con acentos o letras brillantes, el amarillo y el dorado son opciones populares en este momento.
Los tonos amarillos son una buena forma de establecer la conexión emocional correcta con un proyecto. El color se asocia comúnmente con la alegría y la felicidad. Está vinculado al intelecto y la energía. Los tonos más dorados se sienten especiales, elaborados y regios. Más importante aún en el contexto del diseño, el tono correcto de amarillo puede ser espectacular, captando la atención del usuario y proporcionando un punto de referencia visual para cada elemento de la pantalla.
Sin embargo, el uso de este tipo de paleta de colores requiere mucho pensamiento. Los amarillos pálidos pueden perderse si no se combinan con otro color de una manera que establezca un contraste distinto. (Los blancos y los amarillos a menudo no se mezclan). Demasiado amarillo, piense en la coloración al estilo de Big Bird, puede tener una sensación abrumadora y puede distraer demasiado a los usuarios.
Ahí es donde entran los amarillos más profundos con matices más rojizos y tonos dorados. Estos tonos amarillos son más fáciles de trabajar porque no son tan estimulantes. Para lograr el máximo impacto, combine los tonos amarillos con una paleta general más oscura para crear el máximo contraste e impacto. Considere combinar tonos dorados con fondos más claros por la misma razón. Opte por un tono amarillo que cree la sensación adecuada para su diseño: los amarillos más brillantes son más enérgicos y felices, mientras que los tonos dorados pueden parecer más clásicos o únicos.
2. Todo vintage
El estilo de vida hipster no es solo una tendencia de moda; también está relacionado con el diseño de sitios web. Una forma en que esto se manifiesta es en el uso de estilos vintage para casi todo. Los elementos de diseño “vintage” están teniendo un momento en este momento.
Esto se extiende a múltiples elementos: tipografía, opciones de color, fondos e imágenes. La apariencia vintage puede crearse artificialmente utilizando elementos de apariencia antigua (los estilos de tipografía vintage son increíblemente populares) o incorporando elementos que son realmente antiguos en el diseño. Mire la imagen del hombre en la esquina inferior del Leche de cuero de Chamberlin sitio web; parece como si lo hubieran sacado directamente de una foto vieja. El mismo efecto de estilo antiguo se aplica a Barril y Cuervo diseño con el fondo de madera vieja y el estilo del logotipo negro rígido que se siente como si hubiera sido elegido de un diseño de hace 70 años.
Los estilos de tipografía vintage son un poco más difíciles de clasificar, pero es probable que los reconozca cuando los vea. A menudo se caracterizan por letras simples con chuletas pequeñas pero elaboradas. Tenga en cuenta las pequeñas florituras en los personajes para Helado de Magnolia Dulce. Las letras primarias también incluyen una sombra compensada de color para un mayor impacto. Otras cosas que verá comúnmente con los estilos de tipografía vintage son letras con textura ligera, como Chamberlin’s Leather Milk, y una combinación de dos tipos de letra, uno más simple y otro con un aspecto más elaborado, como la combinación de Sweet Magnolia Gelato Co. Pero tenga en cuenta la imperfección en el tipo de letra sans serif aquí, ese pequeño elemento contribuye a la sensación general de «vejez» en el diseño.
Ahora, esto es lo que pasa con lo vintage: es genial que un diseño parezca antiguo, pero debe funcionar de una manera moderna. Encuentre formas de incorporar elementos con animación, desplazamiento de paralaje o video para darle un toque contemporáneo.
3. Interacción
Los sitios web que presentan elementos «que puedes tocar» continúan creciendo en popularidad. Esto es un poco más que interacción; es una experiencia de interacción más inmersiva.
Que significa exactamente?
Los diseñadores de sitios web están creando experiencias únicas que dependen del usuario para moverse. Mover el mouse puede hacer que algo en la pantalla se mueva o cambie de una manera particular. Un movimiento rápido o un desplazamiento puede provocar que se produzca otra acción. En general, el usuario debe sentir que está dictando la acción en la pantalla en función de sus movimientos físicos. (Bastante bien, ¿verdad?)
Este tipo de interacción se está volviendo cada vez más popular. Se integra con una serie de otros elementos de diseño para crear una experiencia general que se trata tanto de placer y sentimiento como de información.
Asegúrese de hacer clic también en cada uno de estos ejemplos para ver estas interacciones en la práctica. Aquí tienes una idea de lo que encontrarás:
- Haus: Haga clic en cualquier lugar de la pantalla y mueva la gota de color con un efecto de movimiento de 360 grados. La animación responde a los movimientos del usuario mientras continúa su movimiento lento en forma.
- Emiratos: Usa el ratón para girar el globo. El movimiento también parece imitar el tiempo y la velocidad del clic para mostrar los destinos.
- Música falsa: Cada movimiento del mouse cambia el elemento destacado de la página de inicio. Haga clic para obtener más efectos animados, como el movimiento de navegación, un diseño de estilo de cuadrícula y opciones para buscar y comprar música.
Conclusión
Ahora que ha visto todos los ejemplos, ¿notó un tema que realmente se destacó entre las tendencias? Una vez visto como un color que era casi imposible de usar bien, los tonos amarillos y dorados se muestran de varias maneras interesantes. Lo mismo puede decirse de los elementos vintage, que están en casi todas partes.
¿Qué tendencias estás amando (u odiando) en este momento? Me encantaría ver algunos de los sitios web que le fascinan. Déjame un enlace en Twitter; Me encantaría saber de ti.