iOS人機交互指南(01)——爲iOS設計

UI設計基礎

設計三點原則

1. 遵從：UI幫助用戶更好地理解內容並與之交互，而不是喧賓奪主。
2. 清晰：文字和圖標清晰且表意清楚；聚焦功能，減少裝飾。
3. 層次(Depth)：多層次的視覺和動畫效果賦予了UI活力，這有助於用戶的理解，並在使用時獲得愉悅感。

設計步驟

1. 把應用核心功能和UI相關聯，確認相關性。
2. 用iOS的設計三準則指導UI和用戶體驗設計。謹慎地添加必要的細節。
3. UI設計儘可能多地適應不同設備和場景。

專注於內容和功能，對傳統、假想保持懷疑。

UI遵從內容

• 利用好全屏。
• 重新思考現實世界的視覺標誌：裝飾使得UI變得厚重，分散了用戶對內容的注意力。
• 使用半透明UI元素，告知用戶當前內容所處的上下文：在iOS中，半透明物體只會模糊它後面的區域，而不會模糊屏幕的其它區域。

清晰、清楚

• 重要內容和功能附近有大量留白。
• 用顏色簡化UI：可以用顏色體現重要內容和交互。同時也給App打造了一致的視覺系統。
• 使用系統內置字體：它會隨着設置的字體大小自動調整間距和行高等參數。不管使用哪種字體，一定要是Dynamic Type的。
• 擁抱無邊框按鈕：按鈕通過上下文、顏色、表示操作的名字等暗示其本身的交互性。某些情況下，也可以給按鈕加邊框或給背景着色。

通過層次交流

• 半透明物體引起的視覺上的層級關係。
• 過場動畫。