本文譯自前蘋果設(shè)計(jì)師、Halide 相機(jī)創(chuàng)始人 Sebastiaan de With 的博文《物理性：UI 設(shè)計(jì)的新世代》，原文鏈接：Physicality: the new age of UI

作為曾經(jīng)的 iOS 設(shè)計(jì)師，現(xiàn)在是一個(gè)激動(dòng)人心的時(shí)刻，我的職業(yè)世界正在因?yàn)樯衩馗卸澏逗娃Z鳴。關(guān)于 iPhone 操作系統(tǒng)即將進(jìn)行大規(guī)模改版的傳聞甚囂塵上——據(jù)說是「長久以來規(guī)模最大的一次」。

只有一個(gè)時(shí)刻可以與此刻相比：2013 年春天。2013 年 6 月 10 日，蘋果發(fā)布了或許是 UI 設(shè)計(jì)史上最偉大的轉(zhuǎn)變：iOS 7。我清楚地記得當(dāng)時(shí)的感受：無以言表的震撼。

如果蘋果今年真的對 UI 做重大改版，那它會(huì)在很多方面產(chǎn)生深遠(yuǎn)的影響，甚至讓 iOS 7 的「巨變」都相形見絀。據(jù)傳，此次改版將全面涵蓋 iOS、macOS、iPadOS、tvOS、watchOS 和 visionOS。而從 iOS 7 發(fā)布至今的這些年里，iPhone 已經(jīng)從單純的流行設(shè)備發(fā)展成了人們生活中最重要的東西。iOS 的設(shè)計(jì)影響并啟發(fā)了我們身邊的方方面面，從網(wǎng)頁設(shè)計(jì)到平面設(shè)計(jì)，再到幾乎所有的軟件界面。

我認(rèn)為應(yīng)該利用這個(gè)傳聞方興未艾的時(shí)刻，趁著最終成品還在幕后的機(jī)會(huì)，去品味一些東西：因?yàn)閷κ挛锇l(fā)展方向的完全未知，我就可以讓我的想象力自由馳騁。

如果我是蘋果的設(shè)計(jì)團(tuán)隊(duì)，我會(huì)怎么做？我希望看到哪些變動(dòng)，以及哪些是最有可能實(shí)現(xiàn)的？考慮到技術(shù)的發(fā)展方向，界面設(shè)計(jì)應(yīng)該如何適應(yīng)大改版的需求？

讓我們看看接下來會(huì)、或者可能會(huì)，發(fā)生什么吧。

最明智的做法就是以史為鑒。如果要對 iOS 設(shè)計(jì)的發(fā)展階段進(jìn)行分類，我們可以粗略地將其分為「陰影時(shí)代」、「適應(yīng)性時(shí)代」和「新時(shí)代」。

陰影時(shí)代（The Shaded Age）

iOS 的起點(diǎn)是 iPhone OS，一個(gè)（對于那時(shí)來說）全新的操作系統(tǒng)，其風(fēng)格與 Mac OS X Tiger 中的儀表板（Dashboard）功能的設(shè)計(jì)語言非常相似：

via https://numericcitizen.me/what-widgets-on-macos-big-sur-should-have-been/

使用 macOS 儀表板圖標(biāo)做 app 的早期 iPhone 原型機(jī)

iPhone OS 1 上的圖標(biāo)布局明顯是擬物化的。

擬物化，你應(yīng)該聽過這個(gè)詞。但擬物化并不單純意味著界面上有很多視覺效果，比如漸變、光澤和陰影。它的真正含義是：為了讓用戶更容易從他們習(xí)慣的東西（比如一小片塑料屏幕加上一排排按鈕的功能機(jī)）過渡到目前的形態(tài)（手機(jī)變得以屏幕為主，可以顯示任何你能想像出的按鈕或界面）。

在初代 iPhone 剛發(fā)布的那段時(shí)間，動(dòng)畫里面的手機(jī)還是會(huì)被畫成左邊的樣子，按鍵的網(wǎng)格決定了操作模式和舒適區(qū)域

當(dāng)然，從 iPhone OS 1 到 iOS 6，用戶界面中的確出現(xiàn)了大量的視覺效果。在 iOS 界面的陰影時(shí)代，我們可以看到從簡單界面元素中的漸變和陰影，到音頻應(yīng)用程序中逼真的磁帶錄音機(jī)和麥克風(fēng)，等等各種豐富的細(xì)節(jié)。

