隨著(zhù)移動(dòng)互聯(lián)網(wǎng)的導航大模不斷發(fā)展，「以移動(dòng)為中心」的界面計理念和戰略也不斷滲透，互聯(lián)網(wǎng)的設計式分式「短、平??、有?？臁雇乖O計師們無(wú)法長(cháng)時(shí)間停下來(lái)思考可用性設計，享導快速ヽ(′ー｀)ノ找到最佳的航界設??計方式是對我們一大挑戰?！敢苿?dòng)端界面設計??模式」是面設基于大量設計師的智慧和嘗試總結下來(lái)的??可實(shí)施的解決方案，可以幫??助我們解決絕大多數常見(jiàn)的??導航大模移動(dòng)界面設計需求，因此，界面計在這里我將移動(dòng)端的設計式分式設計模式一一闡述，并附上我們常見(jiàn)的有模一線(xiàn)移動(dòng)端產(chǎn)品作為案例作為??解釋。希望給廣大的享導設計師們在設計方案中提供基石和支撐。

一、航界導航設計定義

導航設計也可以稱(chēng)之為框架設計，面設將產(chǎn)品的導航大模核心點(diǎn)（業(yè)務(wù)層）集中ヽ(′▽?zhuān)?ノ突出，盡可能做到任務(wù)路徑的扁平化和用戶(hù)操作便捷性，將用戶(hù)最常用行為（用戶(hù)層）分類(lèi)組織，讓這些功能元素被用戶(hù)以(╯°□°）╯最容易的方式獲取和使用，在移動(dòng)界面設計中，是非常重要的模塊，可以大膽的說(shuō)：一個(gè)移動(dòng)端界面設計就是不同類(lèi)型的導航設計以(yi)不同方式的合理組裝。

目前市面上移動(dòng)界面設計(ji)所使(shi)用的導航設計，基本分為以下（桌面式、選項卡式、列表式、側邊抽屜式、下拉菜單式、點(diǎn)聚式）6大基礎導航模式，為了不斷滿(mǎn)足業(yè)務(wù)、用戶(hù)需求，涌出（舵式、輪播式等）新穎的混合(°ロ°) !型導航模式。設計師們在基礎導航模式上仍在不斷做升級優(yōu)化以及組合創(chuàng )新。

二、導航設計的類(lèi)型

按照操作方式，我們可以將導航設計大致分為ヽ(′ー｀)ノ三種不同的類(lèi)型：全局型、瞬時(shí)型( ?° ?? ?°)、混合型。

1. 全局型導航

只需打開(kāi)應用，就直截了當的展示導航中的各個(gè)選項。換言之，無(wú)需操作，就可以看到并通過(guò)各個(gè)功能入口。通常固定在頁(yè)面中，占據頁(yè)面的一定的面積。其中常用包括：桌面式(shi)、標簽式、列表式（如下圖）

（1）跳版式/桌面式

通常占據屏幕的大多數面積。

iOS 和 Android端常用(?_?;)的導航模式，算是標準選項卡導航，還有其他新的創(chuàng )新。

（3）列表式

2. 瞬時(shí)導航

點(diǎn)擊一個(gè)入口（icon/標題/箭頭）或手勢操作，才會(huì )展示各個(gè)菜單選項，入口相對占頁(yè)面面積非常小(xiao)，用戶(hù)需要的時(shí)候調出，算(╯‵□′)╯是打破屏幕邊界和運用(yong)頁(yè)面視覺(jué)層級的高明手法。其中常用包括：抽屜式、菜單式、點(diǎn)聚式。

（1）抽屜式/側??邊式

點(diǎn)擊左上角的頭像，左側劃入功能入口。

（2）下拉菜單式

點(diǎn)擊添加，彈出下來(lái)功能選項。

（3）點(diǎn)聚式

點(diǎn)擊一個(gè)入口，圍繞其散開(kāi)，并展示出其中的功能入口。

3. 混合導航

擁有直接展示功能入口并結合需要操作才展示的其他剩余功能。換言之，全局導航與瞬時(shí)導航的結合，其中常用包括：舵式、輪播式等。

（1）舵式

全局導航-底部標簽欄式 + 瞬時(shí)導航-點(diǎn)聚式 = 舵式導航

（2）輪播式

三、導航設計的層次

導航設計(ji)中各類(lèi)型設計模式是可以自由的組合，根據業(yè)務(wù)需求結合用(yong)戶(hù)體驗找到一套適合的組合拳。我們通常選擇一個(gè)導航作為主體框架，其他導航作為輔助。

導航內功能的層級

導航與導航之間的層級（餓了么：全局導航-標簽式做為一級導航， 混合導航-輪播式作為二級導航； 咸魚(yú)：混合導航-舵式做為一級導航，(′?｀)全局導航-桌面式作為二??級導航）

四、怎么區分全局型導航、瞬時(shí)型導航還是混合型導航？

五、好的導航設計要滿(mǎn)足哪些要求呢？一種在應用內跳轉不同頁(yè)面的方??法。在有限的屏幕中我們不能將內容一股腦的拋在用戶(hù)眼前，因此導航設計必須能???自然而然的促進(jìn)或引導用戶(hù)的跳轉行為。跳轉入口和所包含(╯°□°)╯的內容之間的關(guān)系。僅僅提供一個(gè)跳轉入口的列表是不夠的。入口和按鈕之間相互之間有??什么關(guān)系？是否有業(yè)務(wù)功能的側重點(diǎn)？傳達的信息對于用戶(hù)快速理解一個(gè)產(chǎn)品，上手使用一個(gè)產(chǎn)品是非常非常必要的。結構化傳達內容和當前瀏覽頁(yè)面之間的關(guān)系。幫助用戶(hù)去快速理解哪個(gè)跳轉入口可以最好的支持他們的任務(wù)或他們想要達到的目標/目的地。

這篇文章只是簡(jiǎn)單地介紹(╯‵□′)╯了在移動(dòng)端界面設計模式中導航設計的各個(gè)類(lèi)型。便于廣大設計師們理解，我們通過(guò)簡(jiǎn)單的方式將其劃分開(kāi)三大導航模式（全局型、(′▽?zhuān)?瞬時(shí)型、混合型），要做出緊貼實(shí)際業(yè)務(wù)以及好的用戶(hù)體驗的導航設計，卻并不容易。