Tendencias de diseño esenciales, abril de 2016
El diseño de sitios web se ve feliz en estos días. Tal vez porque la primavera está en el aire o tal vez solo hay una buena vibra. De cualquier manera, las tendencias en el diseño de sitios web de este mes reflejan ese sentimiento ascendente, con ilustraciones geniales al estilo de iconos, fotografías grandes y opciones de colores brillantes.
Esto es lo que está de moda en diseño este mes:
1) Ilustraciones de estilo de iconos
Es difícil no amar una gran ilustración. Algunas de las mejores ilustraciones que estamos viendo en este momento tienen más una sensación de estilo de icono. Viene con algunas características clave:
- Elementos ilustrados planos y simples (observe cómo se combinan todas las pequeñas ilustraciones en el sitio de Confederation Studio)
- Color brillante o coloración simple con matices primarios.
- Formas geométricas con un propósito interactivo
- Elementos con la apariencia del icono, menos el contenedor, para que visualmente lo veas como un dibujo y no como un botón
- Efectos ilustrativos dibujados a mano
- Elementos que parecen iconos, pero que ocupan mucho más espacio en el lienzo que un icono
- Dibujos de estilo de línea simple (como el estilo de Draw a Better 2016)
Lo bueno de esta tendencia es que funciona para incorporar un elemento de fantasía en un proyecto de diseño sin sentirse abrumadoramente caprichoso. Crea un buen equilibrio entre lo artesanal y lo profesional. También adquiere una sensación algo más masculina que muchas de las otras tendencias que se centran en la fantasía, como la acuarela o las letras escritas a mano.
Incluso si no eres un ilustrador, esta es una tendencia que puedes aprovechar. Hay muchos proveedores, de pago y gratuitos, que crean kits de iconos basados en vectores. Busque un kit que incluya todos los archivos de formas reales para que pueda separar piezas, cambiar colores y mezclar y combinar piezas para crear una iconografía ilustrada de gran tamaño para sus proyectos.
2. Fotografía más grande que la vida
Una fotografía o imagen grande y llamativa causa una primera impresión impresionante. Es por eso que tantos diseñadores están seleccionando imágenes más grandes que la vida para atraer a los usuarios a los diseños de sus sitios web. Este elemento de diseño puede ser sorprendente, interesante y una gran alternativa si tiene una o dos imágenes geniales, pero no una biblioteca grande con la que trabajar.
Pero tienes que estar dispuesto a sentirte un poco incómodo para llegar allí.
Para aprovechar al máximo la tendencia de la fotografía más grande que la vida, debe estar dispuesto a hacer una de tres cosas con el diseño:
- Recorta una foto con tanta fuerza que ocupe una parte significativa de la pantalla, de modo que la imagen se escale a una proporción mayor que la realidad.
- Acérquese a un nivel casi incómodo con imágenes de personas y rostros para mostrar todos los detalles.
- Organice una foto estándar pero agregue un elemento que sea diferente o interesante de una manera un poco inesperada
Las tres técnicas pueden resultar bastante incómodas al principio. Los cultivos intensos, las caras muy cercanas y las rarezas pueden hacer que te sientas un poco incómodo al principio. Acérquese a lo visual para este tipo de diseño de manera un poco diferente. Comience con la opción más grande o más extraña posible. Luego retroceda en pequeños incrementos y evalúe cómo se siente acerca de la imagen. Es probable que termine volviendo a una de las opciones anteriores.
Al adoptar este enfoque, se permite ver el diseño y las imágenes de una manera diferente. Eso es lo que hace que esta tendencia sea tan sorprendente: las imágenes son diferentes. Atraen a los usuarios porque las formas, los cultivos y los estilos generales son muy diferentes de la mayoría de los sitios web a los que accede un usuario todos los días.
3. Opciones de colores brillantes
El color brillante y atrevido está de moda. La tendencia tiene influencias arraigadas en Material Design. Aunque Material es un estilo de diseño basado en la interacción, algunos de los componentes visuales están ganando terreno por sí solos. Esto se aplica al color en particular.
¿Por qué utilizar una paleta de colores de estilo Material si el resto del diseño no es Material? Es una forma sencilla de agregar un elemento moderno a un proyecto sin un rediseño a gran escala. Casi puede agregar un color brillante y dejar el resto del diseño solo con solo unos pocos ajustes en el CSS o las imágenes.
¿Qué es el color del material? No existe una definición perfecta, pero así es como Google lo describe: “El diseño del color en el material se inspira en tonos llamativos yuxtapuestos con entornos apagados, sombras profundas y reflejos brillantes. El material se inspira en la arquitectura contemporánea, las señales de tráfico, la cinta de señalización del pavimento y las canchas deportivas. El color debe ser inesperado y vibrante «. – https://www.google.com/design/spec/style/color.html
Si está interesado en crear una paleta de colores basada en materiales y necesita un lugar de inicio, pruebe Paleta de materiales. http://www.materialpalette.com/
Las opciones de colores llamativos son hermosas y se destacan frente a muchos de los proyectos de estilo minimalista más tenues que han sido populares. Los azules, verdes y amarillos brillantes son especialmente populares como acentos en la paleta de colores. La tendencia parece centrarse en toques de color Material, no en paletas de colores a gran escala.
Para un proyecto que realmente cautiva, se necesita algo más que un color brillante. El ambiente del proyecto debe ser igualmente brillante.
- Observe cómo Lefty combina el verde brillante con imágenes de personas felices y sonrientes para crear un estado de ánimo positivo abrumador.
- BNP Paribas usa un verde brillante para llevar a los usuarios a una interfaz de estilo de juego que se establece en un contexto más oscuro.
- Big Drop usa un amarillo intenso (y azul, rojo y verde en el pergamino) con imágenes claras y una tipografía divertida para atraer a los usuarios, haciendo que el sitio de negocios parezca menos formal.
El truco para agregar toques de colores inspirados en Material Design es no perder su marca. No rehaga toda su paleta de colores basándose en una tendencia; en lugar de eso, busque la manera de incorporar colores brillantes sin abrumar el diseño. Los usos del ejemplo son excelentes formas de pensar en ello: use una forma de color simple como elemento visual, pruebe un título de colores llamativos o use paneles de colores brillantes para crear una experiencia interactiva más inmersiva para los usuarios a medida que se desplazan hacia abajo en la página.
Conclusión
Es genial cuando algunas tendencias pueden hacerte feliz. Eso es lo que hace este grupo con el color, las opciones de tipo y las imágenes. Tal vez no sea solo la influencia de la primavera y seguiremos viendo estos elementos en aún más diseños en los próximos meses.
¿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.