Facebook 的分享頁面真的有個(gè)回形針！iOS 地圖的路標(biāo)真的是由幾百個(gè)小三角形組成的！

而我在蘋果工作期間，還參與過一些更有趣的表現(xiàn)形式。以我的經(jīng)驗(yàn)來說，這個(gè)時(shí)期我們所做的工作，很大程度上是通過細(xì)致和廣泛的視覺效果來營造熟悉感。我們花了很多時(shí)間用 Photoshop 繪制逼真的陰影按鈕、虛擬木材、皮革以及更多材質(zhì)。

因此 iPhone OS 1 到 iOS 6 這段時(shí)間稱為“擬物化設(shè)計(jì)”，我覺得這個(gè)詞用的不太恰當(dāng)，但整體思路是沒錯(cuò)的。

不過當(dāng)然，麥克風(fēng)的金屬材質(zhì)實(shí)際上并非真正的金屬——它對光線的反射效果與現(xiàn)實(shí)中的金屬材質(zhì)完全不沾邊，它的行為也與它所模仿的物體截然不同。它只是一種效果、一種純粹的視覺效果，幫助用戶理解語音備忘錄應(yīng)用的工作原理，至于 iPhone OS 1 的整個(gè)用戶界面都遵循著這種設(shè)計(jì)，以盡可能方便用戶理解使用。

值得注意的是，這種理念同樣延伸到了 UI 中最小的元素：按鈕。iOS 中的按鈕會(huì)被設(shè)計(jì)成凸起或凹陷的視覺效果，使其看起來更像真的按鈕；禁用的項(xiàng)目通常會(huì)被處理得更簡潔（變灰、變透明），以降低其交互性。這些都通過大量的靜態(tài)位圖（bitmap）素材實(shí)現(xiàn)的。

漸漸的，一些更活潑的設(shè)計(jì)才開始顯現(xiàn)：在 iPad 上，部分金屬滑塊的光澤可以響應(yīng)設(shè)備方向；刪除筆記或電子郵件的效果不是直接消失，而是被拖入回收站的圖標(biāo)，垃圾桶甚至?xí)却蜷_蓋子、在文檔被吸入后重新關(guān)上。

然而我們的全新的視網(wǎng)膜屏幕，即將見證一次應(yīng)用程序和屏幕信息呈現(xiàn)方式的徹底轉(zhuǎn)變。

扁平的時(shí)代（The Flat Age）

iOS 7 為 iOS 帶來了一種全新的設(shè)計(jì)語言，當(dāng)時(shí)有很多文章對此進(jìn)行了探討。正如任何一次重大改版一樣，用戶社區(qū)的情緒也相當(dāng)激動(dòng)。我很少直接發(fā)表個(gè)人意見，但無論你對 iOS 7 的印象如何，不能否認(rèn)的是，它是對 iOS 視覺設(shè)計(jì)的一次根本性反思。

iOS 7 在很大程度上取消了用于提示可交互性的視覺效果（比如一個(gè)凸起的按鈕），而是回歸了個(gè)人電腦上那種最原始的展示方式：「按鈕」只不過是白色背景上的藍(lán)色文字而已。

iOS 7 時(shí)代的設(shè)計(jì)風(fēng)格也因此通常被稱為「扁平化設(shè)計(jì)”」。你可以理解為什么叫這個(gè)名字，因?yàn)榫瓦B計(jì)算器應(yīng)用中的按鈕，在視覺上也沒有任何層次的凸起：

主屏幕曾經(jīng)所指代的就是功能機(jī)上面整齊排列的按鍵，但現(xiàn)在看起來也平坦了許多——部分是因?yàn)橐曅幚淼母唵危饕膭t是明顯減少了陰影的使用。

但為什么非要去掉陰影呢？畢竟，它們對于定義界面元素的「深度」起著重要作用。上面的截圖實(shí)際上并不直觀，因?yàn)閳D中的陰影都是靜態(tài)的。事實(shí)上，iOS 7 上全新的主屏幕絕非看起來那么平。

iOS 7 引入了一種獨(dú)特的「視覺層」概念，用自適應(yīng)或動(dòng)態(tài)效果來區(qū)分界面深度和層級(jí)。那么，既然可以通過將圖標(biāo)渲染在背景以外的層級(jí)來區(qū)分，為什么還要渲染無法匹配現(xiàn)實(shí)邏輯的高光和陰影呢？僅僅依靠視差效果，就已經(jīng)使圖標(biāo)清晰地“漂浮”在壁紙上方了，而通知中心也可以簡化為主屏幕上方的一個(gè)磨砂窗格，模糊其背景以顯示上下文。

