上次筆者已經簡單的寫過移動端常用的列表形式。本文呢，筆者想來總結一下移動產品常用的導航模式及其使用場景。

一、標簽導航

標簽導航是移動端最常見的導航模式，常用的是圖標和文字組合的形式。IOS系統(tǒng)中推崇使用底部標簽導航，而在安卓系統(tǒng)推崇頂部標簽導航（避免和底部虛擬操作欄產生誤操作），但是為了實現(xiàn)兩個平臺的統(tǒng)一，國內互聯(lián)網在設計安卓系統(tǒng)時也開始采用底部標簽導航。

優(yōu)點：扁平化層級，將所有信息展示在面前；導航控件比較大，易于點擊實現(xiàn)快速切換。

缺點：由于控件比較大，占據了屏幕上的一部分空間，主要內容的排布會受到影響。

適用場景：具有多個重要功能且切換頻繁的產品。

Tips：標簽導航的數量控制在5個以內

二、滾動標簽導航

當導航數量超過5個，可以使用滾動標簽導航，它由標簽導航演變而來。這種模式的導航形式一般作為二級導航放在屏幕頂部。

Tips：給用戶一點提示屏幕外還有導航標簽

三、雙標簽導航

顧名思義，底部是一級標簽導航，頂部是二級（滾動）標簽導航。

優(yōu)點：對功能的組織與整合（既兼顧了信息的呈現(xiàn)，又解決了信息架構不清晰的問題）

缺點：屏幕頭尾都被導航占據，留給主要內容的空間有限。

四、分段式導航

分段式通過分段控件控制，是IOS標準控件，一般不作為一級導航。

優(yōu)點：放在導航欄，擴大了內容區(qū)域的面積；體積小巧，兩邊還可放置其他控件。

缺點：導航數目有限，一般是2段或3段。

五、抽屜式導航

漢堡圖標就是典型的抽屜式導航，點擊圖標可從左邊展開導航頁面。

優(yōu)點：核心功能突出，拓展性強；減少控件數量，頁面干凈利落。

缺點：其他功能相對太隱藏，使用率不高；切換到某一子功能后很可能迷失方向無法返回之前的頁面；同級功能需要多次點擊。

適用場景：只有一個核心功能的產品，如打車軟件。

六、下拉菜單導航

在早期的安卓規(guī)范中比較推崇，但是下拉菜單導航現(xiàn)在用的比較少。

優(yōu)點：將導航信息收在一個下拉控件，使頁面簡潔；展開時又能顯示全部信息。

缺點：信息隱藏太深；操作多步點擊。

適用場景：和滾動式標簽導航一起使用。

七、宮格導航

打開手機主頁面，APP圖標的排布方式就是典型的宮格導航。

優(yōu)點：平鋪顯示，層級扁平，一目了然，擁有一定的自定義特性；充分利用界面空間。

缺點：不適合需要反復跳轉的銜接緊密的功能。

適用場景：各功能相對獨立的產品或系統(tǒng)，如去哪兒、攜程等旅游APP；適用于二級導航，在有限空間內羅列更多功能。

八、垂直列表導航

垂直列表導航由垂直列表演變而來，微信發(fā)現(xiàn)也就是典型的垂直列表二級導航。

優(yōu)點：簡單清晰，易于理解，快速定位。

缺點：層級較多返回比較麻煩且可能迷失方向。

適用場景：二級導航以及多級導航；功能層級較淺且切換不頻繁產品，如郵箱。

九、舵式導航

標簽式導航的演變而來，導航中有一個標簽采用特殊設計，重點突出一個功能/操作。

適用場景：具有多個重要功能且有一個功能是重中之重的產品。

十、輪播導航

輪播導航比較少見，微信閱讀首頁確切的說是內容采用輪播卡片形式。輪播導航與之比較類似。

優(yōu)點：隱藏其他導航選項，頁面干凈；用戶只關注一個目標，往往有大圖或背景，體驗好；比較有創(chuàng)意。

缺點：只能進行相鄰之間的切換，不能實現(xiàn)跳轉，效率不高。

適用場景：選項比較少且不頻繁跳轉的APP；游覽型體驗式APP。

我們常聽見：做設計要考慮所有的解決方案~

那么這次，筆者列舉了十種常見的導航模式，希望在大家設計時有幫助hh

當然，我們也常聽見：具體場景具體分析~