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

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

trendy-webdesign

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


Wed’ze

1 (1)

 

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

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


Liber Finance Group

1 (2)

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


Drip Pop

1 (3)

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


Josh Dring

1 (4)

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

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


Andy Patrick

1 (5)

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

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


Iqor

1 (6)

 

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


Studio Volbloed

1 (7)

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


Unter Freiem Himmel

1 (8)

 

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


Hashworks

1 (9)

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


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

brave

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


 

future

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

 

***

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

2 комментариев

  1. Спасибо за статью и интересные примеры! Интересно было посмотреть живые примеры. Особенно понравился wedze.

    • Благодарю за внимание к статье! Круто! А мне drippop в душу запал, когда мороженое перелистываешь :)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>