喬納森·艾維在 iOS 7 發(fā)布會(huì)上自豪地談：「簡單通過設(shè)置不同的壁紙」就可以影響許多界面的外觀，這在當(dāng)年是一個(gè)非常新穎的體驗(yàn)。

iOS 7 界面中的另一個(gè)新特點(diǎn)是 UI 框架（指除了主要元素之外的界面元素，比如按鈕外輪廓）具有相同的動(dòng)態(tài)設(shè)計(jì)：標(biāo)題欄和鍵盤等像是磨砂玻璃一樣，可以部分顯示下方被遮擋的內(nèi)容。

雖然在某些地方有些矯枉過正，iOS 7 的根本性改變最終還是在后續(xù)的 iOS 中保留了下來——盡管動(dòng)效被大幅削弱（主屏幕的 app 圖標(biāo)視差現(xiàn)在幾乎難以察覺），隨著時(shí)間的推移，iOS 的系統(tǒng) UI 逐漸收獲了更多的靜態(tài)效果。

圖標(biāo)和字體都變得更厚重了，陰影也被加了回來，顏色則變得不像霓虹燈那樣鮮艷

時(shí)至如今，iOS 的主要變化之一是變得更圓潤了；隨著越來越圓的屏幕邊角和越來越圓的 iPhone 的出現(xiàn)，用戶界面也在隨之變化，甚至是根據(jù)運(yùn)行設(shè)備的不同而動(dòng)態(tài)地進(jìn)行調(diào)整。

越來越多的界面元素開始通過不同類型的模糊效果（比如新的漸進(jìn)模糊）與內(nèi)容融合，按鈕形狀也開始慢慢回歸。iOS 逐漸進(jìn)入了穩(wěn)定狀態(tài)——但也略顯停滯。如果真的需要一次大的變革，則必須要進(jìn)行一些根本的重塑才行。

新的 iOS 設(shè)計(jì)變革將不再是簡單的靜態(tài)位圖，它必須延續(xù)「自適應(yīng)界面」的趨勢。

物理性時(shí)代（The Age of Physicality）

當(dāng)蘋果的設(shè)計(jì)師們構(gòu)思 visionOS 的界面時(shí)，收到的要求是「從零開始」。但是在增強(qiáng)現(xiàn)實(shí)中，應(yīng)用程序應(yīng)該是個(gè)什么樣子呢？

visionOS 設(shè)計(jì)語言的基本原則似乎是要求，界面元素始終由「真實(shí)」的材質(zhì)構(gòu)成，不能存在任何純二維的面板或者色彩。

這條原則也適用于 app 圖標(biāo)，雖然它們具有單向的顏色漸變，但都擁有自己獨(dú)立的層次，從介紹視頻中也可以清楚地看出它們所模仿的真實(shí)材質(zhì)：

Alan Dye（蘋果負(fù)責(zé)人機(jī)界面設(shè)計(jì)的副總裁）在介紹 visionOS 界面時(shí)表示：每個(gè)元素都經(jīng)過精心設(shè)計(jì)，具有豐富的物理感——它們具有維度、能夠?qū)饩€做出動(dòng)態(tài)響應(yīng)，并相互投射陰影。

這樣的設(shè)計(jì)在 Vision Pro 中至關(guān)重要，因?yàn)?app 的界面就該讓人感覺它能夠自然地融入你周圍的世界，并擁有與現(xiàn)實(shí)空間中物體一樣豐富的質(zhì)感。與我們熟悉的界面相比，這種范式的轉(zhuǎn)變意義深遠(yuǎn)，因?yàn)樗鼤?huì)讓所有老舊、缺乏實(shí)體感的界面顯得過時(shí)。

甚至如果我們強(qiáng)行將一個(gè)普通的 UI 界面放置在 Vision Pro 環(huán)境中，結(jié)果看起來就很好笑：

因此我認(rèn)為，visionOS 可以為 iPhone、iPad 和 Mac（以及其他潛在的新硬件平臺(tái)）帶來的東西，將遠(yuǎn)遠(yuǎn)不止上述靜態(tài)的視覺風(fēng)格，而很可能是一套全新的設(shè)計(jì)原則，用來支撐下一個(gè)世代蘋果所有產(chǎn)品和品牌表達(dá)的風(fēng)格。

