国产a一级毛片爽爽影院_欧美日韩亚洲中字二区在线播放_国产在线每日都有更新_日韩中文字幕tv在线看_日韩美女婬乱大片A级网站_韩国无遮免费羞羞漫画_久久亚洲精品无码播放偷妻_国产成人777爽视频_色噜噜狠狠成人中文综合18_国产精品免费高清在线观看

編輯導(dǎo)語：產(chǎn)品的導(dǎo)航設(shè)計目的是突出產(chǎn)品的核心功能，扁平化用戶的任務(wù)路徑，讓用戶能順利地在產(chǎn)品中暢行。而不同的導(dǎo)航設(shè)計有不同的效果，本文作者總結(jié)了九種導(dǎo)航類型，一起來看一下吧。

產(chǎn)品的導(dǎo)航設(shè)計目的是為了突出產(chǎn)品的核心功能，扁平化用戶的任務(wù)路徑。讓用戶能夠順利地在產(chǎn)品中暢行，讓用戶知道自己在產(chǎn)品中所在的位置，和怎么前往目的頁面或功能。那我們來了解一下不同導(dǎo)航的區(qū)分。

一、底部標(biāo)簽（Tab）導(dǎo)航

當(dāng)產(chǎn)品的體驗流是以幾個功能模塊貫穿，用戶在使用時需要在幾個標(biāo)簽入口之間來回切換時，這就是底部標(biāo)簽導(dǎo)航。底部標(biāo)簽導(dǎo)航里面的標(biāo)簽一般是不會超過五個，因為超過五個標(biāo)簽之后，就沒有核心功能的體現(xiàn)。

將貫穿產(chǎn)品整個體驗流的模塊平鋪在Tab Bar位置，在保證了切換效率的同時也保證了用戶在使用過程時的任務(wù)路徑扁平化。

二、頂部標(biāo)簽（Tab）導(dǎo)航

頂部Tab最早是谷歌提出來并使用的，主要是為了區(qū)分與iOS的一種導(dǎo)航模式。與底部標(biāo)簽導(dǎo)航不同，由于在頂部，手指一般很難觸及，所以頂部標(biāo)簽導(dǎo)航功能展現(xiàn)更細(xì)化，標(biāo)簽也就更多，通常是通過左右滑動來切換標(biāo)簽。

在實際項目中，頂部與底部基本都是配合使用。

三、舵式導(dǎo)航

舵式導(dǎo)航是將多個核心功能匯聚在一個標(biāo)簽內(nèi)，方便用戶點擊呼出使用。所以舵式導(dǎo)航一般會搭載其他導(dǎo)航樣式出現(xiàn)（如標(biāo)簽式導(dǎo)航）。

與標(biāo)簽導(dǎo)航類似的是，它們都是點聚式導(dǎo)航與標(biāo)簽導(dǎo)航的結(jié)合體。簡單來說就是一個導(dǎo)航標(biāo)簽里面包含很多個操作選項，也可以說是導(dǎo)航標(biāo)簽里面包含很多個二級導(dǎo)航標(biāo)簽。

四、宮格式導(dǎo)航

宮格式導(dǎo)航是最被廣泛用于各平臺系統(tǒng)的中心頁面，一般用在二級頁作為內(nèi)容列表，以圖形化形式呈現(xiàn)在頁面上，又或者是作為一系列的工具入口聚合。也被稱為跳板式、圖標(biāo)卡片式、磁貼式。

五、陳列館式導(dǎo)航

陳列館式導(dǎo)航是屬于宮格導(dǎo)航的一種表式，用來呈現(xiàn)實時內(nèi)容，像新聞、圖片、商品信息等。還可以采用網(wǎng)格式布局（直播或者是ins類型）、輪盤布局（格瓦拉電影類型）或者是幻燈片模式展示。最適合呈現(xiàn)的是如經(jīng)常更新、需要直觀的視覺效果、彼此獨立的內(nèi)容。

六、抽屜式導(dǎo)航

抽屜式導(dǎo)航又被稱為：擴(kuò)展菜單、側(cè)邊導(dǎo)航、漢堡導(dǎo)航；是用來放置一些對用戶來說不會經(jīng)常用到或者是產(chǎn)品不核心的功能，例如設(shè)置、關(guān)于、個人信息這類不需要頻繁切換內(nèi)容的功能。

一般是應(yīng)用在信息流的產(chǎn)品設(shè)計里面，用戶的任務(wù)路徑比較單一，頁面基本只用于產(chǎn)品的核心內(nèi)容展示。其他不怎么使用或是不核心的功能就會隱藏于界面的后方，這樣避免頁面產(chǎn)生臃腫感，用戶也不會過多的功能模塊的呈現(xiàn)搶奪眼球。

七、下拉導(dǎo)航/菜單導(dǎo)航

與抽屜式導(dǎo)航的概念相同，都是為了突出頁面的核心內(nèi)容或功能。與抽屜導(dǎo)航不同的是，下拉導(dǎo)航一般位于產(chǎn)品的頂部，通過點擊功能標(biāo)簽呼出導(dǎo)航菜單。

下拉啟動導(dǎo)航通常用來篩選不同類別的信息，或者是點擊后快速啟動某個常用的功能模塊，這樣也避免了頻繁的頁面跳轉(zhuǎn)。

下拉導(dǎo)航還有一種變式，就是下拉的菜單中展示兩級或者是多級，這一種是在電商產(chǎn)品中非常多見的，因為品類和篩選條件很多。

八、列表導(dǎo)航

列表導(dǎo)航是作為信息組織的框架，也是產(chǎn)品在設(shè)計中必不可少的一個信息承載模式。

比較適合用來顯示較長或者是擁有次級文字內(nèi)容的標(biāo)題，每一行都可以融入非常多的信息。

它與宮格導(dǎo)航一樣，經(jīng)常用在二級頁面，不會默認(rèn)展示任何實質(zhì)性的內(nèi)容，所以一般在首頁不會使用它。

九、輪播（旋轉(zhuǎn)木馬）導(dǎo)航

當(dāng)產(chǎn)品的應(yīng)用信息不多且足夠扁平的時候，就可以使用輪播導(dǎo)航。常見于頁面結(jié)構(gòu)簡單的APP中。

本文由 @陳立奇 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于 CC0 協(xié)議。