在ui設計中導航的設計可以說是提升整個ui設計用戶體驗感的關鍵，所以很多設計師在做ui設計的時候都會在導航上花更多的心思，下面我們跟隨小編一起來了解一下ui設計導航的相關資料吧。

　　ui設計導航之底部Tab欄

　　這是APP最常使用的導航模式，用于一級目錄的導航，位于頁面底部，無論用戶單手還是雙手操作都能輕松點擊，能告訴用戶當前位置及用戶切換統(tǒng)一層級之間的不同模塊。

　　展現形式有：文字 + icon，也有純icon形式，大部分是文字+icon，可以減少用戶記憶負擔。

　　優(yōu)點：

　　1.屬于拇指熱區(qū)范圍內，操作方便，用戶體驗好。

　　2.iOS原生系統(tǒng)，開發(fā)成本低。

　　3.切換快速方便，用戶不會輕易迷失。

　　4.底部Tab欄具有很強的包容性，可以形成最基本的信息框架，然后用其他的導航模式來承載具體的功能和內容，內容曝光率高。

　　缺點：

　　1.導航數量有限，常見的標簽欄導航最多3-5個控件，不宜超過5個，擴展性不高。

　　2.占用底部空間，長時間逗留頁面，沉浸感體驗不足，所以在不需要的時候隱藏底部標簽是很聰明的做法(如文章閱讀界面)。

（圖片來自網絡）

　　ui設計導航之底部（舵式）拓展欄

　　“舵式”拓展欄，為凸出底部功能，把Tab做得比較突出，入口在底部標簽中間，兩側是其他操作按鈕，很像輪船上用來指揮的船舵，故稱為“舵式導航”。

　　優(yōu)點：

　　1.集中強調某一功能。

　　2.常用于上傳照片、視頻，分享等操作的集成式的功能。

　　3.提高導航欄的趣味性，讓用戶貢獻更多內容。

　　缺點：

　　1.層級較深，需要用戶二次點擊才能達到目的，增加了用戶交互路徑，不適合頻繁切換。

　　2.隱藏功能容易被忽視，因此功能入口過多，過多會給用戶造成選擇壓力，引起用戶的反感情緒。

　　ui設計導航之頂部Tab欄

　　頂部導航欄位于頁面頂部，一般位于導航欄或者狀態(tài)欄下方，用作于二級導航，基本都以純文字的形式出現(避免干擾用戶瀏覽頁面核心內容)，常見的頂部導航欄有：固定頂部標簽導航&可滑動標簽導航。

　　優(yōu)點：

　　1.滑動式頂部標簽可無限添加標簽，可擴展性強。

　　2.技術上，適配簡單，減少開發(fā)成本。

　　3.占據空間比底部導航欄小，節(jié)省空間。

　　4.劃屏切換，簡單便捷。

　　缺點：

　　標簽數量多，容易導致產品頁面過多，越是后面的標簽容易被遺忘，導致流量遺失。

　　ui設計導航之列表式導航欄

　　列表式APP導航是我們app ui設計中必不可少的一個信息承載模式，列表導航通常用于二級頁面。一般在列表導航里都會有下一個層級，可以通過箭頭來告訴用戶是否有下級菜單。當列表信息比較多的時候，可以對列表進行分類，可以通過間距和添加小標題分組。

　　優(yōu)點：

　　1.這種導航結構清晰，易于理解，冷靜高效，能夠幫助用戶快速的定位去到對應的頁面。

　　2.符合用戶從上往下的閱讀習慣。

　　3.可擴展性強。

　　缺點:

　　1.功能切換很不方便。

　　2.承載信息種類單一，容易引起單調感，很難讓用戶長時間停留。

　　3.當蘊含信息量龐大時，列表越長，越容易引起用戶審美疲勞，且越往下功能效率越低。

（圖片來自網絡）

　　ui設計導航之宮格式導航欄

　　一般作為信息或平臺的入口，為產品或項目信息提供聚合的載體，適合承載訂閱類產品或眾多屬性差異非常明顯的分類信息，此類導航信息的呈現內容比較少，但是每個項目選取的效率比較高。

　　優(yōu)點：

　　1.可以劃分多個內容、多個模式，各個功能相互獨立，由不同團隊獨立開發(fā)每個模塊再聚合。

　　2.可以通過入口來進行流量的分發(fā)。

　　3.擴展性好。

　　4.用戶能夠直觀選擇自己需要的功能模塊。

　　缺點：

　　1.無法讓用戶在第一時間看到內容，具體的信息往往隱藏在下一級界面，會增加用戶的認知成本。

　　2.同時多個入口的情況下用戶選擇壓力大。

　　3.不同入口之間缺乏聯(lián)動性，切換不方便，用戶的操作流程多。

　　相信看完了小編為你介紹的這么多超級詳細的ui設計導航模式之后，一定可以幫助你找到更多更適合自己的設計風格的導航模式哦!