Haben Sie in letzter Zeit all die fließenden, grenzenlosen Formen in Designprojekten bemerkt? Die Verwendung von Blasen und Blobs ist im Trend. Von einfachen Kreisen über zusammenhängende Loops zu Vollbild-Blobs, die sich bewegen und verschieben, bis hin zu einfachen Blob-Blobs Animationen, dieser Trend taucht überall auf.
Das Schöne ist, dass die Verwendung von Blasen und Klecksen zwar ein trendiges Designelement ist, es jedoch so viele verschiedene Möglichkeiten gibt, und Sie werden nicht mit einem Design enden, das aussieht, als würden Sie nur versuchen, ein modisches Element hinzuzufügen. Hier haben wir eine Sammlung von Mini-Fallstudien von Website-Designs mit dem Trend zum Bubble- und Blob-Design.
Wed'ze
Wed'ze verwendet coole farbige Flecken - definiert durch etwas abgerundete Elemente ohne definierte Form -, um Produkte hervorzuheben. Der Fleck fokussiert die verschiedenen Skibrillen mit einer eindeutigen Farbänderung, obwohl die Form gleich bleibt.
Die Verwendung der interessanten Form und Farbe auf einem stark weißen Hintergrund schafft einen zentralen Punkt und macht ein Produkt, das nicht gerade optisch interessant ist, zu etwas, mit dem man sich wirklich auskennen kann.
Dank der Größe erzeugt jeder Blob auch einen Richtungsfluss von links nach rechts auf dem Bildschirm, sodass der Benutzer die Form, die Brille und die Beschreibung des Elements sehen kann.
Liber Finance Group
Die Liber Finance Group verwendet eine Reihe animierter Blasen, um ein Kunstelement zu erstellen. Blasen (eher als rundes und federndes Designelement definiert) umfassen ausgefüllte und gefüllte Kreise mit stillen und beweglichen Teilen.
Blasen in diesem Design dienen als visueller Faden und verbinden Teile der Website im gesamten Design. Die Form wird unterhalb der Bildlaufleiste verwendet, um das Auge auf Text und anklickbare Elemente zu lenken sowie ein Design für ein Design zu erstellen, das nicht viele andere visuelle Informationen enthält.
Die Verwendung von Animationen ist eine effektive Möglichkeit, mit einfachen Formen Interesse zu schaffen.
Drip Pop
Drop Pop verwendet einen Blob als Logo-Markierung auf einem viel zu geschäftigen Hintergrund. (Passen Sie auf die Bewegungsgeschwindigkeit auf, wenn Sie auf den Link klicken.)
Die Marke ist ein Containerelement für die Wortmarke und funktioniert mit der präsentierten Designoption, da das Branding in einem lebhaften und farbenfrohen Design dargestellt werden kann.
Obwohl diese Logobehandlung hier interessant ist, ist es möglicherweise schwieriger, eine Technik wie diese langfristig einzusetzen.
Josh Dring
Eine Reihe überlappender Blobs erstellt eine visuelle Collage für John Drings Portfolio-Website.
Dank der Verwendung von Farben und interessanten Formen wirkt die Seite warm und einladend. Sie sind zwar nicht zu 100 Prozent sicher, welche Art von Arbeit er ausführt, das abstrakte Design lädt jedoch zu Klicks ein.
Denken Sie bei der Verwendung eines Hintergrunds mit Blobs über das Layering von Elementen, um einen Tiefeneffekt zu erzeugen. Dies kann helfen, das Auge zu ziehen und das Design ansprechender zu gestalten.
Andy Patrick
Andy Patrick verwendet auch Blobs für seine Portfolio-Website, jedoch mit einem völlig anderen Ansatz. Wo im vorherigen Beispiel statische Blobs enthalten sind, verschieben sich die Formen in diesem Design mit leichten Animationen.
Jeder Fleck hat ein fast dreidimensionales Gefühl, dank der Farbverlaufsauswahl, die die Rundung jedes Flecks unterstreicht. Es fühlt sich fast an, als könnten Sie diese Elemente berühren und berühren. (Ich kann mir vorstellen, dass sie die weiche, matschige Textur eines guten Stressballs haben.)
Iqor
Iqor verwendet längliche Blasen als Teil der Himmelszene und ermöglicht es den Benutzern, über die Wolken hinauszuschauen und zu sehen, was das Unternehmen tut.
Während diese Blasen statisch sind, bieten sie dank einer Verbindung mit etwas, das sich bewegt (Wolken am Himmel), eine gerichtete Bewegung. Dank der darin enthaltenen Informationen funktionieren sie außerordentlich gut und dienen als Kunst- und Informationselement.
Studio Volbloed
Studio Volbloed verwendet eine weitere statische Sprechblase für die Bilder in der Fußzeile der Info-Seite, um die Frauen hinter dem Unternehmen zu zeigen.
Während die meisten Menschen Blasen zunächst als dekorative Formen betrachten, können sie auch als Containerelemente für Bilder dienen. Was diese Blasen funktionieren lässt, ist die schöne Verbindung der Formen zu einem einzigen Bild.
Die kreisförmige Form wird auch an anderen Stellen des Designs reflektiert, um eine visuell harmonische Präsenz der Lichtblase zu gewährleisten.
Unter Freiem Himmel
Unter Freiem Himmel verwendet zwei animierte Blasen, die beim Laden des Bildschirms wie Blasen aussehen. Die Animation stoppt schnell und hinterlässt fast perfekt geformte Formen über dem Site-Namen.
Der Cursor ist auch eine einfache Blase.
Die schlichte Schönheit der animierten Blasen in diesem Design ist beeindruckend und wunderschön. Dieses Beispiel zeigt, dass Sie nicht viele Elemente und Techniken hinzufügen müssen, um ein wirkungsvolles Design zu erzielen. Es gibt angeborene Schönheit in der Einfachheit, wie diese Website zeigt.
Hashworks
Das letzte Beispiel in dieser Sammlung stammt von Hashworks. Auf den ersten Blick sehen Sie die Blobs vielleicht nicht wirklich. Sie sind eine verbundene Einheit, die als Logo für das Unternehmen dient. Die große Version des Logos auf der rechten Seite enthält jedoch eine coole - und sehr blobige - Animation. (Klicken Sie sich durch, um es in Aktion zu sehen.)
Der animierte Fleck enthält eine Reihe von Stücken, die wie Öltropfen in Wasser wirken und ein fließendes Design mit klarer Trennung aufweisen. Sie bewegen sich und falten und springen so lange, bis jeder der einzelnen bewegten Flecken das verbundene einzelne Flecklogo bildet.
Es ist eine dieser einfachen und brillanten Animationen, die Sie immer wieder sehen können, weil sie so gut gemacht ist. Dieses Beispiel - obwohl kein vollständiges Designprojekt - ist ein Paradebeispiel für diesen Aktionstrend.
Jede Blase ist anders
Es ist großartig, wenn ein Designtrend eine Technik beinhaltet, die Sie selbst gestalten können. Im Gegensatz zu einem Farbtrend, bei dem alle? verwendet einen einzelnen Farbton, Abstand oder Gruppierungstrends, die sich ähnlich anfühlen; die Verwendung von Blasen und Blobs kann für jedes Projekt sehr unterschiedlich sein.
Einige der Beispiele in den oben genannten Mini-Fallstudien sehen ähnlich aus, repräsentieren unterschiedliche Arten von Industriezweigen und stammen von verschiedenen Standorten auf der ganzen Welt. Und sie haben alle gemeinsam Blasen und Flecken.
Hintergrundtexturen
Die Auswahl der richtigen Hintergrundtextur für Ihre Website oder Ihr Designprojekt kann schwierig sein. In unserer Serie lernen Sie, wie Sie mit Hintergrundtexturen arbeiten und diese integrieren, und wo Sie atemberaubende Grafiken finden, mit denen Sie arbeiten können.