有限屏幕下保持清晰合理、簡潔美觀，關鍵在於根據產品目標、用戶動機選擇合適的「框架佈局」。iPhone 官方定義三類應用，各有專屬佈局模式：

1. 效率型應用——任務導向，快速完成

特點： 組織操作具體信息（社交、銀行等），體驗精簡不阻礙工作，重點在任務：快速開始、找到信息、完成操作、離開。清晰層級、便捷檢索、降低學習成本、高級功能隱而可得。

五大經典佈局模式

A. 九宮格：首屏分類入口，圖文網格排列，適合豐富內容聚合展現。

B. 折疊列表：避免長頁滾動，兩級列表分組展開，適合同頁大幅內容展示。

C. 圖片列表：全圖直觀呈現，便於快速檢索，視覺愉悅。

D. 旋轉木馬：線性/循環內容組織，充分利用有限空間聚焦展示。兩種形式：全屏入口型、頂部多項目型。

E. 側滑分屏（三屏模式）：左屏導航、主屏內容、右屏擴展。Path 2.0 顛覆 iOS 指南，極簡主屏，左側承載導航與擴展性。

2. 實用型應用——單一功能，即開即用

特點： 任務對輸入要求低，快速查看摘要或執行簡單任務。最小化安裝、簡單流程、標準化元素。專注一功能、一層級呈現、無深層次、設置置於背面。

佈局模式

• 平面列表： 易瀏覽、僅必要信息、無深層級，底部顯示視圖數量供順序切換。
• 全屏擬物化： 指南針、溫度計等，全屏突出功能，一目了然。
• 極簡操作界面： 突出主功能，無多餘操作/設置，快速完成。

3. 沉浸型應用——極致娛樂，完全個性化

特點： 聚焦核心內容，富媒體表現（聲光色效），不拘泥系統控件，設計自由度高，擬真/可愛風格易出彩。

佈局模式

• 遊戲全屏： 佔據狀態欄，橫屏為主，無任務導向干擾，探索中獲獎勵；
• 媒體全屏： 電子書/視頻，內容佔滿屏，點擊喚出浮動控制層；
• 特定任務全屏： 錄音、拍照、圖片處理，底部輔助操作鍵，自定義界面配合環境，後台數據處理不干擾用戶。

總結：有限空間內合理佈局，根據應用類型、產品定位、用戶目標選擇模式，敢於打破常規，設計賞心悅目產品。

文章來源：百度 MUX