Как Apple превратила интерфейс своей операционной системы в игру.

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

Как добиться такого эффекта?
Все просто, нужно превратить интерфейс в игру!

Каждый раз, когда вы нажимаете кнопку или сворачиваете окно, графический процессор пересчитывает картинку кадр за кадром. Запускаются маленькие программы — шейдеры. В играх шейдеры — это «кожа и свет» на скелете 3D-моделей. От них зависит вся красота графики. Они могут гнуть и трансформировать сам каркас, определяя, где окажутся точки в пространстве, могут «искажать реальность» — например, превращать пол в зеркало, рисовать огонь, воду или сияние. Они решают для каждого пикселя, как выглядит свет, отражение и «стеклянная глубина» на фоне. На самом деле, Apple экспериментировала с шейдерами больше 10 лет в своих интерфейсах. Кто помнит бесполезную программу Фотобудка?

Все эти разработки — задел на будущее: новые процессоры, AR-интерфейсы, продукты, где графика станет частью окружающей среды. Это как жидкий терминатор во второй части. Реально удивляешься этим технологиям, когда узнаешь, как они созданы и как они работают. Сколько бы споров ни ходило вокруг таких обновлений, но Apple показывает направление, а индустрия подхватывает. В начале нулевых это был Aqua дизайн, интерфейс, вдохновлённый водой — каплевидные формы, мягкие скругления, прозрачности и аккуратные отражения — придал экранам ощутимую глубину и уникальный визуальный язык. Тогда все начали копировать эти приёмы в вебе и графике — я сам в 2007-м рисовал блестящие логотипы с бликами и тенюшками. А в эпоху XP ставил внутреннюю тему Candy, стилизованную под Aqua. Тогда я еще работал на Винде. Сегодня, похоже, история повторяется, и Liquid Glass, вероятно, ждёт такая же судьба.

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

P.S. На эту статью вдохновил ролик от Droider, обязательно посмотрите его тоже!

#graph_theory 🧠 Обогощариумы