iPhone следующего десятилетия уже начал обретать форму сегодня Hard Philosophy

Оживленная церемония открытия WWDC25 подошла к концу. Хотя до сих пор нет определенной даты запуска Apple Intelligence в Китае, после более чем двух лет проволочек Apple наконец-то принесла нам относительно захватывающие новости — всеобъемлющее визуальное изменение операционных систем Apple на различных платформах.

В отличие от предыдущих iOS, macOS, watchOS и visionOS, каждая из которых имела свой собственный стиль, на этот раз Apple запустила язык дизайна для всех аппаратных операционных систем с единым номером версии «26». От Apple Watch на запястье до Apple TV, который может заполнить всю стену, все унифицировано на визуальном уровне.

Решение — жидкое стекло.

Цифровые метаматериалы

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

На самом деле Apple, которая всегда славилась своим дизайном, не могла отойти от этого принципа в прошлом. Например, все более округлый стиль iOS с 11 не соответствовал резкому и плоскому macOS года. Только после того, как macOS Big Sur обновила волну иконок, разница была смягчена.

macOS High Sierra, выпущенная в том же году, что и iOS 11, по-прежнему использует нестандартные плоские значки|hexnode

Так может ли жидкое стекло переломить нынешнюю нестабильную ситуацию?

Согласно вступительному видео, опубликованному самой Apple в ее аккаунте Apple Developer, Liquid Glass на самом деле имеет очень глубокое происхождение — по сути, это переосмысление языка дизайна «Aqua», который был популярен и востребован в отрасли в Mac OS X 10.0 Cheetah 25 лет назад.

Дизайнер человеко-машинного интерфейса компании Apple Чан Карунамуни представил Liquid Glass следующим образом:

Он основан на нашем опыте проектирования пользовательского интерфейса Aqua на Mac OS X, эффектах размытия в реальном времени iOS 7, плавных анимациях iPhone X, гибкости Smart Island и иммерсивных интерфейсах visionOS. Благодаря этому опыту, вместо того, чтобы пытаться воссоздать материалы, существующие в реальном мире, мы сделали Liquid Glass цифровым метаматериалом — он может динамически преломлять и отражать свет, а также может демонстрировать естественные эффекты движения, как жидкости, реагируя на прикосновения и изменения интерфейса.

Это также направление, которое многие прогнозы до WWDC не учитывали: будь то анализ дизайна «Физичность: следующее поколение дизайна пользовательского интерфейса» Себастьяна де Вита, бывшего дизайнера Apple и основателя Halide Camera, или концептуальные рисунки, сделанные различными интернет-экспертами, большинство из них только предполагали, что новый дизайн будет иметь много «стеклянных» свойств из visionOS, но не думали о «жидкой» части .

Конечно, оглядываясь назад, можно сказать, что «жидкость» Liquid Glass имеет следы, по которым можно следовать: для адаптации к более округлому экрану непроникающая нижняя панель, широко используемая в iOS и iPadOS 26, а также анимация слияния, разделения и перемещения, используемая между различными компонентами, полностью взяты из Smart Island, выпущенного в 2022 году.

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

Если использовать iOS 7 в качестве разделительной линии, то можно заметить, что общая концепция дизайна iOS четко разделена на три этапа:

  • От iPhone OS до iOS 6
  • От iOS 7 до iOS 18 уровни сглаженности постепенно повышаются
  • А iOS 26 возвращается к скевоморфизму «симуляции физических свойств».

Такое разделение кажется разумным, не так ли? Но, к сожалению, это неправильно, потому что интерфейс iOS всегда был скевоморфным дизайном . iOS 26 этого года не является «возвращением к скевоморфизму», потому что даже экстремальная iOS 7 также скевоморфна — чтобы понять это, нам придется вернуться к определению самого скевоморфизма.

Скевоморфизм в iOS

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


Рисунок|эскизобъяснения

