源自《移動應用 UI 設計模式》一書，結合行業最新演進（如側邊抽屜從 Android 普及到 iOS），系統梳理 7 大導航模式，附真實 APP 案例，助你根據業務場景精準選型。

一、 跳板式導航

特徵： 登錄界面菜單項即各應用入口，跨設備表現佳，又稱「快速啟動板」。常用 3×3/2×3/2×2/2×1 網格，亦可按優先級調整網格大小突出層次。

案例： 美圖秀秀 2×3 跳板式+分頁優先級；ASM 不規則網格突出優先級。
搭配： 常作次級導航，如「選項卡式主導航 + 跳板式次導航」（攜程首頁）。

二、 列表式導航

特徵： 最常見主導航之一。分組列表、個性化列表、行內擴展式（次級）、增強性列表（加搜索/篩選）。適合較長標題或帶次級文字。

案例： iOS 設置（分組列表）、Photo Sticker（個性化列表）、印象筆記 iOS（列表+跳板混合）、Pinterest 搜索（增強性列表）。

三、 選項卡式導航

特徵： 幾乎所有 APP 主導航首選。iOS 底部，Android 頂部。與其他模式搭配時常作主導航。

案例： Polyvore/Keep iOS（底部標籤）、Flickr Android（頂部標準）、Forever 21（選項卡+圖片輪盤次導航）、Wanelo（雙層選項卡）、Snapette（選項卡+下拉式主/次）、The Hunt（選項卡+輪盤）、RIVER ISLAND（選項卡+陳列館+抽屜）。

四、 陳列館式導航

特徵： 平面顯示內容項（文章/菜譜/照片/產品），佈局為輪播/網格/幻燈片。

案例： BBC News 首頁、淘寶二手（主導航陳列館+次導航抽屜，抽屜內再用 2×3 跳板式）。

五、 抽屜式導航

特徵： 起源 Android，現 iOS 亦常見。Android 常作主導航，iOS 常搭配其他主導航作次級。

案例： 印象筆記 Android（側抽屜主導航）、Foursquare iOS（側抽屜次導航）。

六、 儀表式導航

特徵： 度量 KPI 是否達標，每項可展開額外信息。適合商業分析、銷售、市場類 APP。

案例： 完美衣櫥統計（次級導航）、Mint/Ego（書中例子）。

七、 隱喻式導航

特徵： 頁面模仿隱喻對象（如書架、日記）。主用於遊戲，也用於幫助組織事物的應用。

選型建議

無銀彈，視業務而定：
• 內容扁平、入口少 → 選項卡/跳板式
• 內容深、層級多 → 抽屜式/列表式
• 強調發現/瀏覽 → 陳列館式
• 數據驅動決策 → 儀表式
• 追求情感/品牌調性 → 隱喻式
常見最佳實踐：主導航（選項卡/抽屜）+ 次級導航（列表/跳板/陳列館）組合。