Designtrend: Bubble & Blob-Hintergründe
Haben Sie in letzter Zeit all die fließenden, grenzenlosen Formen in Designprojekten bemerkt? Die Verwendung von Blasen und Klecksen ist im Trend. Von einfachen Kreisen über Verbindungsschleifen bis hin zu sich bewegenden und verschiebenden Vollbild-Blobs und einfachen „blobby“ -Animationen taucht dieser Trend überall auf.
Das Schöne ist, dass die Verwendung von Blasen und Blobs 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 finden Sie eine Sammlung von Mini-Fallstudien zu Website-Designs mit dem Trend zum Bubble- und Blob-Design.
Hintergrundtexturen
Wed'ze
Wed'ze verwendet coole farbige Blobs - definiert durch etwas abgerundete Elemente ohne definierte Form -, um Produkte hervorzuheben. Der Blob fokussiert die einzelnen Skibrillen mit einem deutlichen Farbwechsel, obwohl die Form gleich bleibt.
Die Verwendung der interessanten Form und Farbe auf einem stark weißen Hintergrund schafft einen Schwerpunkt und macht ein Produkt, das nicht allzu visuell interessant ist, zu etwas, mit dem man sich tatsächlich beschäftigen kann.
Dank der Größe erzeugt jeder Blob auch einen Richtungsfluss von links nach rechts auf dem Bildschirm, sodass der Benutzer die Form, die Schutzbrille und anschließend die Beschreibung des Elements betrachten kann.
Liber Finance Group
Die Liber Finance Group verwendet eine Reihe animierter Blasen, um ein Kunstelement zu erstellen. Blasen (eher als rundes und federndes Gestaltungselement definiert) umfassen ausgefüllte und gefüllte Kreise mit stillstehenden und beweglichen Teilen.
Blasen in diesem Design dienen als visueller Faden und verbinden Teile der Website im gesamten Design. Die Form wird unter der Schriftrolle verwendet, um das Auge auf Text und anklickbare Elemente zu lenken und ein Thema für ein Design zu erstellen, das nicht viele andere hoch visuelle Informationen enthält.
Die Verwendung von Animationen ist ein effektiver Weg, um mit einfachen Formen Interesse zu wecken.
Drip Pop
Drop Pop verwendet einen Blob als Logo-Markierung auf einem viel zu geschäftigen Hintergrund. (Achten Sie auf die Bewegungsgeschwindigkeit, wenn Sie auf den Link klicken.)
Die Marke ist ein Containerelement für die Wortmarke und funktioniert mit der dargestellten Designoption, da das Branding auf einem geschäftigen und farbenfrohen Design sichtbar ist.
Während diese Logo-Behandlung hier interessant ist, könnte es schwieriger sein, eine Technik wie diese langfristig anzuwenden.
Josh Dring
Eine Reihe überlappender Blobs erstellt eine visuelle Collage für die Portfolio-Website von John Dring.
Dank der Verwendung von Farben und interessanten Formen fühlt sich die Website warm und einladend an. Während Sie möglicherweise nicht hundertprozentig sicher sind, welche Art von Arbeit er ausführt, lädt das abstrakte Design zu Klicks ein.
Denken Sie bei der Verwendung eines Hintergrunds mit Blobs an Ebenenelemente, um einen Tiefeneffekt zu erzielen. 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. Wenn das vorherige Beispiel statische Blobs enthält, verschieben sich die Formen in diesem Design und verschieben sich mit leichten Animationen.
Jeder Blob fühlt sich dank der Farbverlaufsauswahl, die die abgerundete Natur jedes Blobs hervorhebt, auch fast dreidimensional an. Es fühlt sich fast so an, als könnten Sie diese Elemente erreichen und berühren. (Ich stelle mir vor, dass sie die weiche, matschige Textur eines guten Stressballs haben.)
Iqor
Iqor verwendet längliche Blasen als Teil der Himmelsszene, damit Benutzer über die Wolken hinausblicken und sehen können, was das Unternehmen tut.
Während diese Blasen statischer Natur sind, bieten sie dank einer Assoziation mit etwas, das sich bewegt (Wolken am Himmel), eine Richtungsbewegung. Sie funktionieren dank der darin enthaltenen Informationen außergewöhnlich gut und dienen als künstlerisches und informatives Element.
Studio Volbloed
Studio Volbloed verwendet eine weitere statische Blase für die Bilder in der Fußzeile der Info-Seite, um die Frauen hinter dem Unternehmen anzuzeigen.
Während die meisten Menschen Blasen zunächst als dekorative Formen betrachten, können sie auch als Behälterelemente für Bilder dienen. Was diese Blasen zum Funktionieren bringt, ist die schöne Art und Weise, wie sich die Formen zu einem einzigen Bild verbinden.
Die kreisförmige Form wird auch an anderen Stellen im gesamten Design gespiegelt, um eine optisch harmonische Präsenz von Lichtblasen zu erzielen.
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 nahezu perfekt runde Formen über dem Site-Namen.
Der Cursor ist auch eine einfache Blase.
Die einfache Schönheit der animierten Blasen in diesem Entwurf ist beeindruckend und schö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 möglicherweise nicht einmal 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 blöde Animation. (Klicken Sie sich durch, um es in Aktion zu sehen.)
Der animierte Blob enthält eine Reihe von Teilen, die wie Öltropfen in Wasser funktionieren und ein flüssiges Design mit klarer Trennung aufweisen. Sie bewegen sich und falten sich und springen, bis jeder der einzelnen Blobs in Bewegung das verbundene Single-Blob-Logo bildet.
Es ist eine dieser einfachen und brillanten Animationen, die Sie immer wieder ansehen können, weil es so gut gemacht ist. Dieses Beispiel - obwohl kein vollständiges Designprojekt - ist ein Paradebeispiel für diesen Trend in Aktion.
Jede Blase ist anders
Es ist großartig, wenn ein Designtrend eine Technik enthält, die Sie selbst erstellen können. Im Gegensatz zu einem Farbtrend, bei dem „jeder“ einen einzelnen Farbton oder Abstands- oder Gruppentrends verwendet, die sich ähnlich anfühlen, kann die Verwendung von Blasen und Blobs für jedes Projekt ziemlich unterschiedlich sein.
Nur wenige der Beispiele in den obigen Mini-Fallstudien sehen ähnlich aus, repräsentieren unterschiedliche Industrietypen und stammen aus verschiedenen Regionen der Welt. Und alle haben Blasen und Kleckse gemeinsam.