Другими словами, «скевоморфный дизайн» — это способ для пользователей быстро ознакомиться с объектом дизайна и принять его в новой среде, заставив объект дизайна имитировать объекты реального мира, опираясь на их внешний вид, принципы работы или поведение . Эта концепция может быть не столь интуитивной для нас сегодня, но для пользователей, которые привыкли управлять компьютерами с помощью интерфейсов командной строки (CLI) в конце прошлого века и когда графические пользовательские интерфейсы (GUI) только появлялись, скевоморфный дизайн, несомненно, был революционным:

Изображение | Форумы XDA

Выше показана абсолютная вершина скевоморфного дизайна – Microsoft Bob 1995 года. Это программа "упрощенной системы", работающая на Windows 3.1. Ее принцип чем-то похож на сторонний лаунчер на Android. Ее главная цель – сделать оригинальный грубый и скучный графический интерфейс Windows более интуитивным и дружелюбным.

Например, в Bob редактор документов на самом деле является пишущей машинкой, программа календаря на самом деле является прикрепленным к стене календарем, доступ к электронной почте можно получить, только щелкнув по почтовому ящику и т. д. Все операции похожи на «возвращение домой», и пользователям нужно только знать, как управлять мышкой, чтобы интуитивно использовать Bob и интуитивно находить соответствующую функцию, не утруждая себя пониманием того, почему логотип веб-браузера представляет собой огромную букву «e».


Напротив, интерфейс Windows 3.1 не очень интуитивно понятен для пользователей, которые плохо знакомы с графическим интерфейсом.

Но почему, казалось бы, плоский графический стиль Боба также можно назвать скевоморфным дизайном? Здесь мы должны различать два понятия в скевоморфном дизайне: скевоморфизм в принципе и скевоморфизм в стиле.

Себастьян де Вит, упомянутый ранее, написал в своей статье, предсказывая дизайн iOS 26:

Скевоморфизм, вы наверняка слышали это слово. Но скевоморфизм означает не просто наличие множества визуальных эффектов в интерфейсе, таких как градиенты, блеск и тени. Его настоящее значение: облегчить пользователям переход от того, к чему они привыкли (например, небольшой кусок пластикового экрана с рядами кнопок на обычном телефоне) к текущей форме (телефон становится экранным и может отображать любую кнопку или интерфейс, который вы можете себе представить).

Проще говоря: скевоморфный дизайн относится не только к имитации материалов в реальной жизни (например, текстуры камня и складок бумаги). Более глубокий смысл скевоморфного дизайна заключается в имитации поведения.

Самый очевидный пример — калькулятор в iOS: в первом поколении iPhone OS в 2007 году Джобс ссылался на калькулятор ET66 немецкой компании Braun как в материале, так и в макете, чтобы создать приложение калькулятора на iPhone. Для большинства пользователей, которые пользовались только кнопочными телефонами и никогда не пользовались сенсорными экранами в то время, этот похожий цвет и макет могли помочь им быстро понять и начать работу с приложением калькулятора:

Такие проекты, как калькулятор iPhone OS, являются скевоморфными. Более десяти лет спустя, в iOS 26, кнопки в приложении по-прежнему сохраняют схожую компоновку, за исключением того, что отражающий материал, используемый для имитации кнопок, и материал, используемый для имитации ЖК-экранов, были удалены. Его использование и логика работы по-прежнему «скевоморфны», как и более десяти лет назад.

Вам может быть интересно: Какой дизайн не является скевоморфным? Около двадцати лет назад Xelibri, бренд компании Siemens, дал ответ:

Слева направо: Кселибри 4, Кселибри 2, Кселибри 6

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

