El diseño del sitio web se ve feliz en estos días. Tal vez porque Spring 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 esa sensación ascendente, con fantásticas ilustraciones estilo ícono, grandes fotografías y opciones de colores brillantes.

Esto es lo que está en tendencia en el diseño este mes:

1) ilustraciones estilo icono

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 para ellos. El viene con algunas características clave:

  • Elementos ilustrados planos y simples (observe cómo se combinan todas las minúsculas 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 el aspecto y la sensación del icono, menos el contenedor, por lo que visualmente lo ves como un dibujo y no como un botón
  • Efectos ilustrativos dibujados a mano
  • Elementos que parecen íconos pero ocupan mucho más espacio en el lienzo que un ícono
  • Dibujos sencillos de estilo de línea (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 de hecho a mano y profesional. También adquiere una sensación algo más masculina que muchas de las otras tendencias que se centran en las extravagancias, 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, pagados 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.

confederación
mod
dibujar

2. Fotografía más grande que la vida

Una fotografía o imagen grande y audaz produce una primera impresión impresionante. Es por eso que muchos 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 gran biblioteca con la que trabajar.

Pero tienes que estar dispuesto a ponerte un poco incómodo para llegar allí.

Para aprovechar al máximo la tendencia de la fotografía más grande que la vida, debes estar dispuesto a hacer una de estas tres cosas con el diseño:

  1. Recorte una foto con tanta fuerza que ocupe una parte importante de la pantalla, de modo que la imagen se escale en una proporción que sea más grande que la realidad
  2. Acércate a un nivel casi incómodo con imágenes de personas y caras para mostrar cada detalle
  3. Coloque una foto estándar pero agregue un elemento que sea diferente o interesante de una manera un poco inesperada

Las tres técnicas pueden ser bastante incómodas al principio. Las cosechas intensas, los rostros súper cercanos y las rarezas pueden hacer que te sientas un poco incómodo al principio. Acércate a lo visual para este tipo de diseño de forma 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. Lo más probable es que acabes volviendo a una de las opciones anteriores.

Al tomar este enfoque, te permites ver el diseño y las imágenes de una manera diferente. Eso es lo que hace que esta tendencia sea tan llamativa: las imágenes son diferentes. Atraen a los usuarios porque las formas, los cultivos y los estilos generales son muy diferentes a la mayoría de los sitios web en los que un usuario llega todos los días.

curaterz
épico
espeluznante

3. Opciones de colores brillantes

Color brillante y audaz. 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 tracción por sí mismos. Esto se aplica al color en particular.

¿Por qué usar 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 unos pocos ajustes al CSS o a las imágenes.

¿Cuál es el color material? No hay una definición perfecta, pero así es como lo describe Google: "El color en el diseño de materiales está inspirado en tonos llamativos yuxtapuestos con ambientes apagados, sombras profundas y reflejos brillantes. El material toma señales de la arquitectura contemporánea, las señales de tráfico, la cinta de señalización del pavimento y las canchas de atletismo. 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 la paleta de materiales. http://www.materialpalette.com/

Las opciones de colores llamativos son hermosas y se destacan contra muchos de los proyectos de estilo minimalista más tenues que han sido populares. Brillantes azules, verdes y amarillos son especialmente populares como acentos en la paleta de colores. La tendencia parece estar centrada en los toques de color del material, no en las paletas de colores a escala real.

Para un proyecto que realmente sorprende, se necesita algo más que un color brillante. El estado de ánimo del proyecto debe ser igualmente brillante.

  • Tenga en cuenta cómo Lefty se empareja de verde brillante con imágenes de gente feliz y sonriente para crear un estado de ánimo positivo abrumador.
  • BNP Paribas usa un color verde brillante para llevar a los usuarios a una interfaz estilo juego que se configura 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 un tipo de letra divertido para atraer a los usuarios, haciendo que el sitio de negocios parezca menos formal.

El truco para agregar insinuaciones de colores inspirados en el diseño de materiales es no perder su marca. No rehagas toda tu paleta de colores según una tendencia; en lugar de encontrar una forma de incorporar colores brillantes sin sobrecargar el diseño. Los ejemplos de uso son excelentes maneras de pensar sobre eso: use una forma de color simple como elemento visual, pruebe con un título audazmente coloreado o use paneles de colores brillantes para crear una experiencia interactiva más inmersiva para los usuarios mientras se desplazan hacia abajo en la página.

zurdo
bnp
Gran caída

Conclusión

Es genial cuando algunas tendencias solo pueden hacerte feliz. Eso es lo que hace este grupo con el color y con las opciones de tipo y con las imágenes. Quizás no sea solo la influencia de la primavera y seguiremos viendo estos elementos en incluso 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 con los que está fascinado. Déjame un enlace en Twitter ; Me encantaría saber de ti.