世界建築大師密斯·凡·德羅被要求用一句話描述其成功的原因時，他就用了這句“魔鬼藏在細節”作了回答。
蘋果作為一個設計和商業完美結合的公司。
下面，就和大家聊聊 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 短信界面是怎麼處理的：
另外蘋果還有有一項“朗讀屏幕”的功能。將 iPhone 上的文檔、網頁或微信的文字朗讀出來。
你可以控制系統朗讀的語速快慢，
龜兔賽跑圖標
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 的界面視覺中，我們看到了各種雕刻細節的過程。它是設計師不斷追求的東西，最終給用戶呈現的是額外禮遇般的的產品體驗。
文章轉載自公號：洋爺 ，已獲得授權。