? ? ? ?通常五鲫，硬件的外觀僅僅是作為一種體驗的容器存在，而軟件用戶界面（User Interface）的體驗岔擂，則決定了我們是否喜歡這個設備位喂。下面浪耘，就和大家看看 Apple 在界面方面做的努力。
01. 高度統(tǒng)一的設計語言
蘋果的設計語言有四個標志性特征：平滑圓角矩形 (Squircle)塑崖、陰影?(Shadows)七冲、半透明?(Translucency)?和高斯模糊 (Blurring)，它們幾乎貫穿整個系統(tǒng)规婆。從原生應用：相冊澜躺、App Store 應用商店、音樂都有這些元素抒蚜，并且高度統(tǒng)一掘鄙。
- 圓角矩形
從 iOS 7 轉型扁平化的今天，蘋果完成了對「圓角矩形」的終極運用嗡髓。蘋果引入了工業(yè)設計中連續(xù)曲率概念操漠，應用在圓角圖標的輪廓之上。
但真正意義上的運用器贩，體現(xiàn)在 iPhone X 發(fā)布之后颅夺。得益于 OLED 柔性屏和 COP 封裝朋截，iPhone X 四邊等寬的機身達到了最高的設計美學蛹稍，屏幕的外輪廓也追隨機身形態(tài)，于是就有了圓角的 Dock部服。
在《以匠心唆姐，致設計》這本書中有提到蝸牛讀書App，在大的彈窗和卡片引入了曲率圓角廓八。雖然這是一個很細節(jié)的設計奉芦，甚至感知不到。但它就是設計師不斷追求的東西剧蹂。
-?陰影声功、半透明和高斯模糊
投影可以凸顯內容的重要性，半透明和高斯模糊暗示背后有更多的內容宠叼，同時可以保持界面輕盈先巴、通透。
相對于 iOS 12冒冬，iOS 13 將半透明的特性更進一步伸蚯。除了迷你播放器之外，Apple Music 的底部導航菜單也變成半透明+高斯模糊了简烤。
細心觀察剂邮，微信同樣認同這種語言，在頂欄和底欄做了微弱的半透明和模糊横侦。
而系統(tǒng)相冊的更新挥萌，則延續(xù)了 App Store 應用商店的卡片樣式绰姻。至此，圓角引瀑、投影龙宏、半透明和高斯模糊，這四個特征在相冊界面皆得到了印證伤疙。
02.?極致的圖標細節(jié)
- 語音備忘錄
就拿語音備忘錄來說银酗，它的音軌圖形并不是隨意畫出來的。而是用錄音功能徒像，說出“Apple”這個單詞黍特，所呈現(xiàn)的音軌波形。
而且锯蛀，還有一個小細節(jié)是灭衷，語音備忘錄是唯一支持180°豎屏旋轉的自帶應用。因為它常見的使用場景是采訪旁涤，需要將手機底部的麥克風對著受訪者翔曲，而這時圖形界面是反的。所以支持旋轉劈愚，這是一個基于用戶使用場景的細節(jié)設計瞳遍。
- 地圖
在蘋果地圖 App 圖標上有一個角標「280」，它代表的是蘋果所在的總部位置菌羽，一條位于美國加州 280 州際公路附近掠械。
另外，新的圖標里注祖，右上角露出了 Apple Park 猾蒂，也就是我們熟知的飛船圖形，這和實際的平面地圖完全吻合是晨。
- Safari 瀏覽器
新的 Safari 圖標肚菠，磁針的角度由原來的45°變成了50°。有一個頗有意思的解釋是罩缴，地磁的北極在一直在持續(xù)向北移動蚊逢，在過去的150年里偏移超過1000公里。這個說法顯然更具有故事性靴庆，但事實并非如此时捌。因為磁極向北，那么磁針角度應該越來越小才對炉抒，而不是增大奢讨。
實際上，45° 改為 50° 是出于視覺上的修正。左邊舊的圖標拿诸，45°磁針剛覆蓋的是短的刻度條扒袖，被倆長刻度條相夾，略顯擁擠亩码。而新的圖標剛好相反季率，50°磁針相鄰是短刻度，視覺上更具空間感和韻律感描沟。
- 時鐘
大家都知道時鐘 App 的圖標時間是和系統(tǒng)時間同步的飒泻，秒針也會勻速轉動。重點來了吏廉，長按時鐘 App 泞遗，秒針的運動方式由勻速變成滴答滴答機械式轉動了。
03.?利用視覺線索
為什么蘋果系統(tǒng)上手容易席覆？在現(xiàn)實世界中史辙，有些東西你一看就知道它如何使用，比如門把手佩伤、無印良品的CD機聊倔。
這里有個心理學的概念：示能?（Affordance），在iOS 中也建立了類似的機制生巡。用戶借助以往的經驗耙蔑，通過圖形，預期下一步的行為或感知它的是做什么的障斋。
比如纵潦，左邊有一列滾動內容徐鹤，你可以在底部裁剪掉半個文字垃环，讓人嘗試著去發(fā)現(xiàn)下面還有更多的內容。如果有好幾頁內容返敬，那就可以用頁面指示物遂庄，來引導還有其他幾頁內容。
對于滑動窗口內容劲赠，你可以用像這樣的一個把手來暗示它是可以被抓取并滑動的涛目。
04.?隱喻
好的設計是有溝通力的，隱喻?(Metaphors) 就是一種很好的方式凛澎，它同時也是 iOS 六大設計原則之一霹肝。
-?時間隱喻
很多人覺得 UI，不就是顏色塑煎、間距那些東西嗎沫换，好像沒什么可設計的。那我們且看最铁，iOS 短信界面是怎么處理的：
短信氣泡的背景顏色是有深淺變化的讯赏，信息越早垮兑，顏色越淡。
連發(fā)兩條信息漱挎，它們上下的間矩是很小的系枪，并且只有下面的信息氣泡有角標。
如果發(fā)送的間隔時間長一點磕谅，短信的上下間距會變大私爷。
蘋果就這樣通過顏色漸變、間距膊夹，完成了對時間的隱喻当犯。
-?速度隱喻
蘋果系統(tǒng)有一項“朗讀屏幕”的功能，雙指從屏幕頂部向下輕掃割疾，即可呼出嚎卫。將 iPhone 或 iPad 上的文檔、網頁或微信里的文字讀出來宏榕，幫助你將閱讀變?yōu)槔首x拓诸。
當然，你也可以控制系統(tǒng)朗讀的語速麻昼，Apple 很形象的將龜兔賽跑的圖標奠支，隱喻在速度之上。當一個應用程序的虛擬界面是植根于熟悉的真實世界時抚芦，那么用戶會學習的更快倍谜。
05. 設備同步
蘋果的音頻產品線有很多，諸如 Airpods叉抡、Airpods Pro尔崔、Beats Solo、HomePod褥民、Powerbeats3季春，每一個都有各自的圖標。不管你連接哪個消返，都會同步顯示具體設備载弄。
比如，當你手機連接了 AirPods Pro 撵颊，電話界面的音頻喇叭 icon 會變成? AirPods Pro 的 icon宇攻。另外，AirPlay 功能可以連接多個揚聲器倡勇，甚至新舊款的 iPhone 圖標都有區(qū)分逞刷。
同樣，如果你有 Powerbeats3 耳機，并且系統(tǒng)是最新的iOS 13亲桥。當你調節(jié)音量的時候洛心，喇叭 icon 同樣會變成 Powerbeats3 耳機圖標。
06. San Francisco 字體的秘密
舊金山字體現(xiàn)在是 Apple 平臺統(tǒng)一的標準字體：被應用在 Apple Watch题篷，iPhone词身，iPad和Mac上，取代了以前的 Helvetica Neue番枚。
新字體有些微妙的變化法严，最讓我印象深刻的是冒號「 : 」的顯示方式。正常情況下葫笼，冒號是在基線上深啤，視覺感知會偏下。但如果冒號是放在數(shù)字中間路星，系統(tǒng)會將它垂直居中對齊溯街。
除此之外，「?#」符號中間的開口是個非平行切口洋丐，這是特意被增大處理的呈昔。因為 # 的字號在縮小到一定程度的時候，切口會難以識別友绝。所以視覺上需要更多的空白堤尾，提高可讀性。
07. 非線性動畫
用戶體驗有一個重要性能指標是：響應速度（Speed Index）迁客。隨著硬件設備的不斷提升郭宝，不可否認的是，現(xiàn)在的 Android 啟動速度比 iOS 更快掷漱，但是粘室，蘋果加入了很多非線性動畫，以及穩(wěn)定的幀率表現(xiàn)切威，在流暢度方面 iOS 更勝一籌育特。
解釋下非線性動畫，就是一開始很快先朦，最后慢慢慢下來。比如犬缨，打開任意一個 App 的過程動畫喳魏、鍵盤拉起時的瞬間，以及 iOS 13 控制中心黑暗模式快捷切換怀薛，這個icon 動畫同樣用了非線性刺彩。
還有一直被詬病的音量和靜音調節(jié)，終于得到解決。原先的大 Toast 提示會擋住當前內容创倔，現(xiàn)在改到居頂顯示嗡害，并加入物理衰減鈴鐺動畫，極為真實畦攘。
總結
在?Apple 的界面視覺中霸妹，我們看到了各種隱喻和暗示，我們看到了非線性動畫帶來的流暢體驗知押，我們看到了雕刻細節(jié)的過程叹螟。它是設計師不斷追求的東西，最終給用戶呈現(xiàn)的是額外禮遇般的的產品體驗台盯。
