蘋果官方指南太長？這10條規範總結幫你抓設計要點！

如果你是 UI 設計師，多少都接觸過蘋果的人機界面設計指南吧？這份在被奉爲圭臬的設計指南當中，融入了幾十年來最爲經典、實用的設計規範和技巧，它非常易讀且易於理解。

這份人機界面指南當中所包含的知識，毫無疑問是價值非凡的。很多設計師同學，平時大都只是泛泛得掃讀其中的內容，但是如果你正身處某個設計項目當中，結合某些需求和問題再來閱讀的時候，會發現其中很多設計規則背後所隱藏深意和遠見。

最近幾個月，我一直在開發 iOS APP，這個過程中，我對於這個設計規範有了更爲深入的理解，同時也注意到很多關鍵的設計要點。今天這篇文章，我就結合我近期的實際經驗，分享 10 篩選自蘋果的 iOS 人機設計指南的關鍵要點，對於正在設計 APP 的同學而言，應該頗有幫助。

1、在各種光照條件下測試配色方案

「在不同的氛圍、一天中不同時間和天氣之下，室內和室外的光照狀況是截然不同的。當你想將你的 APP 應用在現實世界當中的時候，你在屏幕上看到的色彩並不總是是相同的。所以，你始終要在多種不同的光照情況下（包括不同天氣的戶外）來預覽你的 APP，查看顏色的顯示是否合適。如有必要，在此基礎上調整色彩，讓配色在絕大多數情況下都可以提供最佳的體驗。」—— 蘋果色彩設計準則

其實 Sleep Cycle 這個 APP 就是一個典型的例子，這個 APP 就使用了令人非常舒適的深色配色，讓你的眼睛在深色和淺色模式下都可以非常輕鬆地瀏覽信息，尤其適合睡前設置鬧鐘這種使用場景。

除了配色之外，我還要補充一點，就是很多上下文環境和交互都會影響用戶的行爲。所以用戶需要考慮到用戶在使用應用所處的位置、時間階段以及情緒狀態。

其實，你仔細審視，會看到很多或好或不好的案例。導航類應用應該是需要閱讀和觸摸操作最少的，Kindle 確保了用戶在戶外閱讀的時候不會顯得屏幕刺眼，筆記類應用基本都可以離線使用，等等。

如果你打算設計一款用於慢跑的 APP，那麼你同樣要考慮環境和條件約束。

Shopify 上有一篇很棒的文章，教你如何充分利用環境因素來進行設計。

2、儘可能延遲用戶登錄

「用戶經常在執行有效的操作之前，就被迫要求登錄帳號，這種情況使得很多用戶放棄使用 APP。你得在作出承諾之前，讓用戶有機會愛上你的 APP。在購物類 APP 當中，你應該讓用戶可以隨便瀏覽各種商品，並且在需要購買的時候再提醒他們需要登錄。在流媒體應用當中，讓用戶可以隨意瀏覽絕大多數內容，並且讓一部分內容在登錄後才能看到就行了。」——蘋果授權登錄設計準則

蘋果在設計規範當中，敦促設計師儘可能重新審視登錄的機制，如果可能，甚至完全刪除登錄和註冊這樣的環節。

不幸的是，我們絕大多數的應用是不太可能刪除登錄機制的。不過，我在設計 APP 的時候，已經儘量將註冊環節往後挪了，確保用戶在體驗過產品，基於實際產品調整預期之後，再主動註冊。

引入外部帳號機制來註冊登錄也是一個頗爲不錯的選擇。我現在正在使用密碼自動填充、Facebook 帳號登錄、Google 帳號登錄、Apple 帳號登錄以及電子郵件註冊登錄這幾種方式。

3、讓 APP 的色彩模式跟隨系統的色彩模式

深色模式已經在各個系統中大規模應用了，在 iOS 中更是如此。

「如果給某個 APP 提供特定的色彩模式，那麼可能會加大用戶的工作量，他們可能需要調整更多設置來確保系統的統一性和舒適性。更糟糕的是，APP 如果不跟隨系統色彩模式，用戶可能會認爲 APP 已經損壞，無法跟隨他們在系統內所設置的外觀選項。」—— 蘋果深色模式指南

4、儘快展示內容

不要讓展示內容和啓動頁/閃屏混淆。啓動頁通常用來介紹頁面的元素、功能。

