Skip to content

3 Essential Design Trends, junio de 2019

Nos dirigimos a la temporada de verano, donde tradicionalmente todo el mundo se pone un poco más laxo en la vida. Incluso los diseños de sitios web parecen más ligeros, con más espacio en blanco y diseños simples.

Eso se traduce en unos pocos elementos de tendencia también. Estamos viendo un montón de elementos de navegación con un nuevo giro, los círculos y las cuadrículas perfectamente simétricas parecen estar volviendo a aparecer. Esto es lo que está de moda en el diseño este mes.

1. Navegación en blanco sobre un fondo de color

Aparte del menú de hamburguesas, ¿cuándo fue la última vez que pensamos realmente en las tendencias de la navegación en la web? Esta pequeña parte del diseño es una necesidad pero no suele ser la principal preocupación en muchos proyectos. La gente no se emociona a menudo por una fila de enlaces.

Pero esta tendencia es emocionante. Los diseñadores están mezclando el menú de navegación estándar con un fondo claro y texto oscuro a favor de un diseño de estilo inverso. Y es bastante agradable.

Cada uno de los diseños a continuación presenta elementos de navegación en un fondo de contenedor de color oscuro. Camo utiliza un elemento de fondo más grande que se extiende hasta el lienzo principal, así como un encabezado de héroe de dos tonos.

Lo bueno de este estilo es que el color aporta enfoque al diseño de una manera diferente. En primer lugar, la atención se centra en el gran espacio blanco que es la parte principal del diseño. Luego, el ojo se mueve hacia el área colorida y escanea los elementos de navegación.

Este es un patrón muy utilizable porque los elementos de navegación pueden ser una pista para que los usuarios sepan de qué se trata el sitio web. Esta fila de palabras pequeñas puede ayudar a alguien a decidir si quiere quedarse y aprender más o rebotar.

El color, en esta tendencia, les da la oportunidad de quedarse unos segundos más y potencialmente explorar más el diseño del sitio web.



2. Círculos

Los círculos en el diseño de sitios web son una de esas tendencias que parecen rugir y desvanecerse… y repetirse. Esta forma parece dominar el diseño durante un tiempo y luego se desvanece rápidamente.

No hay una razón real para este fenómeno – tal vez sea cierto en la mayoría de las tendencias de diseño – pero parece más obvio con los círculos. ¿Recuerdas lo obsesionados que estaban los proyectos de diseño con ellos ya que Material Design se estaba calentando?

Lo mejor de usar círculos en el diseño es que es una tendencia que no depende de otras tendencias. Utilice círculos para casi cualquier parte del diseño, desde elementos de navegación hasta un divot para llamar la atención sobre una pantalla animada. Realmente no hay un conjunto de reglas para usar esta forma de manera efectiva.

Los círculos funcionan debido a los significados asociados con ellos. Debido a que los círculos no tienen un comienzo o un final identificable, parecen moverse, como una rueda. La forma es a veces vista como femenina, y está culturalmente asociada con el amor, la energía y el poder. Casi se pueden ver estas cosas en cada uno de los proyectos a continuación.

Bimble utiliza un gran círculo de colores para llamar la atención. Es posible que note el uso de círculos en el embalaje del producto. Es de color rosa con una asociación femenina y la descripción se refiere a la armonía (relajación).

El sitio web de Raquel Acon utiliza múltiples círculos para implicar movimiento (o cambio, como puede ser de un entrenador personal), así como armonía.

Major Tom utiliza círculos en movimiento, creando una energía distinta y poderosa con animación y una paleta de colores austera.

3. Cuadrículas perfectas

Los proyectos parecen estar repletos de todo tipo de redes en estos días. Y cada uno parece tener un punto de vista ligeramente diferente sobre la misma idea. Esta tendencia hace estallar algo de eso y regresa a una cuadrícula apilada simétrica más básica para mostrar múltiples elementos.

Mientras que las tendencias más recientes han utilizado rejillas que presentaban estilos de mampostería o representaciones sueltas o elementos superpuestos, estas rejillas más perfectas son equilibradas y armoniosas.

Aunque no hay nada llamativo en esta tendencia, es perfecta para bloques de contenido que son difíciles de organizar o conectar visualmente. Es por eso que este estilo de cuadrícula funciona muy bien para los sitios de portafolio.

Pero no es sólo para carteras. Aquí, hay sitios web de portafolio, productos y pasarelas de pago. Cada uno utiliza el mismo concepto de diferentes maneras.

Gabriel Alves utiliza una mezcla de imágenes fijas y en movimiento para mostrar proyectos en una cuadrícula casi cuadrada. Cada elemento tiene una sobreimpresión con información adicional.

La cuadrícula de pantalla completa de Liebe Quark presenta coloridas mezclas de imágenes y texto, pero en realidad no se puede hacer clic en nada. Es como un cuadro gigante, aunque se observa de cerca cómo los elementos se comportan de forma independiente con toques de animación.

Payvision utiliza una cuadrícula de fotos más vertical para destacar a los miembros del equipo. La cuadrícula no es una opción de pantalla completa como los otros ejemplos, sino que utiliza una cuadrícula en el centro como punto focal.

La única cosa que todas estas rejillas tienen en común es que los elementos son igualmente pesados en términos de color y profundidad en la pantalla. Cada elemento de la cuadrícula llena su propio espacio y toca los elementos correspondientes sin espacios en blanco entre ellos.

Estas rejillas funcionan como una unidad completa para proporcionar un punto de entrada visual distinto al diseño.

Conclusión

Mi tendencia favorita en esta colección este mes es probablemente el uso de círculos. Esta forma simple tiene mucho significado y puede ser usada de muchas maneras diferentes. (Puede que ni siquiera te des cuenta de los círculos si no los estás buscando directamente.) Esta forma es tan utilizable y práctica que me sorprende que no la veamos más.