這套設(shè)計(jì)原則必須比 Vision Pro 現(xiàn)有的更加微妙——畢竟界面不必與現(xiàn)實(shí)世界達(dá)到 100% 的契合，但新的動(dòng)態(tài)效果和環(huán)境行為足以讓界面變得字面意義上「栩栩如生」。

聽起來很熟悉？其實(shí)現(xiàn)在 iPhone 上的一個(gè) UI 已經(jīng)達(dá)到了這樣的高度：

蘋果近年來為 iOS 新增的功能與 UI 的其他部分相比有著顯著的不同，其中代表性的就是靈動(dòng)島。

靈動(dòng)島的界面全部是動(dòng)態(tài)的，擁有與真實(shí)材料和物體相似的特性。從某種意義上說，靈動(dòng)島其實(shí)回歸了擬物化界面——但不再是給所有元素都噴上高光漆，而是通過清晰與高度圖形化的界面，讓靈動(dòng)島的行為類似我們在現(xiàn)實(shí)生活中熟悉的事物，或者「更有可能」存在于這個(gè)世界中——這就是新的擬物化，也就是一種物理性（physicality）。

靈動(dòng)島是一個(gè)鮮明的圖形界面，動(dòng)畫的行為就像一種可以用手指撥動(dòng)的粘稠液體：

此外，當(dāng)液體各部分相互接觸、融合在一起的時(shí)候，我們還能看到非常代表性的液體特性，比如表面張力。

而當(dāng)它加速時(shí)，動(dòng)畫也隨之有了慣性，就像 iPhone OS 第一次更新里面的滾動(dòng)列表一樣，不過靈動(dòng)島的交互動(dòng)畫顯得更真實(shí)一些，因?yàn)樗€有帶方向的動(dòng)態(tài)模糊，以及畫面元素離開焦點(diǎn)之后的失焦。

與之相似的還有新的 Siri 動(dòng)畫，繞屏幕一周的閃光更像是符合物理規(guī)律的真實(shí)發(fā)光效應(yīng)——類似吸附在 iPhone 邊緣的熾熱氣體或薄霧發(fā)出的光，通過用戶按按鈕或者語音喚醒而閃耀出來。

更進(jìn)一步又會(huì)變成什么樣呢？

我對新世代的看法：有生機(jī)的玻璃（living glass）

我打算試想一下接下來會(huì)發(fā)生什么——既通過我自己繪制的 UI 設(shè)計(jì)，同時(shí)也通過重新思考一下這個(gè)新世代的設(shè)計(jì)哲學(xué)。

蘋果比較合乎邏輯的下一步操作，有可能是將 vision OS 設(shè)計(jì)理念中的物理性擴(kuò)展到所有的產(chǎn)品線。其實(shí)不需要過度處理，在現(xiàn)有的基礎(chǔ)上稍微調(diào)整一下，就可以讓界面擁有帶觸覺的真實(shí)感（inhabit a sense of tactile realism）。

從設(shè)計(jì)理念上來說，如果我是蘋果，我會(huì)將這套新的界面描述為一套「終于配得上我們精美硬件的界面」。畢竟蘋果最主要的產(chǎn)品都帶著玻璃屏幕，新的設(shè)計(jì)可以帶來與材質(zhì)相匹配的界面，讓用戶感覺玻璃本身也煥然一新。

Wallpaper 網(wǎng)站專訪蘋果設(shè)計(jì)團(tuán)隊(duì)時(shí)收到的 visionOS 設(shè)計(jì)稿細(xì)節(jié)

按鈕和其他 UI 元素可以擁有系統(tǒng)級(jí)的渲染處理，就像 visionOS 在真實(shí)環(huán)境的背景之上渲染窗口一樣。*

*就視覺效果而言，VisionOS 是一個(gè)非常有趣的平臺(tái)，因?yàn)闉榱舜_保隱私和安全，該操作系統(tǒng)從設(shè)備攝像頭獲取的數(shù)據(jù)非常少。我猜 UI 上負(fù)責(zé)合成磨砂玻璃的視覺效果的，實(shí)際上是負(fù)責(zé)處理透傳和攝像頭信號(hào)反饋的 R1 芯片——換句話說，理論上所有 Apple 設(shè)備都可以做到這一點(diǎn)，它們已經(jīng)針對背景虛化等功能進(jìn)行了系統(tǒng)級(jí)效果合成。

