移動導航的基本模式（上）

一個好的導航設計能幫助用戶快速了解該產品的功能和信息架構。為用戶提供更好的用戶體驗，文章匯總了目前常見的幾類導航設計。一起來學習下。

移動導航是APP中最重要的組件，它相當於產品的骨骼，連接著各個功能。一個好的導航設計能幫助用戶快速了解該產品的功能和信息架構。一個app中也會存在多種不同層級的導航模式。這篇文章整理了目前市面上使用較多的導航以及它們各自的優缺點和分別適用的場景。

標籤導航

標籤導航是IOS系統中最常見的導航，它繼承了桌面導航的樣式，對圖標進行了扁平化處理。在IOS系統原生頁面中可以看到許多頁面都使用了標籤導航的設計，包括我們常用的微信、支付寶、微博等軟體，都使用標籤導航做為它們的一級導航。可以說標籤導航是最符合IOS用戶習慣的一種導航。

總結：標籤導航適用於主導航各功能重要程度一致，並且主功能數量在3-5個之間，相互之間切換頻繁的場景。

TAB導航

TAB導航是IOS和安卓端都十分常見的導航，它和標籤導航本質上其實相似，但是展現形式有很大區別。tab導航一般處於頁面的頂部，在使用數量和形式上更加靈活。

總結：通過案例可以發現TAB導航在使用上十分靈活多變，外觀簡潔，能完美運用到各場景，是目前十分流行的導航模式。

舵式導航

舵式導航是標籤導航的變體，也是比較常見的導航之一。因為外觀看起來像船舵，所以取名舵式導航。和標籤導航不同的是它將核心功能放在導航正中央，並用對比強烈的色彩來和其他導航進行區分，常用於發布按鈕。

總結：舵式導航彌補了標籤導航功能數量的限制，重點突出了核心功能，適用於發布功能下有多種同級分類選項的應用，常用＋號表示，以及在功能型產品中核心功能的開關按鈕。但是相比標籤導航不足的是，舵式導航將核心功能全部隱藏在＋號中，需要用戶二次點擊才能到達目標，增加了點擊次數，藏在＋號中的功能使用頻率會比一級導航大大降低。

抽屜式導航

抽屜式導航外觀小巧，佔用空間少，容量大。外觀設計的像抽屜，可以自由伸縮，也是我們常說的漢堡菜單。它的核心目的是隱藏不常用的功能，減少主界面導航控制項數量，讓界面更加乾淨利落。這種設計模式曾經非常流行。但是正因為它的小巧，又處在頁面左上方，是單手操作時非常不容易點擊到的區域，這也導致藏在抽屜里的功能很少用戶會使用。所以目前抽屜導航在市面上的使用量已經越來越少。但目前仍有一些主流軟體在使用抽屜導航的設計，一般用來放置輔助功能。

總結：抽屜式導航適合作為產品的輔助導航，一般用來放置需要但是不常用到的功能，例如設置、當前用戶等信息。

宮格式導航

宮格式導航也是較為常見的一種，它的特點是佔據空間大，入口扁平化，以平鋪的形式展示所有功能，這一點和桌面類似，在使用上讓功能一目了然，在設計上更加富有情感化。

總結：宮格導航常用在二級菜單，在使用上充分利用了頁面空間，使頁面更飽滿，視覺更清晰。但缺點是不方便同級功能之間互相切換，必須退出到導航頁面重新選擇。常用作同級別下使用頻率相近又彼此獨立且功能之間切換頻
率不高的場景。

總結

看完這五種導航模式我們不難發現，在不同層級和功能下導航的使用方式和場景上都各有不同，也有多種導航互相結合的設計。每一種導航都有各自的使用場景。當我們需要在一級導航之間頻繁切換時則可使用標籤導航，當產品分類細緻且互相切換頻繁時則可以使用tab導航，當需要重點突出核心功能時則可以使用舵式導航，抽屜式導航則用來隱藏需要但不常用到的功能，宮格式導航則適用於同級別下使用頻率相近又彼此獨立且功能之間切換頻率不高的場景。

下期我會繼續分享另外五種常見導航：列表式導航、分段式導航、浮動導航、輪播導航以及複合式導航。下期見~

作者：李惠丸，不懂產品的文案不是好設計師，

本文由 @李惠丸 原創發佈於人人都是產品經理。未經許可，禁止轉載。