1.標簽導航（標簽導航位于頁面底部 ，標簽的分類最好在5個以內(nèi)，比如微博、微信、淘寶）

圖1

優(yōu)點：清楚當前所在的入口位置；直接展現(xiàn)最重要入口的內(nèi)容信息。

缺點：功能入口過多時，該模式顯得笨重不實用。

2.駝式導航（中間加了一個“+”導航，像輪船上用來指揮的船駝，比如微博、qq空間）

圖2

優(yōu)點：需要突出重要且頻繁操作的入口。

缺點：同標簽導航。

3.抽屜導航（將菜單隱藏在當前頁面內(nèi)，點擊入口即可像抽屜一樣拉出菜單）

圖3

優(yōu)點：節(jié)省頁面展示空間；讓用戶注意力聚焦到當前頁面；擴展性好。

缺點：不適合頻繁切換的應用。

4.宮格導航（宮格導航將主要入口全部聚合在頁面，讓用戶做出選擇，比如美圖秀秀）

優(yōu)點：直接展現(xiàn)各項內(nèi)容；方便瀏覽經(jīng)常更新的內(nèi)容。

缺點：無法入口間的跳轉(zhuǎn)；不能直接展現(xiàn)入口內(nèi)容；不能顯示太多入口次級內(nèi)容。

5.組合導航（比如淘寶里的快捷入口，像天貓之類的）

圖5

當用戶需要聚焦內(nèi)容，同時又需要一些快捷入口能夠接到某些頁面時，就可以采用組合導航。

優(yōu)點：布局靈活，能適應架構(gòu)的快速調(diào)整。

缺點：不規(guī)則容易有雜亂感。

6.列表導航（比如微信的發(fā)現(xiàn)界面）

圖6

優(yōu)點：層次展現(xiàn)清晰；可展現(xiàn)內(nèi)容較長的標題；可展示標題的次級內(nèi)容。

缺點：同級過多時，容易產(chǎn)生疲勞；排版靈活性不高；只能通過排列順序、顏色來區(qū)分各入口重要程度。

7.tab導航（用于二級頁，本質(zhì)和標簽導航相同，當應用層級較多時，可采用tab導航，比如淘寶）

圖7

優(yōu)點：對多內(nèi)容多層級產(chǎn)品適用。

缺點：結(jié)構(gòu)復雜，內(nèi)容繁多。

8.輪播導航（比如天氣軟件）

圖8

優(yōu)點：單頁面簡潔內(nèi)容，整體性強；線性的瀏覽方式有順暢感、方向感。

缺點：不適合展示過多頁面；非主頁面不利于展示和查看。

9.點聚導航（主操作選項或?qū)Ш胶喜⒊梢粋€按鈕，浮動在頁面上，比如path，最新版本導航置在中間）

圖9

優(yōu)點：靈活；展示方式有趣；頁面更開闊。

缺點：隱藏了更多入口和操作。

10.瀑布導航（瀑布式布局適用于圖片為主的內(nèi)容，下拉自動加載，比如花瓣）

圖10

優(yōu)點：瀏覽時產(chǎn)生流暢體驗；排版布局多變；沉浸式體驗。

缺點：不適合層級架構(gòu)復雜的產(chǎn)品；容易產(chǎn)生疲勞感。