Тенденция на дизайна: Bubble & Blob Background
Забелязали ли сте всички течни, безгранични форми в дизайнерските проекти наскоро? Използването на мехурчета и петна е в тенденция. От прости кръгове до взаимно свързване на вериги, до пълен екран петна, които се движат и се изместват, до прости "blobby" анимации, тази тенденция се появява навсякъде.
Хубавото е, че докато използването на балончета и петна е модерен дизайнерски елемент, има толкова много различни начини да го направите и няма да стигнете до дизайн, който изглежда, че просто се опитвате да добавите модерен елемент.
Тук имаме колекция от мини проучвания на случаи на дизайни на уебсайтове, включващи тенденцията в дизайна на балончета и петна.
Фонови текстури
Wed'ze
Wed'ze използва хладни цветни петна - дефинирани от малко заоблени елементи без определена форма - за да подчертае продуктите. Петното придава акцент върху всеки различен комплект ски очила с ясно изразена промяна в цвета, въпреки че формата остава същата.
Използването на интересната форма и цвят на страхотно бял фон създава фокусна точка и прави продукт, който не е всичко, което е визуално интересно нещо, с което всъщност да се захванете.
Благодарение на размера, всяко петно създава известен насочен поток, както и отляво надясно на екрана, рисувайки потребителя да разгледа формата, очилата и след това описание на елемента.
Liber Finance Group
Liber Finance Group използва серия от анимирани балони, за да създаде елемент на изкуството. Мехурчетата (дефинирани повече като кръгъл и надут дизайн елемент) включват плътни и напълнени кръгове с неподвижни и движещи се части.
Мехурчетата в този дизайн служат като визуална нишка и свързват части от уебсайта през целия дизайн. Формата се използва под превъртането, за да помогнете да привлечете вниманието към текста и елементи с възможност за кликване, както и да създадете тема за дизайн, който няма много друга силно визуална информация.
Използването на анимация е ефективен начин за създаване на интерес с прости форми.
Капе поп
Drop Pop използва петно като знак за лого върху твърде натоварен фон. (Внимавайте за скоростта на движение, ако щракнете върху връзката.)
Маркировката е контейнерен елемент за словото и работи с представената опция за дизайн, тъй като позволява брандирането да се вижда на натоварен и цветен дизайн.
Въпреки че това лечение с лого е интересно тук, може да е по-трудно да се използва техника като този дългосрочен план.
Джош Дринг
Поредица от припокриващи се петна създават визуален колаж за портфолиото на уебсайта на Джон Дринг.
Благодарение на използването на цвят и интересни форми, сайтът се чувства топъл и приканващ. Въпреки че може да не сте 100 процента сигурни какъв тип работа върши, абстрактният дизайн приканва кликвания.
Когато използвате фон с петна, помислете за слоевите елементи, за да създадете ефект на дълбочина. Това може да помогне да привлечете окото и да направите дизайна по-ангажиращ.
Анди Патрик
Анди Патрик също използва петна за уебсайта си с портфолио, но със съвсем различен подход. Когато предишният пример съдържа статични петна, формите в този дизайн се изместват и се движат с леки анимации.
Всяко петно има почти триизмерно усещане към него, благодарение на градиентен избор на цвят, който подчертава закръгления характер на всяко петно. Почти има чувството, че можете да протегнете ръка и да докоснете тези елементи. (Представям си, че те имат меката, набраздена текстура на добрата стресова топка.)
Iqor
Iqor използва удължени мехурчета като част от небесната сцена и за да позволи на потребителите да погледнат отвъд облаците и да видят какво прави компанията.
Докато тези мехурчета имат статично естество, те осигуряват насочено движение благодарение на асоциация с нещо, което се движи (облаци в небето). Те работят изключително добре благодарение на съдържащата се в тях информация, служеща като изкуство и информативен елемент.
Студио Volbloed
Studio Volbloed използва друг статичен балон за изображенията в долния колонтитул на страницата About, за да покаже жените зад компанията.
Докато повечето хора първоначално смятат мехурчетата за декоративни форми, те могат да служат и като контейнерни елементи за изображения. Това, което кара тези мехурчета да работят, е красивият начин, по който формите се свързват, за да образуват едно изображение.
Кръглата форма е огледална и на други места в целия дизайн за леко присъствие на балон, което е визуално хармонично.
Unter Freiem Himmel
Unter Freiem Himmel използва два анимирани мехурчета, които изглеждат като балони, докато екранът се зарежда. Анимацията спира бързо, за да остави почти идеално кръгли форми над името на сайта.
Курсорът също е обикновен балон.
Простата красота на анимираните балони в този дизайн е впечатляваща и красива. Този пример доказва, че не е нужно да добавяте много елементи и техники, за да имате впечатляващ дизайн. Има вродена красота в простотата, както показва този уебсайт.
Hashworks
Последният пример в тази колекция е от Hashworks. На пръв поглед може дори да не видите наистина петна; те са свързано звено, което служи като лого на компанията. Но голямата версия на логото вдясно включва страхотна - и много петна - анимация. (Кликнете върху, за да го видите в действие.)
Анимираното петно включва куп парчета, които функционират като капки масло във вода с течен дизайн с ясно разделяне. Те се движат и сгъват и скачат, докато всяко от отделните петна в движение образува свързаното лого на единично петно.
Това е една от онези прости и блестящи анимации, които можете да гледате отново и отново, защото е толкова добре направена. Този пример - макар и да не е цялостен дизайнерски проект - е отличен пример за тази тенденция в действие.
Всеки балон е различен
Чудесно е, когато дизайнерската тенденция разполага с техника, която можете да направите сами. За разлика от цветовата тенденция, при която „всеки“ използва един оттенък или тенденции на разстояние или групиране, които имат подобно усещане, използването на балончета и петна може да бъде доста различно за всеки проект.
Малко от примерите в мини проучванията на случаите по-горе изглеждат сходни, те представляват различни видове индустрия и са от различни места по света. И всички те имат общо с мехурчета и петна.