「如果你的應用程序在啓動頁預覽的效果，和實際的頁面看起來不一樣，用戶可能會因爲這這種不一致和不對應感到不適。另外，請讓你的啓動頁和設備當下的色彩模式保持一致，具體請參閱深色模式的說明。」—— 蘋果的啓動屏設計準則

「不要讓屏幕上所有內容都加載好了之後再顯示，並且讓用戶一直等着。當用戶點擊之後，APP 最好立即顯示，可以使用佔位符文本、佔位符圖片或者其他的內容來標識內容正在加載，當前不可用。當內容加載好了之後，再替換這些內容。只要有可能，儘量在後臺預加載好，比如轉場動畫，系統的導航菜單，等等。」—— 蘋果的加載設計準則

5、充分利用系統提供的色彩

在進行設計的時候，對於文本、符號、圖標等視覺元素，儘量調用系統預製的配色，這能夠幫你省去超多工作量。

「iOS提供了一系列的系統配色，這些配色能夠自動匹配符合需求的色調和飽和度，並且能夠和系統的可訪問性的設置相聯動，比如自動增加對比度、降低透明度等等。在系統的深色模式和淺色模式下，這些預製的色彩不論是自單獨使用還是組合使用，效果都會頗爲突出。」

「不要在你的應用當中使用色彩編碼將這些色彩給定死，系統提供的這些色彩僅供你在設計過程中參考，實際應用場景中，這些實際的色彩的數值在後臺會隨着環境變化而在一定幅度內波動，開發的時候，始終使用 API 來定義色彩，有關開發人員的文檔請參考 UIColor 這一文檔。」—— 蘋果色彩設計準則

「SF Symbols 提供了一套超過 1500 款風格一致、高度可配置的字符，你可以在 APP 中輕鬆使用它們。蘋果設計的 SF Symbols 和 San Francisco 系統字體可以無縫地集成，兩者可以在粗細、大小上自動保持光學垂直對齊。你可以在 iOS 13 及更高版本、watchOS6 及更高版本、以及 tvOS 13 及更高版本上使用 SF Symbols 。」—— 蘋果 SF Symbols 使用指南

6、使用熟悉且易於理解的詞彙

「技術可能會令人生畏，儘量避免使用用戶可能不理解的縮寫和技術術語。使用用戶容易理解和接受的短語。通常，吸引所有人的應用程序，應該避免使用技術含量過高的詞彙，而專業術語適合特定技術人員所用的 APP。」

「採用相對非正式、友好的語氣來進行表述。非正式的、平易近人的語言風格，能讓語言表達像您午餐時與人聊天那樣自然，這樣可以讓你於用戶之間的距離更近。」—— 蘋果術語使用指南

這裏最重要的一點，是要了解你所面對的用戶。如果你面對的是一個非常普通的用戶，那麼你可能要避免使用術語。如果的 APP 的用戶是一個高度專業化的建築師團隊，那麼你可能要採取截然不同的呈現方式。

7、預測併爲用戶提供幫助

「主動預測用戶可能會在哪個環節被困住，比如在用戶暫停遊戲的時候，提供相關的引導和幫助。如果用戶第一次錯過某些內容，那麼應該提供一個入口讓用戶可以重複觀看教程。」—— 蘋果 APP 體系結構設計準則

添加快速提示、常見問題、幫助中心或是聊天機器人，都可以有效地幫助用戶解決困惑。

在我創建 APP的過程中，我會在一些界面中添加幫助圖標，教育用戶有關的操作，這樣可以使得我的界面保持整潔。如果需要，我還會提供一個幫助用戶瞭解更多的額外按鈕。

8、必要時幫助用戶避免信息丟失

「無論是使用滑動關閉手勢、還是使用關閉按鈕，如果這一操作可能會導致用戶的內容丟失，那麼請提供相關的情況說明，並且提供解決信息丟失的解決方案。」—— 蘋果設計模式指南

「除非取消或者刪除，用戶始終可以保留現有的信息和內容，這纔會讓用戶感到放心。通常，不需要讓用戶手動來保存，而是要在用戶打開或者關閉文件、或者切換到其他的 APP 的時候，定期自動保存更改。不過，在一些特定的情況下，比如編輯現有的文件，或者需要確認當前的內容的時候，保存和取消的操作同樣有意義，這個時候的自動保存可能並不符合用戶的需求。」—— 蘋果文件處理準則