Tendencia de diseño: fondos de burbujas y burbujas
¿Has notado todas las formas fluidas e ilimitadas en los proyectos de diseño recientemente? El uso de burbujas y burbujas es una tendencia. Desde círculos simples hasta bucles interconectados, hasta blobs de pantalla completa que se mueven y cambian, hasta animaciones simples "blobby", esta tendencia está apareciendo en todas partes.
Lo bueno es que si bien el uso de burbujas y burbujas es un elemento de diseño moderno, hay muchas maneras diferentes de hacerlo, y no terminará con un diseño que parece que solo está tratando de agregar un elemento de moda.
Aquí, tenemos una colección de mini estudios de casos de diseños de sitios web que presentan la tendencia del diseño de burbujas y burbujas.
Texturas de fondo
Mié
Wed'ze utiliza manchas de colores fríos, definidos por elementos algo redondeados sin forma definida, para resaltar los productos. El blob enfoca cada conjunto diferente de gafas de esquí con un cambio de color distinto, aunque la forma se mantiene igual.
El uso de la forma y el color interesantes sobre un fondo blanco rígido crea un punto focal y hace que un producto que no sea tan interesante visualmente sea algo con lo que realmente interactúe.
Gracias al tamaño, cada burbuja crea un flujo direccional también de izquierda a derecha en la pantalla, dibujando al usuario para que mire la forma, las gafas y luego la descripción del elemento.
Liber Finance Group
Liber Finance Group utiliza una serie de burbujas animadas para crear un elemento de arte. Las burbujas (definidas más como un elemento de diseño redondo y animoso) incluyen círculos sólidos y rellenos con partes fijas y móviles.
Las burbujas en este diseño sirven como un hilo visual y conectan partes del sitio web a lo largo del diseño. La forma se usa debajo del desplazamiento para ayudar a atraer la atención hacia el texto y los elementos en los que se puede hacer clic, así como para crear un tema para un diseño que no tiene mucha otra información altamente visual.
El uso de la animación es una forma efectiva de crear interés con formas simples.
Goteo pop
Drop Pop usa un blob como la marca del logotipo en un fondo demasiado ocupado. (Tenga cuidado con la velocidad de movimiento si hace clic en el enlace).
La marca es un elemento contenedor para la marca denominativa y funciona con la opción de diseño presentada porque permite que la marca se vea en un diseño ocupado y colorido.
Si bien este tratamiento de logotipo es interesante aquí, podría ser más difícil usar una técnica como esta a largo plazo.
Josh Dring
Una serie de blobs superpuestos crean un collage visual para el sitio web de la cartera de John Dring.
Gracias al uso de colores y formas interesantes, el sitio se siente cálido y acogedor. Si bien es posible que no esté 100 por ciento seguro de qué tipo de trabajo hace, el diseño abstracto invita a los clics.
Cuando use un fondo con blobs, piense en la superposición de elementos para crear un efecto de profundidad. Esto puede ayudar a llamar la atención y hacer que el diseño sea más atractivo.
Andy Patrick
Andy Patrick también usa blobs para su sitio web de cartera, pero con un enfoque totalmente diferente. Donde el ejemplo anterior presenta manchas estáticas, las formas en este diseño cambian y se mueven con ligeras animaciones.
Cada blob también tiene una sensación casi tridimensional gracias a las opciones de color degradado que enfatizan la naturaleza redondeada de cada blob. Casi parece que puedes alcanzar y tocar estos elementos. (Me imagino que tienen la textura suave y blanda de una buena pelota antiestrés).
Iqor
Iqor utiliza burbujas alargadas como parte de la escena del cielo y permite a los usuarios mirar más allá de las nubes y ver qué hace la compañía.
Si bien estas burbujas son de naturaleza estática, proporcionan un movimiento direccional gracias a una asociación con algo que se mueve (nubes en el cielo). Funcionan excepcionalmente bien gracias a la información contenida en el mismo, que sirve como un elemento artístico e informativo.
Studio Volbloed
Studio Volbloed usa otra burbuja estática para las imágenes en el pie de página de la página Acerca de para mostrar a las mujeres detrás de la empresa.
Si bien la mayoría de las personas inicialmente piensan en las burbujas como formas decorativas, también pueden servir como elementos contenedores para las imágenes. Lo que hace que estas burbujas funcionen es la hermosa forma en que las formas se conectan para formar una sola imagen.
La forma circular también se refleja en otros lugares a lo largo del diseño para una presencia de burbujas de luz que es visualmente armoniosa.
Unter Freiem Himmel
Unter Freiem Himmel utiliza dos burbujas animadas que parecen burbujas a medida que se carga la pantalla. La animación se detiene rápidamente para dejar formas casi perfectamente redondeadas sobre el nombre del sitio.
El cursor también es una burbuja simple.
La belleza simple de las burbujas animadas en este diseño es impresionante y hermosa. Este ejemplo demuestra que no es necesario agregar muchos elementos y técnicas para tener un diseño impactante. Hay belleza innata en la simplicidad como lo muestra este sitio web.
Hashworks
El último ejemplo en esta colección es de Hashworks. A primera vista, es posible que ni siquiera veas las manchas; Son una unidad conectada que sirve como logotipo de la empresa. Pero la versión grande del logotipo a la derecha incluye una animación genial y muy floja. (Haga clic para verlo en acción).
El blob animado incluye un montón de piezas que funcionan como gotas de aceite en agua con un diseño fluido con una separación clara. Se mueven, se pliegan y rebotan hasta que cada uno de los blobs individuales en movimiento forma el logotipo de blob único conectado.
Es una de esas animaciones simples y brillantes que puedes ver una y otra vez porque está muy bien hecho. Este ejemplo, aunque no es un proyecto de diseño completo, es un excelente ejemplo de esta tendencia en acción.
Cada burbuja es diferente
Es genial cuando una tendencia de diseño presenta una técnica que puedes hacer tuya. A diferencia de una tendencia de color en la que "todos" usan un solo tono o tendencias de espaciado o agrupación, que tienen una sensación similar, el uso de burbujas y manchas puede ser bastante diferente para cada proyecto.
Pocos de los ejemplos en los mini estudios de caso anteriores parecen similares, representan diferentes tipos de industria y son de diferentes lugares del mundo. Y todos tienen uso de burbujas y burbujas en común.