我還花了一些時(shí)間來設(shè)計(jì)和構(gòu)思新時(shí)代的系統(tǒng)外觀和工作原理。對于新的設(shè)計(jì)語言來說，就像在 visionOS 上一樣，交互介質(zhì)采用玻璃也是合理的：

玻璃會(huì)受到環(huán)境的影響——比如屏幕顯示的內(nèi)容、其 UI 上下文等等。

由于它具有反射性，玻璃元素能夠映射周圍環(huán)境；在照片和視頻等內(nèi)容中非常明亮的高光，甚至可以直接以 HDR 去顯示。

玻璃元素在視覺上占據(jù)了一個(gè)明確的空間層級(jí)；但如果沒有明顯的分層，元素可以被嵌入（inlaid）進(jìn)去：換句話說，變成顯示器或 UI 的玻璃層面的一部分。

就像 iPhone 背面磨砂玻璃上亮面的蘋果 logo 一樣，控件或者 UI 元素也可以用不同的材質(zhì)處理或配色方式。這些處理甚至?xí)缑嬷衅渌l(fā)光元素或設(shè)備朝向產(chǎn)生相應(yīng)——比如在光線照射下會(huì)略微變化，類似在 visionOS 中觀察窗口時(shí)那樣。

而控件的轉(zhuǎn)場動(dòng)畫則可以從開始覆蓋內(nèi)容時(shí)開始。我們可以想象按鈕從背景中「浮起」并脫離的動(dòng)態(tài)狀態(tài)，更清晰的展示出層級(jí)的變化。

這些效果可以由系統(tǒng)以微妙而動(dòng)態(tài)的方式進(jìn)行渲染。相比之下，傳統(tǒng)的靜態(tài)界面看起來就顯得呆板、缺乏生命力。

玻璃擁有一系列鮮明特性，使它與內(nèi)容區(qū)分開來。它可以模糊其下方的材質(zhì)——比如我們在現(xiàn)有 iOS 控件中看到的那樣。它還能根據(jù)周圍環(huán)境呈現(xiàn)出明顯的、高動(dòng)態(tài)的鏡面高光。

一種拖拽式曝光控制按鈕，是我們在 Halide app 中新版曝光調(diào)節(jié)的變種，你可以注意到按鈕的材質(zhì)會(huì)反射周圍的高光

除了高光，磨砂玻璃還可能呈現(xiàn)出散焦效應(yīng)，既通過投射光線（而非陰影）來展現(xiàn)自己與背景的互動(dòng)，從而實(shí)現(xiàn)與環(huán)境的分離。

此外，它還能夠吸收并融合周圍界面的配色與主題。磨砂玻璃的作用不僅僅是模糊或折射背景，它還能反射。甚至這種處理并非沒有例子，我們在 WWDC25 的主視覺宣傳圖里實(shí)際上已經(jīng)看到了效果：

風(fēng)格元素（Elements of Style）

在建立起統(tǒng)一的視覺標(biāo)準(zhǔn)之后，我們來看看新 iOS 可能會(huì)采用的具體元素。

標(biāo)簽欄

首先，我認(rèn)為「封閉式標(biāo)簽欄」——那種橫跨整個(gè)屏幕的標(biāo)簽欄——的時(shí)代即將結(jié)束。實(shí)際上，如果蘋果這次將所有遮擋式的 UI 元素都拋棄，我也不會(huì)感到驚訝。

這類靜態(tài)面板是 iOS 很早期遺留下來的設(shè)計(jì)。而新的設(shè)計(jì)應(yīng)該可以「漂浮在」顯示內(nèi)容上：

像這樣的浮動(dòng)控件更適合在滾動(dòng)的時(shí)候從下層面板中「升起」，并在不需要時(shí)自動(dòng)進(jìn)入隱藏位置，從而避免遮擋內(nèi)容。

控件

但如果一個(gè)界面中所有元素都采用富材質(zhì)處理，很可能會(huì)讓人感到視覺負(fù)擔(dān)過重。因此像前面提到的，我估計(jì)這種界面的「層次感」會(huì)按照不同的等級(jí)去應(yīng)用。

比如郵件 app 中發(fā)送的主操作按鈕可能會(huì)被抬升到更高的 z 軸高度，而其他的操作（比如取消）則可以采用更低調(diào)的處理：

