移動端導(dǎo)航UI 設(shè)計5種常見方式

用戶使用一款新的移動端APP 軟件時，借助導(dǎo)航是其最快了解這款A(yù)PP 的途徑。因此，導(dǎo)航的設(shè)計是設(shè)計師們在整個移動端UI

界面設(shè)計中最關(guān)鍵的點，也是用戶判斷一個APP

是否“好用”的關(guān)鍵。試想，如果一款軟件的導(dǎo)航功能非常復(fù)雜，無法給用戶的日常生活帶來便捷，那么，這款軟件遲早是會被市場淘汰的。

本期我們整理了5種現(xiàn)有移動端導(dǎo)航的設(shè)計方式，每種方式都有其自身的優(yōu)勢和劣勢，設(shè)計師們可以針對具體APP

的功能，及用戶群體的實際需求，選擇其中的一種或者兩種搭配使用。

1. APP 標簽式導(dǎo)航——最常見、最**

標簽導(dǎo)航位于頁面底部，通常包含5個標簽是比較合適的數(shù)量。這種導(dǎo)航是非常常見的，如果你的應(yīng)用需要用戶頻繁的在不同分頁切換，可以采用這種導(dǎo)航。它的缺點是會占用一定高度的空間。

2. APP 抽屜式導(dǎo)航——適合信息層級多的界面設(shè)計

抽屜式導(dǎo)航常常與標簽導(dǎo)航結(jié)合使用。如果一款產(chǎn)品的信息層級非常多，一屏無法將所有內(nèi)容全部展示，這是便可選擇抽屜式導(dǎo)航，將部分菜單隱藏，突出核心功能，節(jié)省頁面展示空間。同時需要注意，這款導(dǎo)航的設(shè)計一定要提供菜單畫出的過渡動畫。

3. APP宮格式導(dǎo)航——不適于APP 的主導(dǎo)航

宮格式導(dǎo)航是將主要的菜單入口全部集中在同一個頁面，每個宮格相互獨立，相互的信息間也沒有任何交集，無法跳轉(zhuǎn)互通。也因為此，宮格式導(dǎo)航不建議使用在APP

的主導(dǎo)航設(shè)計中，可以用在二級頁作為內(nèi)容列表的一種圖形化形式呈現(xiàn)。

4. APP懸浮式導(dǎo)航——適于大屏的導(dǎo)航模式

APP 中的懸浮式導(dǎo)航，是將導(dǎo)航頁面分層，無論APP

的哪個頁面，懸浮導(dǎo)航鍵永遠懸浮在頁面之上，你依靠懸浮導(dǎo)航隨時可以使用想用的軟件。但需要注意的是，不可讓懸浮式導(dǎo)航遮擋住原本界面的應(yīng)用。

5. APP列表式導(dǎo)航——必不可少的應(yīng)用

列表式導(dǎo)航通常用于APP 設(shè)計的二級頁，這種導(dǎo)航結(jié)構(gòu)清晰，易于理解，能夠幫助用戶快速定位去到對應(yīng)的頁面。