優秀導航如大象無形——無論瀏覽好友動態還是租車服務,完美導航讓用戆憑直覺操作、輕鬆完成任務。導航樣式千變萬化,但主菜單導航核心模式僅六種。本文深度解析各模式特點、適用場景與實戰案例。

又稱「快速啟動板」。登錄界面菜單項即各功能入點。無特殊 OS 要求,各設備表現優異。Facebook 沿用 iOS 主界面跳板式設計,引發跟風潮。



變體:個性化跳板式 — 同時展示用戶資料,允許自定義佈局。

常見佈局:3×3、2×3、2×2、1×2 網格。不拘泥網格:重要選項可放大(如 iPhone App Masters 中 VIDEO 選項為其他 2-3 倍)。同等重要用網格,差異化重要用不規則佈局;視情況啟用個性化/自定義。


每個菜單項均為功能入點。變體豐富:個性化列表、分組列表、增強列表(含搜索/瀏覽/過濾)。適合顯示較長標題或帶次級文本的項目。所有次級頁面須提供返回菜單入口(通常在標題欄放列表圖標或「菜單」按鈕)。




不同 OS 對 Tab 位置與設計規範不同,選此模式必須為各 OS 專門定義位置。



底部水平滾動 Tab 可在單屏容納更多選項(Starbucks、Blue Mobile)。

頂部滾動 Tab 見於 Nokia、Windows(Harvest TimeTractor、Fring)。


關鍵:當前選項設置明顯視覺差異;使用易識別/帶標簽圖標。
平面展示內容項(文章、菜譜、照片、產品),佈局可為輪播、網格、幻燈片。適合高頻瀏覽、頻繁更新內容。側邊 Tab 可將內容組織為可管理塊(Dwell 應用)。



展示 KPI 達標情況,每項指標可鑽取詳情。極適合商業應用、分析工具、銷售營銷類 App。切勿過度使用——需研究決定哪些關鍵指標值得儀表化呈現。

頁面模仿隱喻對象(日記、書籍、酒窖等)。主用於遊戲,也見於幫助用戶組織分類事物的應用。



無絕對優劣,僅有「適不適合」。根據內容類型、用戶任務、平台規範、品牌調性綜合判斷。混合模式(如 Tab + 抽屜、列表 + 陳列館)在複雜應用中極常見。核心原則:降低認知負荷、縮短任務路徑、保持跨平台一致性體驗。