抬升的控件可能使用偏暖的色調(diào)，而背景元素則偏向冷色，以增強(qiáng)深度對比。

App 圖標(biāo)

蘋果在 iOS 18 中對圖標(biāo)進(jìn)行了大量的自動(dòng)化遮罩處理，我不認(rèn)為這只是為了幫助第三方 app 適配暗黑模式或者給圖標(biāo)批量施加色調(diào)。對于圖標(biāo)背景的這種簡潔的深色處理，讓我覺得這可能是在為未來更動(dòng)態(tài)的材質(zhì)背景做準(zhǔn)備。

暗色模式下的動(dòng)態(tài)圖標(biāo)背景——注意背景上與環(huán)境呼應(yīng)的高光反射

更不用說，app 圖標(biāo)本來就是那種交互性強(qiáng)、適合采用「有生機(jī)的玻璃」處理的漂浮元素。

新版動(dòng)態(tài)渲染的圖標(biāo)包含了「內(nèi)容層」、玻璃質(zhì)感的效果以及對既有元素的優(yōu)化，背景圓角同樣有所增大

此外，我猜一些早該重繪的圖標(biāo)會(huì)在這波中趁勢更新，比如很多自 iOS 7 以來就沒有變化的圖標(biāo)。這會(huì)是蘋果對「核心品牌」圖標(biāo)的一次重大變動(dòng)，估計(jì)新圖標(biāo)會(huì)在保留原有辨識(shí)度的同時(shí)融入新的視覺語言——比如可以參考新的 Safari 圖標(biāo)處理。

此外，如果所有按鈕圖示都變得更圓了，我也不會(huì)感到驚訝。

主屏幕

整個(gè)主屏幕系統(tǒng)都可能會(huì)迎來首次重新構(gòu)想。從 iOS 初期至今，主屏幕的復(fù)雜性和功能性都已經(jīng)大幅增加。如今我時(shí)常要在 App Library 中花時(shí)間尋找應(yīng)用。

整體來說，我認(rèn)為可以期待一種基于 AI、能夠進(jìn)行上下文感知的滑出式界面，它可以與我們熟悉的網(wǎng)格式界面共存。只是我這次沒來得及畫出原型。

滑塊與托盤

作為 iOS 界面的基本交互組件，滑塊和托盤將獲得系統(tǒng)級(jí)的新材質(zhì)處理，并對周圍的顯示環(huán)境做出響應(yīng)。

簡而言之，可以想象 UI 界面變得更加圓潤柔和，呈現(xiàn)出半透明材質(zhì)所帶來的美感。

更進(jìn)一步

這看似「簡單」的材質(zhì)更替——從色彩轉(zhuǎn)向動(dòng)態(tài)的玻璃風(fēng)格——其實(shí)具有深遠(yuǎn)的影響。

蘋果是很特殊的一家公司——這種來自 2000 年左右的標(biāo)志性界面風(fēng)格一直都與它的品牌風(fēng)格保持著緊密聯(lián)系。它的圖標(biāo)同時(shí)還是 logo，而圖標(biāo)的材質(zhì)處理則是一種設(shè)計(jì)母題，遠(yuǎn)遠(yuǎn)超越了操作系統(tǒng)平臺(tái)本身。比如你從蘋果官網(wǎng)的導(dǎo)航欄中也能看出這種一致性：

蘋果官網(wǎng)的導(dǎo)航欄基本是與不同時(shí)代的設(shè)計(jì)風(fēng)格相呼應(yīng)的：2000 年以來 Aqua 風(fēng)格的推出和成熟、2008 年 iPhone 與 Mac OS X 引入的柔和漸變，以及 2014 年以來的扁平化趨勢

我們可以合理預(yù)期它會(huì)采用某種更具動(dòng)態(tài)性的新風(fēng)格。而這本身也帶來了設(shè)計(jì)挑戰(zhàn)。

我自己非常喜歡那些富有創(chuàng)新性和趣味性的 UI ——現(xiàn)在的 iOS 早已不再是一個(gè)產(chǎn)品，而是一個(gè)完整的平臺(tái)。它的設(shè)計(jì)者要確保系統(tǒng)在各種非標(biāo)準(zhǔn)使用場景下依舊能保持美感，即便第三方開發(fā)者總是在提出各種出乎意料的界面需求。這就引發(fā)了一個(gè)問題：我們?nèi)绾斡右粋€(gè)更加復(fù)雜的新界面設(shè)計(jì)范式？