Но в 2000 году было много нетрадиционных дизайнов, и Xelibri сосредоточился на клавиатуре: ее раскладка не была ни клавиатурой T9 обычного телефона, ни циферблатом старого телефона, но была полна «футуризма» и полностью выведена из контринтуитивного концептуального дизайна в современных научно-фантастических фильмах. Этот метод дизайна, который не имеет реальной ссылки и не может позволить пользователям установить интуитивную связь между новым интерфейсом и старыми привычками , можно назвать «нескевоморфным».

Конечно, результат Xelibri в конечном итоге был достоин своего нетрадиционного дизайна и возмутительной цены. За весь 2003 год было продано всего около 780 000 единиц, что привело к огромным убыткам для основного бренда мобильных телефонов Siemens. Спустя год после своего основания материнская компания срочно прекратила убытки.

Кроме того, например, «игровое пространство» на мобильном телефоне совершенно не скевоморфно, поскольку не имеет реального прототипа.

Возвращаясь к Apple, iOS 26, в которой реализовано жидкое стекло, конечно, скевоморфна, но iOS 18 также скевоморфна, а iOS 7 по сути скевоморфна, поскольку не пытается превратить калькулятор в треугольник, а клавиатура набора номера не использует для выбора цифр движения рук, как у ниндзя.

Так называемый «плоский дизайн», который начался с iOS 7, не является противоположностью «скевоморфизма». Точнее, это «дематериализация» визуального стиля:

Изображение: The Verge

В двух словах: тему дизайна от iOS 7 до iOS 18 правильнее было бы описать как дематериализацию, а не отказ от скевоморфизма, а возвращение к скевоморфизму в материалах естественным образом происходит в iOS 26. От начала и до конца iOS всегда была «скевоморфной».

iOS Виста

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

Вот почему, как только транслировалось демонстрационное видео WWDC25, многие люди с первого взгляда выпалили: «Это слишком похоже на Windows Vista».

Неоспоримо, что Windows Vista, выпущенная в 2006 году, была пионером, действительно внедрившим концепцию «стекла» в мейнстрим. Этот язык дизайна, называемый Windows Aero, включает в себя множество эффектов прозрачного матового стекла, размытия по Гауссу, подсветки и виньетирования. Не будет преувеличением назвать его «кристально чистым».

Язык дизайна Windows Aero в конечном итоге стал классикой в ​​Windows Vista и Windows 7, а также стал памятью поколения. Однако, когда Vista была впервые выпущена, ее репутация была на самом деле гораздо хуже, чем сейчас.

Во-первых, хотя Vista, несомненно, была пионером в визуальном стиле, ее базовая архитектура также претерпела огромные изменения по сравнению с ее предшественником Windows XP, что привело к тому, что большое количество драйверов оборудования в то время было несовместимо. Разработчикам периферийных устройств пришлось писать новые драйверы специально для Vista, что еще больше ухудшило и без того крайне фрагментированную экосистему Windows. Широко распространенная проблема совместимости сохранялась до выхода Win 7 три года спустя, когда она была в основном решена.

Кроме того, хотя большинство людей посмеются, увидев сегодня на официальном сайте Apple слова «Готово для смартфонов Apple», многие не знают, что Microsoft тоже делала это в первые годы: в первые дни выпуска Vista Microsoft потребовала от OEM-производителей размещать на своих компьютерах специальную этикетку «Разработано для Windows XP, совместимо с Windows Vista»:

Компания Microsoft разработала эту маркировку исключительно в целях маркетинга Vista, но проигнорировала стеклянные визуальные эффекты пользовательского интерфейса Aero и дополнительное снижение производительности на устройствах, «разработанных для XP».

Это напрямую приводит к одной из самых больших болевых точек для пользователей, которые обновляются с XP на Vista: в той же аппаратной среде Vista не так плавна, как XP. Aero UI прекрасен, но задержки и сообщения об ошибках стали серьезнее, чем раньше. Без мощной независимой видеокарты общее впечатление от Vista хуже, чем от XP.

