Glassmorphism в Figma — тренд, ставший инструментом, но требующим соблюдения доступности. 🍽✨ Возник в Windows Vista/iOS 7, вернулся в 2020–2021 и закрепился в системах Apple, Microsoft, Google.

Польза для UX 🔹 Контекст: Background Blur выделяется для пользователя при наложении окон. 🔹 Глубина: Раздляет слои, «стекло» кажется ближе. 🔹Адаптивность: Работает на светлых и темных фонах.

Риски 🔻Доступность: Низкий контраст текста и фона мешает слабовидящим. ⚠️ 🔻 Производительность: backdrop-filter: blur() нагружает слабые устройства и батарею. 🔻 Сложность: В Figma — легко, в коде — нужны тени, бордеры, градиенты. ❗️Чек-лист для дизайнера - Используйте Background Blur (размываем фон под объектом), а не Layer Blur. - Добавьте тонкий бордер (1px, Overlay, 20–40% opacity) для имитации грани. - Заливка: минимальная непрозрачность (белый 10–15%). - Текст: максимальный контраст (чистый белый/черный, 100%).

🖨Вывод: эффект glassmorphism — это не только красивый визуальный эффект, но и качественный UX инструмент который поможет выделить необходимую информацию на проекте и сделать заметнее среди серого моря похожих работ. Но если им пользоваться бездумно, то он превратит ваш сайт в визульный мусор и долгозагружающуюся картину загрузку которой не дождуться потенциальные клиенты заказчика☠️