Представьте себе, что ваш телефон наконец-то не состоит из плоских меню и статичных иконок. Интерфейс буквально оживает, элементы плавно перетекают друг в друга, откликаются на касания с мягкой упругостью, а анимации стали не просто украшением, а элементом навигации.
Суть «Жидкого стекла» — это умная адаптация реальной физики; система запоминает ваши привычки и слегка подстраивается под них, делая частые действия еще быстрее и интуитивнее. Кроме того, каждое движение на экране становится более понятным и приводит к предсказуемому результату, что сокращает путь к нужной функции.
Таким образом, этот дизайн останется надолго, поскольку он снижает напряжение при взаимодействии с цифровым миром, делая его более человечным и отзывчивым. Другие просто не смогут игнорировать этот тренд, потому что когда вы попробуете интерфейс, который чувствует и подстраивается, уже не захочется возвращаться к безжизненным пикселям.
Новый дизайн iOS 26 с эффектом «Жидкого стекла» — это больше, чем просто модная обертка; это значительный прогресс в том, как мы используем телефон. Интерфейс стал живее: элементы плавают, подстраиваются под жесты, плавно перетекают один в другой, а прозрачность и блики создают ощущение глубины. Это не только улучшает внешний вид системы, но и делает ее более понятной для пользователя, что облегчает просмотр происходящего на экране. Этот метод уже оказал влияние на другие операционные системы, и это логично потому, что он удобен, современен и приятен. iOS 26 станет стандартом, к которому будут стремиться все в будущем, поскольку его дизайн задает тон на годы вперед.
Зачем Apple придумала этот материал. Два свойства, которые меняют всё
Liquid Glass официально объявлен новым цифровым мета-материалом Apple.
Он обладает двумя основными свойствами: постоянно преломляет свет и придаёт ему новую форму; самостоятельно изменяется и ведется как неплотная жидкость, похожая на воду.
Главным принципом здесь является то, чтобы интерфейс реагировал естественно на прикосновения и был прост в использовании для широкого спектра приложений.
Apple изменила внешний вид и восприятие операционных систем.
Дизайнер заявил, что Liquid Glass был создан, чтобы сделать взаимодействие с приложениями более естественным, приветливым и бесшовным. Чтобы его увидеть, разработчикам просто нужно вставить несколько строк кода.
В руководствах Apple ясно указано, что новый материал может использоваться только для элементов управления и навигации.
В контенте, таком как фон, разделители или подложка, жидкое стекло больше не используется. Вместо этого используются стандартные материалы, такие как размытие, насыщенность и режим наложения. Исключением являются слайдеры и переключатели, которые, когда с ними работают, превращаются из векторных фигур в жидкое стекло.
В результате визуально будет нарушена четкая визуальная иерархия между функциональными элементами и содержимым приложения.
Зачем нужны дополнительные «материалы», если все уже есть?
Почему «стекло» и почему «жидкое»
По словам Крейга Федериги, главы ПО Apple, стекло визуально занимает меньше места, чем полупрозрачные векторные фигуры с одним цветом.
В свою очередь, это помогает использовать весь экран от края до края для отображения контента, как будто вообще нет интерфейса.
В компании считают, что, парадоксально, использование стеклянных кнопок по сравнению с плоскими формами и однотонными подложками создает впечатление, что интерфейс более чёткий, тактильный и заметный.
По моему личному опыту динамика iPadOS 26 идеальна. Когда под ним движется контент или интерфейс, кнопки выглядят настоящими, и их нажатие приятно. Тем не менее, в настоящее время статика недостаточно читаема. Тем не менее, я объясню, почему исправление этого не составит труда.
Компания объединила свойства стекла и воды, чтобы подчеркнуть динамичность жидкого стекла.
Благодаря своему свойству линзирования Стеклo можно интуитивно воспринимать объем без дополнительной сознательной обработки.
Линзирование очень полезно для считывания контекста, потому что деформация, скручивание и искажение света моментально передают положение, движение и форму кнопки.
Этот шаг является значительным прогрессом после плоских интерфейсов, которые до сих пор выглядели искусственно и ограничивались размытием и тенью.
Вода отлично подходит для быстрой смены кнопок в постоянно меняющемся интерфейсе, потому что она способна принимать любую форму, которую вам нужно.
Движение жидкости и метаморфозы капель также легко воспринимаются подсознанием. Они дают нам простое понимание того, какая кнопка вытекает из какой и как вернуться обратно.
Это больше, чем просто фигура с нарисованным эффектом искажения. Посмотрите, из каких слоев он состоит.
Как по слоям устроено Жидкое стекло
В Apple отметили, что использование обычного стекла делает текст плохо читаемым на фоне. Таким образом, компания разработала многослойность, которая сделала жидкое стекло податливым.
Получилось следующее строение.
• Над каждой кнопкой отображается контент, который может быть текстом или иконкой. Иногда у него нет слоя, как в тумблерах настроек.
Так Apple делит Жидкое стекло на компоненты
Первым слоем жидкого стекла является отражающий, который отражает свет по бокам и создает градиентный блик. Он дает хорошее представление о силуэте объекта и хорошо подчеркивает, как освещение реагирует на движение устройства. Отражающий также включает в себя самые острые черные и белые края.
Диффузный слой иногда используется для улучшения читаемости и рассеивания света.
Рефракционный слой делает кнопку «стеклом», преломляя изображение под собой.
Рефракционный слой преломляет изображение под ним
Контрастный слой использует рефракцию для создания эффекта концентрации света под кнопкой. Изогнутая линза также делает объект в поле ее зрения ярче.
Тени улучшают очерченность элементов и дают хорошее представление о том, где находится интерфейс и насколько он интерактивен.
Тени меняются чаще всего, чем у других элементов. Например, когда появляется текст под кнопкой, тень становится более заметной, что позволяет заметно различать между контентом.
Тени остались и добавляют объёма. Также они стали динамическими и при нажатии, и при смене яркости контента под кнопкой
Причём тень появляется только по бокам и под самой плотной частью «стекла». Центр, который лучше пропускает и искривляет свет, остается светлым.
> Для отзывчивости во вpемя прикосновения материал подсвечивается изнутри.
Кнопка концентрирует свет в центре при нажатии
Такая многослойность позволяет автоматически менять читаемость кнопок в зависимости от того, что находится под ними.
Благодаря заранее подготовленным динамическим изменениям каждого свойства Apple легко изменит читаемость текста, которая была неудобной для многих после установки первой бета-версии iOS 26.
Кнопки более продуманны, чем кажется
В процессе разработки системы учитывались многие детали.
В первую очередь уход за круглыми формами обусловлен длительным использованием округлых углов самих устройств.
В 2025 году практически все экраны компьютеров Apple будут иметь прямые углы. Таким образом, логично, что интерфейс должен встраиваться в них.
Форма и линзы по краям делают ее еще более приятной для нажатия, поскольку она напоминает естественную форму пальца.
Интерфейс теперь больше похож на подушечку для пальцев, чем на кнопки из-за нового материала и формы.
Чтобы добавить реализма, кнопки не просто затухают или проявляются через непрозрачность. Вместо этого их вес увеличивается благодаря постепенному усилению искривления света и линзирования.
Это сохраняет характеристики стекла, как если бы его на самом деле приближали к контенту.
В своем темпе и интенсивности элементы постоянно меняют цвет, динамический диапазон и рассеивание, сохраняя оптическое постоянство, несмотря на объективные изменения характеристик.
Характеристики материала меняются по мере того, как стекло увеличивается, чтобы отображать окна контекстного меню и инструментов. Линза начинает отбрасывать более глубокие тени, рассеивание увеличивается, а эффекты преломления и матовости усиливаются.
После увеличения стекло больше не меняет цвет и степень рассеивания, потому что эти перемены будут отвлекать внимание.
В результате материал делится на три категории в соответствии с различными условиями.
В дизайне будут использовать три варианта стекла
Это стекло называется «обычным», Regular. Совсем чуть-чуть матовое, постоянно адаптируется
Окрашенное стекло является вариацией «обычного». Нужно для акцентов и отбрасывает цветную тень
Это стекло называется «чистым», Clear. Используют только при наложении на видео или игры, всегда с подложкой
Компания создала два основных вида стекла, каждый из которых имел один подвид:
Как уже говорилось, он адаптируется под различные условия и обычно используется почти во всех элементах.
Окрашенное стекло — это вариация обычного; используется для акцентных кнопок, таких как «Корзина» и «Проверить заказ», меняя только цвет контрастного слоя. Остальные функции остаются неизменными.
Для использования прозрачности необходимо использовать тёмную подложку, чтобы сохранить читаемость, и только для высокодинамичного и яркого контента, такого как видео.
Каждый имеет свои правила использования.
Теперь интерфейс глубоко использует HDR
Хотя компания использует OLED-экраны с поддержкой HDR с 2017 года и большинство дисплеев могут отображать эти свойства, Apple впервые использовала эти свойства в интерфейсе только с появлением Apple Intelligence.
С выходом 26-ых версий операционных систем дизайнеры расширяют применение расширенного динамического диапазона с помощью световых акцентов.
Когда вы нажимаете кнопку из жидкого стекла, он естественным образом «собирает» в центре преломлённый свет, как это делают настоящие линзы вместе.
Чтобы повысить реализм и добавить «жизни» в взаимодействие, дисплей локально подсвечивает кнопку ярче, чем это возможно при использовании обычного цветового диапазона SDR.
Почти все иконки, получили HDR-блики по краям, даже сторонние
То же самое относится к бликов как на самих иконках, так и на краях векторных фигур внутри них.
Хотя разработчики приложения ничего не предприняли, буква «М» в приложении Яндекс Метро теперь светится более ярко, чем весь остальной интерфейс даже при максимальной яркости.
Очевидно, что именно по этой причине в IOS 26 появилась возможность создавать изображения экрана с поддержкой HDR в формате HEIF.
Анимации подчиняются новым законам физики, элементы словно обладают лёгкой упругостью, что делает каждое взаимодействие с телефоном по-настоящему тактильным и интуитивным. Новый дизайн iOS 26 с «Жидким стеклом» — это больше, чем просто очередное визовое обновление. Интерфейс перестаёт быть набором статичных иконок и превращается в плавную, живую среду.
Основная причина, по которой этот метод останется с нами надолго, заключается в том, что он решает основную проблему, а именно снижает цифровую усталость. Органичность и плавность движений уменьшают напряжение зрения, а подсознательное чувство «правильной» физики позволяет пользователю чувствовать себя комфортно, даже не задумываясь о технической стороне.
Другим компаниям придется двигаться в этом же направлении, чтобы не отставать, потому что «жидкое стекло» задаёт абсолютный тренд, потому что это философия интерфейса, где форма должна следовать за ощущением, а не за функцией. Поэтому мы видим не временную моду, а новый язык цифрового дизайна, который будет развиваться и становиться все более естественным и незаметным.
