內置的適應性
在iOS 8及之後的系統中,開發者可以使用尺寸類和自動佈局工具,設計不同設備下應用的佈局。
iOS中有兩類尺寸:Regular和Compact。
通過指定水平向和垂直向的尺寸類,即定義了顯示環境的類別。
iOS系統會根據尺寸類的變化自動做出佈局上的改變。例如垂直尺寸類從Compact變成Regular時,導航欄和工具欄會自動變高。
在同一個尺寸類中,再使用「自動佈局」對佈局進行微調。
- iPad設備在橫屏、豎屏模式下水平、垂直向尺寸類都是Regular。
- iPhone 6 Plus在橫屏模式下水平向尺寸類是Regular,垂直向尺寸類是Compact;在豎屏模式下水平向是Compact,垂直向是Regular。
- 其它iPhone設備在橫屏模式下水平、垂直向尺寸類都是Compact;在豎屏模式下水平向是Compact,垂直向是Regular。
在各個環境中都提供優秀的用戶體驗
- 在各個環境中,始終關注主要內容。主要內容不應該隨着設備尺寸的改變而改變。
- 避免佈局上無謂的改變。例如,如果在寬尺寸下用網格展示的圖片,沒有必要在窄尺寸下改成用列表展示,而是可以改變網格的尺寸。
- 如果應用只支持某一個方向,最好支持該方向上的兩種變化(旋轉180度切換)。
通過佈局傳遞信息
佈局不僅僅是UI的樣式,它還可以告訴用戶內容的重要性和關聯性。
- 一般把最重要的內容放在左上角。
- 通過視覺告訴用戶區別內容的重要性。
- 通過對齊元素建立層級結構。
- 確認用戶在默認狀態下即可以看到主要內容。例如用戶不需要滑動滾動條才能看到重要內容,或者不需要縮放才能看清楚主要圖片。
- 對用戶改變字體的可能性做好準備。
- 盡可能保持應用中UI的一致性。功能類似的元素,樣式也應該類似。
- 給予可交互的元素足夠多的尺寸和空間,使用戶很容易操作。可點擊的元素尺寸至少有4444。*