理想情況下，這將催生出全新的一套設(shè)計(jì)工具，用來構(gòu)建比一堆圓角矩形和簡單陰影效果復(fù)雜得多的界面。

回想過去，我在「舊時(shí)代」設(shè)計(jì)各種出挑的界面時(shí)，主要還是靠 Photoshop —— 并非因?yàn)樗鼘?UI 設(shè)計(jì)而生。恰恰相反，是因?yàn)?Photoshop 足夠自由，從一個(gè)簡單按鈕到綠色絨面的牌桌都可以畫出來。

如果 WWDC 公布的內(nèi)容與我設(shè)想的相近，那這將是一次真正的巨變。隨著我們的設(shè)備變得更具「環(huán)境感知」，交互界面自然也會(huì)融入更多動(dòng)態(tài)元素，我們的數(shù)字世界終于能變得與現(xiàn)實(shí)世界相契合。那些不透明、靜態(tài)、阻礙視線的 UI 元素，也許終將像命令行界面一樣成為一段歷史的標(biāo)記，被多任務(wù)圖形界面所取代。

科幻與玻璃的科幻

未來的計(jì)算界面其實(shí)很容易想象。我們在未來到來之前就已在科幻作品中設(shè)想它們的存在：iPhone 類似于《星際迷航》中的三錄儀（Tricorder）的現(xiàn)代版；很多 AI 應(yīng)用看起來像是電影《她》或《銀翼殺手 2049》中的設(shè)備。因此，各種技術(shù)概念展示中出現(xiàn)這種「玻璃的科幻」界面也就不足為奇了，比如微軟的概念視頻：

這是一套漂亮的、令人心馳神往的 UI，卻只存在于微軟廣告的幻想世界里

但現(xiàn)實(shí)中的界面，往往并沒有那么活靈活現(xiàn)。原因很簡單：一方面，視頻中的「活體玻璃」還是過于理想化了，另一方面，能夠真正在產(chǎn)品里實(shí)現(xiàn)軟件與硬件深度融合的界面渲染的企業(yè)寥寥無幾。

盡管如此，我們依舊希望界面能夠充滿生機(jī)與喜悅——正如現(xiàn)實(shí)世界一般，但我們的軟件界面大多仍然是死氣沉沉的。

這也將話題重新帶回了蘋果這兒。蘋果曾在發(fā)布會(huì)的一些特殊時(shí)刻反復(fù)強(qiáng)調(diào)：「只有蘋果能做到這件事」（Only Apple can do），這是一種設(shè)計(jì)與工程的完美結(jié)合，是技術(shù)與人文藝術(shù)的融合。、

這在今天依舊如此——只有蘋果能在硬件層面實(shí)現(xiàn)像素級(jí)抗鋸齒和流暢無中斷動(dòng)畫，才能推出如靈動(dòng)島和多任務(wù)手勢操作；只有蘋果能在 Vision Pro 上集成兩個(gè)芯片、兩個(gè)操作系統(tǒng)，以實(shí)現(xiàn) vision OS 中 UI 動(dòng)態(tài)材質(zhì)的合成。

也許，只有蘋果能夠?qū)⒛愕钠聊徊Ａзx予生命，推進(jìn)人機(jī)界面邁入下一時(shí)代。

我們將在 WWDC 上見分曉。至于我最期待的，還是或許只有蘋果能夠帶來的，那種深思熟慮、充滿靈感的設(shè)計(jì)與工程融合。

關(guān)于作者

Sebastiaan de With 是一位荷蘭設(shè)計(jì)師和攝影師，以其在科技產(chǎn)品界的工作和對攝影藝術(shù)的熱情而聞名。Sebastiaan 曾在蘋果公司擔(dān)任設(shè)計(jì)師，參與了 MobileMe（iCloud 前身）與 Find My 等項(xiàng)目，也曾為索尼、惠普、EA、甲骨文等等知名公司做過設(shè)計(jì)工作。

目前，他最廣為人知的身份是相機(jī)應(yīng)用 Halide的聯(lián)合創(chuàng)始人和設(shè)計(jì)師，這款多功能專業(yè)相機(jī)軟件自從上架以來就屢獲嘉獎(jiǎng)，幾乎成為了 iPhone 攝影的必備工具。