Apple представляет новый визуальный язык Liquid Glass

В последнем посте я упустил технические детали, и теперь исправляю это. В последние годы мы привыкли к минималистичному дизайну интерфейсов, но Apple решила изменить ситуацию, представив Liquid Glass — новый визуальный язык, который придаёт интерфейсам материальность и магию. Хотя на первый взгляд это просто эффект полупрозрачного стекла, глубже это переосмысление взаимодействия с цифровой средой. Интерфейсы должны ощущаться, а не только работать, что уже формирует новые ожидания пользователей.

В этой статье я расскажу, как создать подобный интерфейс, не прибегая к npm-модулям или шейдерам, которые могут перегрузить устройство. Ключевые элементы Liquid Glass включают полупрозрачный фон, размытие, мягкие тени и аккуратные анимации.

Чтобы реализовать этот эффект, я использую SVG-фильтры с displacement map. Это создаёт ощущение, что фон находится под динамической плёнкой. Важно помнить о поддержке браузеров и не перегружать интерфейсы. Liquid Glass не только украшает, но и улучшает визуальную иерархию, повышая комфорт взаимодействия. С появлением Liquid Glass в iOS 26, этот стиль стал актуальным, и сейчас идеальное время для его внедрения в дизайн-системы.