世界建築大師密斯·凡·德羅被要求用一句話描述其成功的原因時，他就用了這句“魔鬼藏在細節”作了回答。

蘋果作為一個設計和商業完美結合的公司。

下面，就和大家聊聊 Apple 在介面設計中的魔鬼細節。

01. 極致的圖示細節

就拿語音備忘錄來說，它的音軌圖形並不是隨意畫出來的。而是用錄音功能，說出“Apple”這個單詞，所呈現的音軌波形。

語音備忘錄 & Apple單詞的音軌

而且，還有一個小細節是，語音備忘錄是唯一支援180°豎屏旋轉的自帶應用。

因為它常見的使用場景是採訪，需要將手機底部的麥克風對著受訪者，而這時圖形介面是反的。所以支援旋轉，這是一個基於使用者使用場景的細節設計。

地圖背後細節

在蘋果地圖 App 圖示上有一個角標「280」，它代表的是蘋果所在的總部位置，一條位於美國加州 280 州際公路附近。

另外，新的圖示裡，右上角露出了 Apple Park ，也就是我們熟知的飛船圖形，這和實際的平面地圖完全吻合。

蘋果新總部位置

Safari 瀏覽器

新的 Safari 圖示，磁針的角度由原來的45°變成了50°。

有個解釋是，地磁的北極在一直在持續向北移動，在過去的150年裡偏移超過1000公里。這個說法顯然更具故事性，但事實並非如此。

實際上，45° 改為 50° 是出於視覺上的修正。左邊舊的圖示，45°磁針剛覆蓋的是短的刻度條，被倆長刻度條相夾，略顯擁擠。

而新的圖示剛好相反，50°磁針相鄰是短刻度，視覺上更具空間感和韻律感。

時鐘

大家都知道時鐘 App 的圖示時間是和系統時間同步的，秒針也會勻速轉動。

重點來了，長按時鐘 App ，秒針的運動方式由勻速變成滴答滴答機械式轉動了。

時鐘 App 滴答動畫

02.簡訊介面

很多人說UI，不就是顏色、間距那些東西嗎，好像沒什麼可設計的。那我們看，iOS 簡訊介面是怎麼處理的：

你可以控制系統朗讀的語速快慢，Apple 很形象的將龜兔賽跑的圖示，隱喻在速度上。

龜兔賽跑圖示

03. 裝置圖示同步

蘋果的音訊產品很多，諸如 Airpods、Airpods Pro、Beats Solo 等等每一個都有各自的圖示。不管你連線哪個，都會同步顯示具體裝置。

比如你手機連線了 AirPods Pro ，音訊介面圖示 會變成 AirPods Pro 的 圖示。

甚至新舊款的 iPhone 圖示都有區分。

同樣，如果你有 Powerbeats3 耳機，並且系統是最新的iOS 13。

當你調節音量的時候，喇叭圖示也會變成 Powerbeats3 耳機圖示。

Powerbeats3 圖示

—

04. 字型的祕密

舊金山字型現在是 Apple 平臺統一的標準字型，取代了以前的 Helvetica Neue。

冒號的居中對齊優化

新字型有些微妙的變化，最讓我印象深刻的是冒號「 : 」的顯示方式。

正常情況下，冒號是在基線上，視覺感知會偏下。但如果冒號是放在數字中間，系統會將它垂直居中對齊。

—

05. 非線性動畫

不可否認的是，現在的 Android 啟動速度比 iOS 更快，但是，蘋果加入了很多非線性動畫，以及穩定的幀率表現，在流暢度方面 iOS 更勝一籌。

iOS 13 黑暗模式切換動畫

解釋下什麼叫非線性動畫？

就是一開始很快，最後慢慢慢下來。

比如，開啟任意一個 App 的過程動畫、鍵盤拉起時的瞬間，以及 iOS 13 控制中心黑暗模式快捷切換，這個icon 動畫同樣用了非線性。

iOS 13 靜音開關動畫

還有一直被詬病的音量和靜音調節，終於得到解決。現在加入物理衰減鈴鐺動畫，極為真實。

—

總結

在 Apple 的介面視覺中，我們看到了各種雕刻細節的過程。它是設計師不斷追求的東西，最終給使用者呈現的是額外禮遇般的的產品體驗。