動效乾貨 | 系統動效設計：統一的時空、正確的景深（對比 iOS 11 和 iOS 7）

2017年微軟公布 Fluent Design System，其中「Depth」是最重要的屬性，它承載了未來頭顯類產品的3D空間UI系統。

早在2015年，Google 發布 Material Design 的時候就把「深度」作為一個非常重要的內容。他們使用投影來製造深度的視覺感受。

而在更早之前的 iOS 版本就加入了毛玻璃效果，直接突顯界面的層級關係。雖然他們當時沒有透露他們的計劃，但今天的 iOS 11 已經逐步把他們的空間系統完善了。

帶景深的交互元素在遊戲領域使用得更早，恐怕在上個世紀第一個3D遊戲出現的時候就有了。

這篇文字只分析 iOS 7 與 iOS 11 兩個版本之間的一些區別，以小見大。

一、iOS 7 的「桌面」「多任務」「應用」大隔離。

顯然 Apple 的設計師和工程師不是全知全能的，他們在 iOS 7 的動效設計上就犯過一些錯誤。

iOS 7 從桌面打開 App 的動畫是把整個窗口放大到目標 icon 上：

這個動畫很多 Android 廠商都跟進了，但顯然他們並不知道 iOS 為什麼要這樣做：）

按照這個動畫的邏輯：

• 從桌面可以鑽到 App_A 里。（直觀結論①）

進入多任務發現App_A在這裡，其他App也在這裡。而剛才的桌面也變成一個類似 App 一樣的卡片被放在一邊：

按照這一步的邏輯：

• 多任務是一個後台，或者集合地的地方。這裡集中展示後台的App們。（直觀結論②）
• 桌面是另外一個App，和App_A是平等的，只不過它的排名第一，你不能清除它。（直觀結論③）

這個設計也有 Android 廠商跟進，但顯然他們並不知道 iOS 為什麼要這樣做：）

結合直觀結論①②③可以發現，桌面、App、多任務他們每個都是獨立的，像平行宇宙一樣，並不存在同一時空。實際上操作起來也是這樣。你可以從桌面鑽到 App_A 里，在 APP 時抬頭看看（到多任務），看到左邊又有一個桌面，然後你可以再鑽到這個桌面，續而再鑽到 App_A。這個過程你可以一直向前穿越，循環往複，沒有終點：

「桌面」「App」「多任務」之間的動畫就像蟲洞一樣連接著3個平行宇宙，它們並不在同一個時空。這個就是我所說的「大隔離」。這是一個設計上的失誤。

（但顯然他們並不知道這是 iOS 的一個失誤：）

二、iOS 11 統一的時空，正確的景深。

幾年來 iOS 用戶體驗持續進步，最終還是解決的「大隔離」的問題。

現在 iOS 的桌面和壁紙被當做「環境」「背景」一樣的存在，App被打開是被送到眼前。而桌面這個「背景」則遠離，並且搭配景深模糊效果，這個在同樣在影視、遊戲界習以為常的手法。

進入多任務時，桌面並沒有變成一張卡片，它仍然像背景一樣，存在於更遠處。

iPhone X 在底部左右滑可以切換App，App的順序就是多任務列表裡的順序。這就是說多任務一直都在那，彷彿你稍微抬起頭來就能看到它們。你能知道哪裡是最深，哪裡是最淺；什麼東西在左，什麼東西在右。

在 iOS 11 里，「桌面」「應用」「多任務」第一次統一的存在於同一個時空當中。當然這種設計早在 macOS 里就存在了，只不過各個App都是窗口，並不是獨佔整個屏幕。windows 10 也跟進了這種設計。頭顯設備則是必須要使用這種「統一的時空」「正確的景深」的設計，不然會玩吐的，120幀都救不了。

2018年各大 Android 廠商可以盡情的跟（chao）進（xi）這個設計，因為它是對的。至少不會像當年跟進 iOS 7 時一樣被人嘲笑了。

當然，我還是比較傾向於多元化，期望能見到更優秀的設計。

突然想再多聊幾句：

一、「多任務GUI界面」在軟體架構中的性質。

（iOS 的系統架構我不得而知，這裡只是我的猜測。如果有那位比較了解的還請指教。）

我猜 iOS 早期版本的「多任務GUI界面」很可能不是系統級的，而是一個獨立的 App 或者說 Activity。進入多任務比較像進入了一個 App，用戶在這個叫「多任務」的 App 里進行操作。

Android 我比較了解，它的多任務就是一個獨立 Activity。在這種軟體架構下，比較難做到（或者說體驗上做好）把「桌面」顯示在「多任務」的背景上。

而交互上必須提供一個從多任務去到桌面的入口。於是出現了把其他App和桌面都放在卡片列表裡的做法。這其實很不直覺，是軟體邏輯，不是人類邏輯。

另外稍早一些的 Windows phone 8 也是這樣做的。iOS 7 是不是單純在跟進它，我不得而知。

iOS 11 的「多任務GUI界面」很可能已經做到系統層級，就如我們看到這樣，很自然很直覺。

二、用戶習慣的力量是可怕的。

可怕到人們習慣了一種模式後，會無腦反對新模式。

三、關於Palm

評論區 @胡點Vivian 提到的 Palm 和 iPhone X 很相似。

掛一個視頻：

https://www.youtube.com/watch?v=4nRouy5VYbIwww.youtube.com

可以看到在 Palm Pre 里，桌面本身就是多任務。滑底部可以在桌面上切換App。而應用列表則集中到了一個類似工具箱的存在。這是另外一種空間模型。我認為它的問題是查找應用列表不方便，桌面的隱私也存在問題。

不過在頭顯類設備里，旁人是不能直接觀看使用者的視窗的，隱私問題可能不存在。

• 視窗 = 環境
• App們都存在於環境
• 多任務可以存在於環境
• 原始的桌面、多任務的概念可能不會存在。它們都只是環境的另一種姿態而已。
• 應用列表 = 工具箱

這類空間模型在頭顯設備里會不會復活，我猜很有可能。

另外抱歉 Palm 對我來是一個很古老的東西，WebOS 到死的那一天我都還沒有進入這個行業。直到最近我才陸陸續續看到相關的資料。我可能就是那批「生來就覺得手機屏幕應該可以滑」的人，我也生來就覺得軟體系統也應該要有空間概念。

推薦閱讀：