最近在簡(jiǎn)書(shū)上看到這樣的一篇博文《App導(dǎo)航設(shè)計(jì)—主導(dǎo)航模式解析》，感覺(jué)這位移動(dòng)UI設(shè)計(jì)師真是用心在學(xué)了。都把自己看過(guò)的移動(dòng)設(shè)計(jì)書(shū)籍來(lái)分享。體現(xiàn)作者非常用心。

我們先來(lái)看看作者是是否分享自己的心得。在此25學(xué)堂也非常感謝這篇博文的作者。

俗話說(shuō)的好，導(dǎo)航是產(chǎn)品成功的一半，在研讀了《移動(dòng)設(shè)計(jì)》、《方寸之間》以及《移動(dòng)UI設(shè)計(jì)模式》之后，又結(jié)合自身平日的觀察積累，今天斗膽也來(lái)詳細(xì)解析下目前主流的作為主要導(dǎo)航的幾大模式。

擴(kuò)展閱讀：移動(dòng)端UI設(shè)計(jì)必看的三本APP設(shè)計(jì)書(shū)籍

我們先來(lái)看看吧！

一、移動(dòng)APP導(dǎo)航之 標(biāo)簽式導(dǎo)航

標(biāo)簽式導(dǎo)航是IOS主推的導(dǎo)航模式，位于屏幕的底部，在安卓上常見(jiàn)于頂部。這種布局方式能讓用戶直觀地了解到app的核心功能。同時(shí)，使用上能在幾個(gè)標(biāo)簽間快速的跳轉(zhuǎn)。標(biāo)簽分類可以根據(jù)邏輯和重要性控制在5個(gè)以內(nèi)，通過(guò)視覺(jué)表現(xiàn)用戶的當(dāng)前位置，頁(yè)面之間的切換快速又不容易迷失，簡(jiǎn)單高效。

試用項(xiàng)：入口選項(xiàng)數(shù)目不多，且用戶需要在選項(xiàng)見(jiàn)頻繁切換執(zhí)行多任務(wù)。

注意項(xiàng)：這種模式不適合太過(guò)復(fù)雜和不穩(wěn)定的結(jié)構(gòu)。

標(biāo)簽式導(dǎo)航，也經(jīng)常融合一些個(gè)性化設(shè)計(jì)。例如，在標(biāo)簽欄的中間位置融合Logo或產(chǎn)品最核心的功能，豐富了標(biāo)簽欄的樣式。

同時(shí)要注意的是，如果要實(shí)現(xiàn)該導(dǎo)航模式要遵循不同操作系統(tǒng)的操作規(guī)范（在此僅列舉Android和IOS）。

以下是標(biāo)簽式導(dǎo)航的改進(jìn)和創(chuàng)新方式：

二、移動(dòng)APP導(dǎo)航之抽屜式導(dǎo)航

抽屜式導(dǎo)航追求核心內(nèi)容的突出，弱化導(dǎo)航界面，常見(jiàn)于一些信息流產(chǎn)品（知乎、path、facebook等）。抽屜式導(dǎo)航在形式上一般位于當(dāng)前界面的后方，通過(guò)左上角的按鈕或手勢(shì)滑動(dòng)呼出。由于隱藏在屏幕在外，所以導(dǎo)航界面的空間較大，為可擴(kuò)展性和個(gè)性化帶來(lái)了更多可能。由于導(dǎo)航默認(rèn)是隱藏的，在選擇后需要有明確的提示來(lái)告知用戶的當(dāng)前位置。

適用項(xiàng)：以當(dāng)前內(nèi)容為核心展示的應(yīng)用。

注意項(xiàng)：隱藏的導(dǎo)航內(nèi)容，需要更好的方式調(diào)出（如手勢(shì)）。

三、移動(dòng)APP導(dǎo)航之桌面式導(dǎo)航

桌面式導(dǎo)航，是一種類似于手機(jī)桌面各個(gè)應(yīng)用入口的導(dǎo)航方式。一般是將全應(yīng)用信息進(jìn)行獨(dú)立分類，做到信息互斥，類別各自有獨(dú)立入口，內(nèi)容間基本并列。用戶進(jìn)入到一個(gè)入口之后，只處理與此入口相關(guān)的內(nèi)容，如果要跳轉(zhuǎn)至其他入口，必須回到入口匯總界面。

這種導(dǎo)航方式在工具類app中比較適用，每個(gè)工具都有一套獨(dú)立的體系。帶來(lái)的問(wèn)題是用戶需要更多的操作路徑，且不適合在多任務(wù)中使用。

適用項(xiàng)：分類清晰，入口獨(dú)立且固定。

注意項(xiàng)：不適合在交叉類別中使用。

隨著移動(dòng)產(chǎn)品內(nèi)容的豐富，純粹的桌面式導(dǎo)航開(kāi)始減少，更多的是開(kāi)始融入到其他主導(dǎo)航中，承擔(dān)起二級(jí)導(dǎo)航的作用。

四、移動(dòng)APP導(dǎo)航之點(diǎn)聚式導(dǎo)航

點(diǎn)聚式導(dǎo)航最早來(lái)自于應(yīng)用path，它將用戶最頻繁使用的多個(gè)核心功能點(diǎn)匯聚在主界面中顯示，方便用戶隨時(shí)呼出使用，它不同于傳統(tǒng)標(biāo)簽欄那樣占據(jù)界面最下方一欄，而是通過(guò)一個(gè)點(diǎn)的方式匯聚這些功能的入口。

由于點(diǎn)聚式導(dǎo)航所占用的空間較小，所以它常出現(xiàn)在一些主要流程界面中，作為全局導(dǎo)航使用。

適用項(xiàng)：需要提取最核心的幾個(gè)點(diǎn)來(lái)展示產(chǎn)品特性。

注意項(xiàng)：匯聚后將使部分導(dǎo)航隱藏，需要良好的引導(dǎo)。

以上四種是作者看完《方寸之間》之后，對(duì)APP導(dǎo)航設(shè)計(jì)的讀后感。希望各位有自己的一些建議，一定不要吝嗇分享。

分享是進(jìn)步的源泉。