Кроме того, жизненный цикл XP и Vista значительно перекрывался, что привело к прохладной репутации Vista, которая была нелегка в использовании на раннем этапе и никто не использовал ее на более позднем этапе. Первая попытка Microsoft создать язык дизайна, подобный стеклу, также провалилась, и в конечном итоге Windows 7, преемник, стал представителем стиля Aero.

Нет сомнений, что Apple не хочет повторять старый путь Windows Vista.

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

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

iOS Y2K

Что еще интереснее, Windows Vista — не единственное, что приходит на ум, когда люди говорят об iOS 26. Если вы были интернет-пользователем в эпоху Vista, вам наверняка знаком этот визуальный стиль:

У этой эстетики миллениалов есть название: Frutiger Aero. Этот визуальный стиль, включающий в себя множество природных элементов, воду, растения, яркие цвета и блестки, а также гладкие трехмерные изображения, был очень популярен в коммерческом и интернет-дизайне в первом десятилетии этого века — даже сегодня вы все еще можете увидеть его в некоторых рекламных материалах для тонущих рынков.

На самом деле слово «Aero» в названии Frutiger Aero происходит от пользовательского интерфейса Aero в Windows Vista; Frutiger — очень известный шрифт без засечек.

Интересно, что как художественный стиль, очень близкий к таким концепциям, как миллениум, Y2K и Web 2.0, Frutiger Aero снова стал популярным около 2020 года и стал «ретро»-темой для тех, кто родился в 1990-х и 2000-х годах. И вы обнаружите, что Liquid Glass, главный визуальный элемент iOS 26, идеально перекликается с элементом воды в Frutiger Aero:

Конечно, этот материальный скевоморфизм можно увидеть везде, от iPhone OS до iOS 6. Сочетание iOS 26 и Frutiger Aero больше из ретро и ностальгии. В конце концов, люди всегда говорят: ретро — это будущее, старое снова новое.

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

Более прозрачное будущее

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

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

Однако эти последовательные и вездесущие анимации предъявляют высокие требования к экрану, и только на экране с высокой частотой обновления люди не будут чувствовать «заикания». В Developer Beta 1, выпущенной в ночь WWDC, хотя iPad Air с процессором M3 может отображать анимацию окон на полном кадре 60 Гц, визуальная согласованность все еще не так хороша, как у iPhone 16 Pro с частотой 80–120 Гц — хотя производительность первого значительно лучше, чем второго.

Поэтому для Liquid Glass производительность чипа может быть не так важна, как частота обновления. Liquid Glass может указывать на то, что высокая частота обновления станет стандартом для всех устройств Apple в будущем. С окончанием первой половины года мы можем смело предположить, что iPhone 17, который будет оснащен iOS 26, когда покинет завод, может использовать экраны с высокой частотой обновления во всей серии.

А если рассматривать более долгосрочную перспективу, то новые материалы, новые эффекты движения и новые механизмы анимации в iOS 26 не изолированы. Если их объединить с недавно представленными пространственными виджетами в visionOS 26, а также сенсором, пространственным позиционированием, восприятием окружающего света и другими улучшениями алгоритмов, стоящими за ними, то этот «комбинационный удар», скорее всего, будет подготовкой к большому обновлению 20-летия iPhone в 2027 году.

Если вся система iOS 26 сможет стать «гармоничной», возможно, и само аппаратное обеспечение iPhone сможет «интегрироваться в окружающую среду»?

Такое будущее совсем не притянуто за уши, и оно почти невозможно. Но не забывайте, сколько «невозможного» отменила Apple? Если эта идея сбудется, не забудьте вернуться к этой статье, чтобы выкопать могилу. Потому что в iOS 26 все уже начало подавать признаки.

Изображение: MacRumors

#Добро пожаловать на официальный публичный аккаунт WeChat iFanr: iFanr (WeChat ID: ifanr), где вам будет представлен еще более интересный контент как можно скорее.

iFanr | Исходная ссылка · Просмотреть комментарии · Sina Weibo