iPad 以 9.7 英寸大屏、多點觸控、多方向旋轉、高性能圖形渲染,開創了介於手機與電腦之間的全新交互範式。Apple 官方人機介面指南(HIG)提煉出的核心準則,至今仍是大屏觸控設計的標桿。本文結構化整理關鍵指導原則。
核心哲學三支柱
- 淡化 UI,聚焦內容:界面為內容服務,控件極簡化、隱性化
- 真實感與美感並重:材質、光影、動畫模擬物理世界,超越物理世界的誇張表現更迷人
- 充分利用硬件能力:多點觸控、重力感應、高分屏、雙核算力,創造原生體驗
全方位旋轉支持:無默認方向的設計智慧
- 用戶無「正向」概念:雙手持握、場景多變,用戶不認為設備有默認方向
- 核心內容錨定:旋轉時主內容保持焦點,不因旋轉而改變閱讀位置
- 輔助信息自適應重排:
- 橫屏:側邊分欄(如郵件列表在左、正文在右)
- 豎屏:Popover 氣泡框彈出輔助信息
- 遊戲類:調整遊戲區域比例,新增空間承載輔助 UI,而非暴力拉伸
- 旋轉動畫輔助定向:佈局大幅變化時,用淡入淡出、滑動等動畫幫助用戶理解空間關係
- 啟動圖雙向適配:提供 1024×748(橫)與 768×1004(豎)兩套啟動圖
- 特例處理:僅支持單一方向的 App(如特定遊戲),啟動時直接進入目標方向,不提示用戶旋轉;若旋轉本身是遊戲操作(如迷宮球),則鎖定顯示方向
信息扁平化:大屏紅利的核心兌現方式
利用分欄視圖、Popover、工具欄分段控件、標籤欄,將 iPhone 必須多層級鑽取的信息「攤平」在單屏可見範圍內。
減少全屏切換:保持視覺連續性
原則:寧願轉換局部視圖/組件,不做全屏切換。保持用戶空間定向感,降低認知負荷。
增強協作與分享:私人設備的社交屬性
iPad 尺寸適合雙人共讀、會議演示、家庭共享。設計應支持:並排對比、輕鬆投屏、多用戶會話隔離、內容一鍵分享至社交網絡。
真實感設計:材質、動畫、圖形的三重奏
- 材質隱喻:皮紋筆記本、木質書架、金屬旋鈕——但不必照搬,誇張化處理往往更傳神
- 動畫遵循物理規律:慣性滾動、彈性回彈、重力感應傾斜,違背物理直覺的動畫會產生「詭異感」
- 高分屏下的圖形深度:利用視網膜屏優勢,增加材質細節、陰影層次、微動效豐富度
弱化界面控件:隱形的引導者
- 減少控件數量與視覺突出度
- 創建符合產品風格的自定義控件:既不搶戲,又易發現
- 工具欄、導航欄、標籤欄融入內容視覺體系
最少模態原則:只在必要時打斷
模態視圖僅用於:必須引起注意的關鍵信息、防止誤操作導致不可逆數據丟失。其餘場景優先用非模態 Popover。
重新思考列表:從效率到美感
iPhone 聯繫人是高效列表;iPad 通訊錄是美觀的卡片牆,單元格承載更多信息(頭像、標籤、常用操作),選中態觸發語境操作欄。
多點觸控與 Popover 策略
- 支持自定義多點手勢,但拒絕非標準手勢,單一命令單一手勢
- Popover 兩種模態:模態(周圍暗化、需明確關閉)、非模態(點擊外部關閉)
- 決策樹:需多種輸入/多級鑽取/主視圖可並行操作/輕量高頻任務 → Popover;深度投入/核心功能/一次性任務 → 模態視圖
- 模態任務複雜度上限:單一子任務、清晰單一路徑、明顯安全退出
淡化文件管理:以內容為中心
無文件系統暴露、無權限概念、無層級選擇對話框。文檔選擇器應:高度圖形化、最少手勢到達、支持預覽、內建創建新文檔入口。水平滾動瀑布流優於垂直列表。
這套準則的底層邏輯是:尊重大屏觸控媒介的獨特屬性,而非單純放大手機 App 或縮小桌面軟件。十年過去,SwiftUI、iPadOS 階段管理、Apple Pencil、外接鍵盤/滑鼠支持進一步豐富了這套體系,但核心哲學始終未變。