Блог TemplateMonster

Тренд веб-дизайна: пузырьки, кругляшки и капельки

Заметили, как часто в веб-дизайне используются разные жидкие бесформенные элементы? Пузырьки и шарики сегодня в тренде: от простых кругов и полноэкранных капель до булькающих анимаций.

Команда TemplateMonster покажет варианты использования этого тренда на примерах различных сайтов. Надеемся, ты вдохновишься и сможешь сделать свой проект неповторимым!


Wed’ze

Wed'ze использует классные цветные капли без определенной формы. Они придают фокус каждому набору лыжных очков, изменяя свой цвет.

Использование интересной формы и цвета на белом фоне создает акценты и делает заурядный продукт визуально более интересным.


Liber Finance Group

Liber Finance Group использует серию анимированных кругов для придания артистичности дизайну. Они также служат визуальной нитью, которая соединяет все части сайта в единый дизайн.


Drip Pop

Drop Pop использует бесформенную белую кляксу в логотипе на запятнанном ярком фоне.


Josh Dring

Серия перекрывающих друг друга капель создает визуальный коллаж для онлайн-портфолио Джона Дринга.

Благодаря использованию цветных и интересных форм, сайт кажется более приветливым и привлекательным. Абстрактный дизайн заставляет кликать дальше, чтобы понять, в каком стиле автор выполняет свои работы.


Andy Patrick

Энди Патрик также использует пузыри на сайте своего портфолио, но с совершенно другим подходом. Если в предыдущем примере представлены статические капли, то в этом дизайне они двигаются и перемещаются с небольшой анимацией.

Каждый пузырек кажется трехмерным. Будто ты можешь протянуть руку и коснуться этих элементов. (Полагаем, что они имеют мягкую текстуру шарика-антистресс).


Iqor

Iqor использует округлые элементы как часть сцены неба. Так создается ощущение, что пользователь может посмотреть за облака и увидеть, что делает компания.


Studio Volbloed

Studio Volbloed использует статические окружности для изображений в футере страницы О нас.


Unter Freiem Himmel

Unter Freiem Himmel использует два анимированных пузырька, которые при загрузке экрана выглядят как бильярдные шары. Курсор также представляет собой окружность.


Hashworks

На сайте Hashworks градиентные кляксы собираются в капельки, которые в итоге представляют собой логотип компании.


Пузырьки и кругляшки в шаблонах сайтов

Brave Theme - многоцелевой HTML шаблон сайта


The Future - многоцелевой HTML5 шаблон

***

Если тебе понравилась наша подборка, поделись ею в соцсетях! И присылай свои любимые сайты в комментарии!