移動導(dǎo)航解析1

1、移動導(dǎo)航設(shè)計1常見的移動導(dǎo)航種類tab導(dǎo)航列表導(dǎo)航宮格導(dǎo)航抽屜導(dǎo)航陳列館式導(dǎo)航組合導(dǎo)航其他導(dǎo)航2 tab導(dǎo)航這種導(dǎo)航方式是目前應(yīng)用最廣泛的一種導(dǎo)航方式，一般位于頁面底部或頂部，這種方式的最大優(yōu)點就是能及時在不同選項之間進(jìn)行切換，用戶能清晰的知道目前所在位置，缺點是選項數(shù)量有限，并且這種顯示但方式會占用屏幕的一行空間。目前也有部分APP在tab導(dǎo)航的基礎(chǔ)上，衍生出了一種交互比較好的彈出導(dǎo)航菜單，這種方式應(yīng)該說應(yīng)用了web端的元素和使用方式，相當(dāng)于有了二級菜單，是一種不錯的彈出式交互導(dǎo)航。頂部tab導(dǎo)航和底部tab導(dǎo)航組合使用，也比較常見。某些app tab導(dǎo)航可以滑動，缺點是容錯率較低，點擊手勢

2、和滾動手勢可能會沖突，可有能會出現(xiàn)誤操作。3微信91助手底部tab導(dǎo)航4頂部tab導(dǎo)航5底部交互tab導(dǎo)航選項受數(shù)量限制，一般為3-5個，有時功能很多，此時可以把某個選項（中間位置或最后一個位置）設(shè)置為更多，點擊更多，在本頁面彈出二級菜單或頁面內(nèi)容相應(yīng)改變。（最好不要跳轉(zhuǎn)頁面，會隱藏功能）67列表導(dǎo)航列表式APP導(dǎo)航是我們在APP設(shè)計種必不可少的一個信息承載模式，目前來看，列表導(dǎo)航通常用于二級頁或三級四級頁，這種導(dǎo)航結(jié)構(gòu)清晰，易于理解，冷靜高效，能夠幫助用戶快速的定位去到對應(yīng)的頁面。列表項目可以通過間距、標(biāo)題等進(jìn)行分組。樹形列表形式的方式比較常見，它將每一級別的功能通過list列表形式展現(xiàn)，點

3、擊之后展開下一級的lis列表，如此類推直到最終的功能展現(xiàn)界面。8ios安卓91011動態(tài)效果顏色搭配12抽屜導(dǎo)航抽屜導(dǎo)航是講菜單隱藏在當(dāng)前頁面后，點擊入口即可像拉抽屜一樣拉出菜單，這種導(dǎo)航的優(yōu)點是節(jié)省頁面展示空間，讓用戶將更多的注意力聚焦到當(dāng)前頁面，比較適 合于不那么需要頻繁切換內(nèi)容的應(yīng)用，例如對設(shè)置、關(guān)于等內(nèi)容的隱藏。抽屜導(dǎo)航的展現(xiàn)形式基本上有兩種，一種是展示的內(nèi)容和主體內(nèi)容在一個頁面中顯示，一種是跳轉(zhuǎn)到另一個頁面展示隱藏的功能，其中第一種在應(yīng)用中比較廣泛。但是如果不是隱藏的是一些非次要功能，還是不建議使用，所謂“如果看不到，那么自然便想不到”，有時候不能為了節(jié)省屏幕空間而違背一些最基本的人

4、機交互定則，如果功能較多，可以考慮采用底部tab導(dǎo)航的彈出導(dǎo)航菜單。13導(dǎo)航布局為圖標(biāo)卡片式導(dǎo)航布局為列表式14跳轉(zhuǎn)頁面式15有很好的過度效果16宮格導(dǎo)航這種宮格導(dǎo)航是將主要入口全部聚合在頁面，每個入口就是進(jìn)入各個應(yīng)用的起點，類似于win8 metro格布局風(fēng)，可以用作主導(dǎo)航，常用的布局模式3*3（常說的九宮格布局）2*3、2*2和2*1網(wǎng)格，但也不一定要拘泥于網(wǎng)格，也可以按照不同的優(yōu)先級順序，放大或者縮小網(wǎng)格，以突顯出內(nèi)容的層次感。但是這樣的組織方式無法讓用戶在第一時間看到內(nèi)容，選擇壓力較大，有時往往搭配其他導(dǎo)航模式用在二級頁作為內(nèi)容列表的一種圖形化形式呈現(xiàn)，或是作為一系列工具入口的聚合。17靜態(tài)九宮格18加入動態(tài)效果的九宮格19采用的是不規(guī)則網(wǎng)格的跳板式導(dǎo)航，以突出內(nèi)容的優(yōu)先級。20宮格導(dǎo)航可搭配tab導(dǎo)航使用，此時用作次級導(dǎo)航。21陳列館式導(dǎo)航陳列館式的設(shè)計通過在平面上顯示各個內(nèi)容項來實現(xiàn)導(dǎo)航，主要用來顯示一些文章、菜譜、照片、產(chǎn)品等，可以布局成輪盤、網(wǎng)格或用幻燈片演示。大多時候用于次級導(dǎo)航，搭配tab導(dǎo)航或抽屜導(dǎo)航使用。2223組合導(dǎo)航Tab導(dǎo)航+列