Tendance de conception: arrière-plans bulles et blob
Avez-vous récemment remarqué toutes les formes fluides et illimitées des projets de conception? L'utilisation de bulles et de taches est à la mode. Des simples cercles aux boucles d'interconnexion, aux blobs plein écran qui se déplacent et se décalent, aux simples animations «blobby», cette tendance apparaît partout.
La bonne chose est que, bien que l'utilisation de bulles et d'objets blob soit un élément de design à la mode, il y a tellement de façons différentes de le faire, et vous ne vous retrouverez pas avec un design qui semble que vous essayez simplement d'ajouter un élément à la mode.
Ici, nous avons une collection de mini études de cas de conceptions de sites Web mettant en vedette la tendance de conception de bulles et d'objets blob.
Textures de fond
Wed'ze
Wed'ze utilise des taches de couleur froide - définies par des éléments quelque peu arrondis sans forme définie - pour mettre en valeur les produits. Le blob met l'accent sur chaque ensemble de lunettes de ski avec un changement de couleur distinct, bien que la forme reste la même.
L'utilisation de la forme et de la couleur intéressantes sur un fond blanc éclatant crée un point focal et fait un produit qui n'est pas si intéressant visuellement que quelque chose avec lequel s'engager.
Grâce à la taille, chaque goutte crée également un flux directionnel de gauche à droite sur l'écran, incitant l'utilisateur à regarder la forme, les lunettes, puis la description de l'élément.
Groupe Liber Finance
Liber Finance Group utilise une série de bulles animées pour créer un élément artistique. Les bulles (définies plus comme un élément de conception rond et rebondissant) comprennent des cercles pleins et pleins avec des parties fixes et mobiles.
Les bulles dans cette conception servent de fil conducteur visuel et connectent des parties du site Web tout au long de la conception. La forme est utilisée sous le défilement pour aider à attirer l'œil sur le texte et les éléments cliquables, ainsi que pour créer un thème pour un design qui ne contient pas beaucoup d'autres informations très visuelles.
L'utilisation de l'animation est un moyen efficace de susciter l'intérêt avec des formes simples.
Drip Pop
Drop Pop utilise un blob comme marque de logo sur un fond beaucoup trop occupé. (Méfiez-vous de la vitesse du mouvement si vous cliquez sur le lien.)
La marque est un élément conteneur pour le mot-symbole et fonctionne avec l'option de conception présentée car elle permet de voir la marque sur un design occupé et coloré.
Bien que ce traitement de logo soit intéressant ici, il pourrait être plus difficile d'utiliser une technique comme celle-ci à long terme.
Josh Dring
Une série de blobs qui se chevauchent créent un collage visuel pour le site Web du portefeuille de John Dring.
Grâce à l'utilisation de couleurs et de formes intéressantes, le site est chaleureux et accueillant. Bien que vous ne soyez pas sûr à 100% du type de travail qu'il effectue, la conception abstraite invite à des clics.
Lorsque vous utilisez un arrière-plan avec des taches, pensez à superposer des éléments pour créer un effet de profondeur. Cela peut aider à attirer l'œil et à rendre le design plus attrayant.
Andy Patrick
Andy Patrick utilise également des blobs pour son site Web de portefeuille, mais avec une approche totalement différente. Là où l'exemple précédent présente des taches statiques, les formes de cette conception changent et se déplacent avec de légères animations.
Chaque goutte a une sensation presque tridimensionnelle également grâce à des choix de couleurs dégradées qui soulignent la nature arrondie de chaque goutte. On a presque l'impression que vous pouvez tendre la main et toucher ces éléments. (J'imagine qu'ils ont la texture molle et molle d'une bonne balle anti-stress.)
Iqor
Iqor utilise des bulles allongées dans le cadre de la scène du ciel et permet aux utilisateurs de regarder au-delà des nuages et de voir ce que fait l'entreprise.
Bien que ces bulles soient de nature statique, elles fournissent un mouvement directionnel grâce à une association avec quelque chose qui bouge (nuages dans le ciel). Ils fonctionnent exceptionnellement bien grâce aux informations qu'ils contiennent, servant d'élément artistique et informatif.
Studio Volbloed
Studio Volbloed utilise une autre bulle statique pour les images dans le pied de page de la page À propos pour montrer les femmes derrière l'entreprise.
Alors que la plupart des gens considèrent initialement les bulles comme des formes décoratives, elles peuvent également servir d'éléments de conteneur pour les images. Ce qui fait que ces bulles fonctionnent, c'est la belle façon dont les formes se connectent pour former une seule image.
La forme circulaire est également reflétée à d'autres endroits du design pour une présence de bulles lumineuses qui est visuellement harmonieuse.
Unter Freiem Himmel
Unter Freiem Himmel utilise deux bulles animées qui ressemblent à des bulles lorsque l'écran se charge. L'animation s'arrête rapidement pour laisser des formes presque parfaitement rondes au-dessus du nom du site.
Le curseur est également une simple bulle.
La beauté simple des bulles animées dans cette conception est impressionnante et belle. Cet exemple prouve que vous n'avez pas besoin d'ajouter beaucoup d'éléments et de techniques pour avoir un design percutant. Il y a une beauté innée dans la simplicité comme le montre ce site Web.
Hashworks
Le dernier exemple de cette collection provient de Hashworks. À première vue, vous pourriez même ne pas vraiment voir les taches; ils sont une unité connectée qui sert de logo à l'entreprise. Mais la grande version du logo à droite comprend une animation cool - et très blobby -. (Cliquez dessus pour le voir en action.)
Le blob animé comprend un tas de pièces qui fonctionnent comme des gouttes d'huile dans l'eau avec une conception fluide avec une séparation claire. Ils se déplacent, se plient et rebondissent jusqu'à ce que chacun des blobs individuels en mouvement forme le logo de blob unique connecté.
C'est une de ces animations simples et brillantes que vous pouvez regarder encore et encore car elle est si bien faite. Cet exemple - bien qu'il ne s'agisse pas d'un projet de conception complet - est un excellent exemple de cette tendance en action.
Chaque bulle est différente
C'est génial quand une tendance de conception propose une technique que vous pouvez créer vous-même. Contrairement à une tendance de couleur où «tout le monde» utilise une seule teinte ou des tendances d'espacement ou de regroupement, qui ont une sensation similaire, l'utilisation de bulles et de taches peut être assez différente pour chaque projet.
Peu d'exemples dans les mini-études de cas ci-dessus se ressemblent, ils représentent différents types d'industrie et proviennent de différents endroits du monde. Et ils ont tous en commun des bulles et des taches.
