Мир цифрового дизайна (опять?) стоит на пороге революции. На WWDC 2025 компания Apple представила Liquid Glass — не просто новый визуальный стиль, а принципиально новый цифровой "метаматериал", призванный изменить то, как мы видим, ощущаем и взаимодействуем с приложениями на всех устройствах экосистемы — от iPhone до Mac и Apple Vision Pro.
Отказавшись от попыток имитировать физические материалы (как стекло или металл), команда дизайнеров Apple создала нечто уникальное: динамический слой, сочетающий прозрачность стекла с гибкостью и органичной текучестью жидкости. Liquid Glass интеллектуально адаптируется к контенту, свету и действиям пользователя, искривляя свет в реальном времени ("линзинг"), создавая беспрецедентное ощущение глубины, отзывчивости и иммерсивности.
Дизайн — это не просто картинка. Это язык, через который устройство общается с пользователем. Liquid Glass — это не абстрактная технология «под капотом»; это фундаментальное изменение ощущений от использования iPhone, iPad, Mac и Vision Pro. Вот какую разницу вы, как пользователь, вероятно, почувствуете на практике:
- Интерфейс, который чувствуется на кончиках пальцев (и взгляда):
Отзывчивость как никогда: Представьте кнопку, которая не просто подсвечивается при нажатии, а мягко прогибается под вашим пальцем, мгновенно реагируя искривлением света. Или элемент на Vision Pro, который легко отзывается на ваш взгляд, подсвечиваясь изнутри. Liquid Glass создает физически ощутимую связь между действием и реакцией. Это не просто визуальная анимация; это ощущение непосредственного отклика, делающее интерфейс интуитивным и приятным.
Органичность движений: Анимации перехода между экранами, открытия меню или изменения размеров окон перестают быть механическими. Благодаря «жидкой» природе материала, они будут напоминать плавное перетекание или мягкое раскрытие, как движение воды или геля. Это снижает визуальный шум и делает навигацию менее резкой, более предсказуемой и естественной для нашего восприятия. - Кристальная ясность и фокус на вашем контенте:
Исчезновение «барьеров»: Панели управления, кнопки и меню перестают быть непроницаемыми «пластиковыми» плитками, наложенными поверх ваших фото, видео или текста. Liquid Glass, благодаря динамическому линзингу и адаптивности, создает ощущение легкого, прозрачного слоя, парящего над контентом. Ваши фото останутся яркими, текст – читаемым, а видео – не затемненным, при этом элементы управления всегда будут четко видны. Контент – центр коммуникации, а интерфейс – его изящная, ненавязчивая оправа.
Автоматическая читаемость: Больше не нужно щуриться, пытаясь разглядеть белую кнопку на светлом фоне или черный текст на темном фото. Liquid Glass постоянно и незаметно подстраивает свои тени, прозрачность и даже цвет (для мелких элементов), чтобы обеспечить максимальный контраст и разборчивость в любой ситуации, будь то скролл ленты или просмотр галереи. Это происходит само собой, без вашего участия. - Глубокая иммерсивность и связь с устройством:
Единый мир, а не набор окон: Особенно на iPad, Mac и Vision Pro, Liquid Glass стирает жесткие границы. Боковые панели и панели инструментов не «приклеены» к краям, а кажутся легкими, физически парящими объектами в пространстве интерфейса. Отражения от яркого контента на их поверхности, мягкие тени – все это создает ощущение объемности и глубины, делая цифровое пространство более реалистичным и захватывающим.
Чувство «живого» устройства: Адаптация к движению (на Vision Pro или при встряхивании/наклоне устройства), мягкая внутренняя подсветка элементов при взаимодействии, отклик на системные события (например, анимация при разблокировке) – все это заставляет интерфейс чувствовать себя не статичной картинкой, а динамичной, «дышащей» средой, которая осознает ваши действия и свое окружение. - Последовательность и уверенность:
Один язык на всех устройствах: Будь то iPhone, огромный экран Mac или пространственный интерфейс Vision Pro, ключевые элементы управления – кнопки, меню, панели – будут выглядеть, чувствоваться и вести себя очень похоже. Это резко снижает порог вхождения при переходе между устройствами Apple. Вы инстинктивно будете понимать, как взаимодействовать, потому что язык интерфейса унифицирован и предсказуем.
Четкая иерархия: Запрет на «стекло на стекле» и использование Liquid Glass только для навигационного слоя означает, что интерфейс станет визуально чище и логичнее. Вы всегда будете интуитивно понимать, что можно нажать, куда принадлежит контент, а что является управляющим элементом. Это снижает когнитивную нагрузку и делает взаимодействие более уверенным и безошибочным.
Итог для пользователя: Liquid Glass — это шаг к интерфейсам, которые чувствуют себя не инструментами, а естественным продолжением ваших намерений. Они отзывчивы на уровне тактильных ощущений, прозрачны и ненавязчивы, когда нужно показать ваш контент, и создают глубоко иммерсивную, целостную среду на всех ваших устройствах Apple. Это не просто новый «скин»; это качественное улучшение в том, как вы ощущаете взаимодействие с технологией.
Хотите увидеть революцию в действии? Ключевые дизайнеры Apple Human Interface Team — Чан (Chan), Шубхам (Shubham) и Бруно (Bruno) — детально раскрывают философию, механику и возможности Liquid Glass в своей презентации на WWDC 2025:
🎬 Смотрите официальное видео: Liquid Glass: A New Era for Apple Interfaces - WWDC 2025 Session 219
Если вы не только пользователь, но и сами проектируете пользовательские интерфейсы, предлагаю чуть глубже рассмотреть "физику" дизайна, чтобы понять особенности требуемой визуальной коммуникации.
Liquid Glass сочетает свойства жидкости (гибкость, плавность) и стекла (прозрачность, преломление света), создавая динамичный, органичный и иммерсивный опыт.
Ключевые характеристики Liquid Glass:
- Lensing (Преломление света):
Вместо рассеивания света (как в прошлых материалах) Liquid Glass динамически искривляет и фокусирует свет в реальном времени.
Это создает интуитивно понятное ощущение объема, слоистости и присутствия элемента, опираясь на наш опыт наблюдения за линзами и прозрачными объектами в реальном мире.
Объекты плавно "материализуются" и "исчезают", регулируя степень преломления, а не просто меняя прозрачность. - Органичное движение и отклик:
Анимация — неотъемлемая часть материала, а не просто украшение.
Элементы двигаются с "жидкой" плавностью, реагируя на касания и действия пользователя: мгновенно "изгибаются", подсвечиваются изнутри, приподнимаются.
Это создает ощущение отзывчивости, удовлетворения и "живого" интерфейса, согласованного с нашими инстинктивными ожиданиями от физического мира. Похоже, у материала тут появляется плотность, тягучесть и пленка натяжения. Как, в общем-то, у любой жидкости. - Адаптивность:
К контенту: Liquid Glass постоянно и тонко подстраивает тени, тонирование и динамический диапазон, чтобы оставаться четким и читаемым на любом фоне (текст, изображения, видео). Он может автоматически переключаться между светлой и темной темами.
К размеру: При увеличении (например, меню из кнопки) материал имитирует большую толщину: более глубокие тени, выраженное преломление, мягкое рассеивание света.
К платформам: Единый язык для iPhone, iPad, Mac и visionOS. На iPad/Mac Liquid Glass формирует функциональный слой для управления, "парящий" над контентом, идеально вписываясь в скругленные углы окон. Цветной контент может создавать рефлексы на поверхности стекла, усиливая иммерсивность. - Scroll Edge Effects (Эффекты края при скролле):
Новый механизм для обеспечения четкого разделения между слоем Liquid Glass (панели навигации) и скроллируемым контентом под ним.
Плавно "растворяет" контент под стеклом, визуально приподнимая его. Автоматически переключает стиль (например, на затемнение) при смене фона для сохранения контраста.
"Жесткий стиль" (равномерное затемнение) используется для дополнительного разделения при наличии закрепленных элементов (например, заголовков колонок).
Практические принципы использования (Guidelines):
- Где использовать:
Навигационный слой: Панели инструментов (Toolbars), панели вкладок (Tab Bars), боковые панели (Sidebars), кнопки, меню. Этот слой "парит" над контентом приложения.
Не используйте: В слое контента (например, для всей таблицы TableView) – это нарушит иерархию. Избегайте наложения элементов Liquid Glass друг на друга ("стекло на стекле") – это создает визуальный шум и путаницу. Для элементов поверх Liquid Glass используйте заливки, прозрачность и вибрацию. - Варианты Liquid Glass:
Regular: Основной, самый универсальный вариант. Имеет все адаптивные эффекты (свет/тьма, тени, контраст), работает с любым размером и фоном. На него можно размещать любой контент. Используйте в большинстве случаев.
Clear: Более прозрачный вариант, не адаптируется автоматически. Позволяет контенту под ним сиять. Требует добавления затемняющего слоя для обеспечения читаемости надписи/иконки. Используйте ТОЛЬКО если:
Элемент находится над медиа-контентом (фото, видео).
Затемнение не испортит контент под ним.
Контент на самом элементе (иконка, текст) — жирный и яркий. - Читаемость (Legibility):
Мелкие элементы (навбар, таббар) автоматически адаптируются и переключают тему (светлую/темную) под фоном.
Крупные элементы (меню, боковые панели) адаптируются, но не переключают тему (слишком отвлекающе). Символы/надписи на них переключают тему для контраста.
Тонирование (Tinting):
Новый умный метод тонирования, учитывающий яркость фона под элементом (как цветное стекло в реальности), сохраняя физичность и читаемость.
Используйте выборочно для выделения ключевых действий (например, главная кнопка "Купить"). Не тонируйте все подряд!
Нативный метод тонирования совместим со всеми свойствами Liquid Glass и выглядит гораздо естественнее сплошных заливок. - Доступность (Accessibility):
Liquid Glass автоматически поддерживает системные настройки доступности:
Уменьшение прозрачности: Делает материал более "матовым", сильнее скрывая фон.
Повышение контрастности: Делает элементы преимущественно черно-белыми, добавляет контрастную обводку.
Уменьшение движения: Снижает интенсивность анимации, отключает "упругие" эффекты.
Главные преимущества и значение Liquid Glass:
- Унификация: Создает единый, согласованный язык дизайна на всех платформах Apple (iOS, iPadOS, macOS, visionOS).
- Иммерсивность: Усиливает погружение за счет связи с окружением (рефлексы, адаптивность к контенту), особенно на больших экранах и в visionOS.
- Органичность и Интуитивность: Движения и отклики основаны на физических инстинктах пользователя, делая интерфейс более предсказуемым, приятным и "живым".
- Фокус на контенте: Адаптивность и прозрачность Liquid Glass позволяют контенту приложения оставаться главным.
- Технологичность: Представляет собой сложную систему слоев (свет, тени, адаптивность, подсветка), работающих вместе для создания целостного, "умного" материала.
Похоже, создавая Liquid Glass дизайнеры "целятся" не только в новый визуальный стиль, а планируют фундаментальный сдвиг в подходе Apple к интерфейсам. Он требует понимания его принципов (линзинг, адаптивность, органичное движение) и следования строгим гайдлайнам (где использовать, Regular vs. Clear, запрет "стекла на стекле", избирательное тонирование). При правильном применении он позволяет создавать приложения, которые ощущаются более целостными, отзывчивыми, иммерсивными и визуально связанными с экосистемой Apple, чем когда-либо прежде.
Выглядит, что Liquid Glass объединит визуальную красоту, физическую интуитивность и технологическую изощренность. Как подчеркивают дизайнеры в сессии WWDC 2025, это "цифровой метаматериал", рожденный из эволюции Aqua, прозрачностей iOS 7, динамического островка и иммерсивности visionOS, но шагнувший далеко вперед.
Меня зовут Роман Черных, я руковожу Русской Школой Сервисного Дизайна и преподаю User Experience Research&Design. Благодарю, что ознакомились с нашей небольшой рецензией на происходящие изменения в пользовательских интерфейсах Apple. После перехода нажмите кнопку "Подписаться" в шапке профиля. Такие несложные действия – хорошая мотивация для нас, чтобы продолжать для Вас готовить такие материалы.
Буду рад услышать вашу точку зрения – дополнения или аргументированные возражения, в комментариях. Если мы что-то важное упустили или ошибаемся.
Если вас интересует тема дизайна впечатлений и смыслов, приходите к нам, в телеграм-чат Русской Школы Сервисного Дизайна.
Если вы или ваши коллеги:
- хотите учиться по нашей авторской методологии на групповых занятиях, в индивидуальном или корпоративном формате по темам User Experience Research и Design;
- организуете мероприятие, где требуется спикерская поддержка специалистов Школы или моё участие в качестве ведущего/модератора;
- планируете получить консультацию по продуктовому проекту или процессу;
- желаете оценить свой текущий потенциал, перспективы профессионального роста, тактику UX-обучения и карьерную траекторию;
Подпишитесь на нас, чтобы видеть анонсы UX-мероприятий:
Rutube-канал РШСД
Телеграм-канал РШСД
Youtube-канал РШСД
