Стекломорфизм (glassmorphism) — новый тренд в дизайне интерфейсов

Глассморфизм (стекломорфизм, glassmorphism)

На Dribbble и в соцсетях всё больше говорят о глассморфизме. Что это такое? На первый взгляд, это выглядит как еще один вариант прошлогоднего тренда пользовательского интерфейса «Neumorphism». Если вы хотите поиграть с эффектом «стекломорфизма» с помощью CSS, посмотрите этот крутой генератор от HYPE4, зайдите на glassmorphism.com.

Как сделать эффект матового стекла в Tilda Zero Block с помощью CSS

Примеры сайтов со стекломорфизмом

Вот коллекция дизайнов Glassmorphism, подобранных вручную из Dribbble, как вы думаете, станет ли это следующей тенденцией пользовательского интерфейса? Ответы пишите в комментариях к статье.

Mikołaj Gałęziowski

Chapps

Mikołaj Gałęziowski

Mikołaj Gałęziowski

HeiMaUX

HeiMaUX

>Nick Ohmy

Thuan Nguyen

Anton Olashyn

RH Agency

Ibrahim emran

Neelesh Chaudhary

Happy kandoi

Иконки с эффектом стекла

«Стеклянный графический» стиль неплохо справляется со своей задачей и в иконках. В качестве отличного примера мы представляем серию «Иконки из матового стекла» Чаню Ху. Дизайнер из Пекина использовал «эффекта стекла» и в его серии стекломорфизм отлично работает на темном фоне.