Liquid Glass или новый визуальный язык

Liquid Glass, «ликвид гласс» или «жидкое стекло» — обновленный визуальный язык и система дизайна, о которой рассказали представители компании Apple на конференции WWDC 2025. На базе «жидкого стекла» разрабатывают интерфейсы для iOS 26, iPadOS 26, macOS Tahoe и других платформ бренда. В этой статье разберем особенности этого визуального языка, варианты применения для бизнеса и типичные ошибки при его использовании в дизайне.

Компания Apple разработала интерфейс, напоминающий полупрозрачное стеклянное покрытие. Панели в нем не статичны — они реагируют на изменение освещенности, движение, окружающий контент, а также на блики и преломления света. Корпорации было важно отстроиться от пестрого визуального языка Android, удержать внимание аудитории и простимулировать ее к обновлению гаджетов, ведь красивая анимация подразумевает высокую производительность устройств.

Liquid Glass обладает рядом характерных особенностей. Он имитирует прозрачность: фоновые элементы размываются, а свет, проходящий сквозь интерфейс, преломляется. Графические элементы динамически откликаются на жесты пользователя и изменения условий освещенности или интенсивности подсветки экрана. Цветовые оттенки адаптируются к окружению — палитра подстраивается под то, что находится вокруг элементов.

Интерфейс Liquid Glass строится из слоев: элементы располагаются не на плоском фоне, а на стеклянных панелях разной яркости. Некоторые слои при этом более яркие, другие — приглушенные, что создает ощущение глубины. Дизайн также автоматически подстраивается под темную или светлую тему операционной системы и текущие условия среды. Наконец, новый язык объединяет визуальный стиль всех продуктов Apple: интерфейсы iPhone, iPad, Mac, Apple Watch и других устройств выглядят как единая экосистема.

При этом «жидкое стекло» — не просто фильтр поверх старых элементов интерфейса. Дизайнеры Apple разработали визуальный язык с нуля, используя новые API и обеспечив ему системную поддержку.

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

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

Подчеркнутое соответствие трендам. Apple — трендсеттер в сфере дизайна. Когда компания предлагает новые приемы визуального повествования, многие дизайнеры и бренды перенимают эти нововведения. Тренд на «жидкое стекло» имеет все шансы стать основным визуальным направлением на годы вперед. Если бизнес воспользуется ситуацией и внедрит приемы Liquid Glass — например, прозрачность, мягкие переходы и слоистость — он будет выглядеть следящим за модой, успешным и технологичным.

Связь с операционными системами Apple. Если мобильное приложение или устройство должно взаимодействовать с iOS на iPhone, macOS или Apple Watch, имеет смысл подстроиться к их интерфейсу. Пользователям обычно нравится единое визуальное пространство, в котором нет «расхождения» между разными интерфейсами.

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

Совершенствование дизайнерского мышления. Liquid Glass предлагает дизайнерам экспериментировать с прозрачностью, глубиной и анимацией. Попытки использования нового визуального языка помогают развивать и другие визуальные материалы — например, презентации или рекламные макеты.

Следует отметить, что бизнесу важна не только красота и эффектность, а решение конкретных задач с помощью дизайна. Интересное исполнение интерфейсов не должно мешать работе. И в этом есть подводные камни, о которых расскажем далее.

Компания Apple уже использует «жидкое стекло» в своих продуктах, и бизнес тоже может перенять этот визуальный язык. Рассмотрим несколько направлений, где Liquid Glass уместен уже сегодня.

Мобильные приложения и UI/UX-дизайн. При разработке мобильных и кроссплатформенных приложений под iOS и Android имеет смысл использовать отдельные элементы Liquid Glass. Например, полупрозрачные панели, эффект «морозного стекла», слоистость, подсвеченность и динамичные переходы. Пользователи быстрее всего замечают такие новшества в меню, всплывающих окнах и на панелях управления.

Интерфейсы сайтов и веб-приложений. В веб-дизайне тоже применимы приемы «жидкого стекла». Аналогичные эффекты реализуются средствами CSS (например, свойством backdrop-filter для создания полупрозрачности) и с помощью ненавязчивых анимаций. Важно, чтобы ни один из этих визуальных эффектов не замедлял загрузку и не ухудшал читаемость контента. Стеклянные элементы уместны в навигационных блоках, всплывающих панелях, фоновых элементах, карточках товаров и услуг — достаточно легкой тени или размытия, чтобы добавить глубины.

Рекламные материалы, электронные брошюры, лендинги, презентации. Во всех подобных продуктах уместно применять эстетику «жидкого стекла». Полупрозрачные слои, прозрачные рамки, блики и мягкие переходы между элементами сделают такие материалы современнее.

Встроенные системы, дашборды, панели администрирования. Использование приемов Liquid Glass помогает сделать эти интерфейсы более легкими и современными. Слоистость, например, позволяет взгляду быстрее выхватывать главное на экране.

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

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

Обратите внимание! Далеко не все эффекты «жидкого стекла» сейчас можно воспроизвести вне экосистемы Apple. Для взаимопонимания между заказчиком и дизайнером эти ограничения стоит обсудить в начале проекта и выбрать решения, которые удастся реализовать.

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

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

Liquid Glass — интересная визуальная система, придуманная знаменитой корпорацией для объединения интерфейсов и уменьшения цветового «мусора». «Жидкое стекло» подкреплено API и аппаратной интеграцией.

Бизнесу Liquid Glass полезен с точки зрения следования тренду, подчеркивания премиальности продукта и заботы о его восприятии. Аккуратное применение этих элементов возможно в мобильных приложениях, на сайтах, в маркетинговых материалах. Полупрозрачный дизайн коварен, поэтому эксперименты с ним должны быть продуманными.

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