激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

三分鐘了解UI中的導(dǎo)航設(shè)計(jì)

發(fā)布時(shí)間：2024-03-07 13:21:09 瀏覽量：250次

在APP界面設(shè)計(jì)中，導(dǎo)航設(shè)計(jì)是承載用戶獲取所需內(nèi)容的快捷方式。是產(chǎn)品設(shè)計(jì)和用戶體驗(yàn)中最需要考慮的一部分。導(dǎo)航的設(shè)計(jì)會(huì)直接影響用戶的界面體驗(yàn)，因此在設(shè)計(jì)導(dǎo)航菜單時(shí)要考慮APP交互和程序的易用性。

標(biāo)簽導(dǎo)航

標(biāo)簽導(dǎo)航是我們常見(jiàn)的導(dǎo)航樣式，一般位于頁(yè)面底部，方便用戶在不同分頁(yè)之間切換，通常為4-5個(gè)標(biāo)簽。如微信，支付寶等。

優(yōu)點(diǎn)：1、用戶可以直觀了解當(dāng)前入口位置；

2、用戶在跳轉(zhuǎn)頁(yè)面過(guò)程中不會(huì)迷失；

3、能直觀展示給用戶最重要的入口信息。

缺點(diǎn)：1、會(huì)占用一定的頁(yè)面空間；

2、當(dāng)功能過(guò)多時(shí)，會(huì)顯得擁擠不堪，不適用；

3、不適用于大屏手機(jī)的單手操作。手指操作區(qū)域太大。

舵式導(dǎo)航

舵式導(dǎo)航是標(biāo)簽導(dǎo)航的一種變化。因?yàn)樗臉邮娇崴戚喆旭傊惺褂玫拇?。一般用于單一?yè)面同一層級(jí)的幾大模塊。同時(shí)又需要一個(gè)明顯引導(dǎo)的控件，就可以采用這種導(dǎo)航。如這種發(fā)布類APP：知乎，全民K歌。

優(yōu)點(diǎn)：能很大程度上去引導(dǎo)用戶操作

缺點(diǎn)： 由于中間控件的明顯，會(huì)降低用戶對(duì)于兩側(cè)空間的關(guān)注和使用頻率

Tab導(dǎo)航

Tab導(dǎo)航室友分段標(biāo)簽控制的一種導(dǎo)航，一般在頁(yè)面頂部。?？捎糜趹?yīng)用層級(jí)較多的APP。

優(yōu)點(diǎn)：輕松融入界面，不占用過(guò)多空間

缺點(diǎn)：不適合作為一級(jí)導(dǎo)航，往往作為二級(jí)導(dǎo)航與標(biāo)簽欄嵌套使用。

宮格導(dǎo)航

宮格導(dǎo)航是將主要功能控件集中在一個(gè)頁(yè)面。讓用戶進(jìn)行選擇性操作。但這樣的導(dǎo)航無(wú)法讓用戶能夠在第一時(shí)間找到想要的內(nèi)容。選擇壓力和停留頁(yè)面時(shí)間較長(zhǎng)?，F(xiàn)在采用這種導(dǎo)航的APP越來(lái)越少，往往作為二級(jí)頁(yè)內(nèi)容列表，進(jìn)行圖形化顯示，

優(yōu)點(diǎn)：規(guī)則排列，清晰展現(xiàn)各功能控件

缺點(diǎn)：無(wú)法在多個(gè)入口之間靈活切換

抽屜式導(dǎo)航

抽屜式導(dǎo)航會(huì)隱藏不重要的功能，讓用戶更專注核心功能。抽屜式導(dǎo)航一般位于當(dāng)前界面的后方。通過(guò)左（右）上交ICON或滑動(dòng)手勢(shì)顯示。帶有動(dòng)畫效果，形式上比較吸人眼球。

優(yōu)點(diǎn)：能夠大大減少主界面的導(dǎo)航控件數(shù)量。

缺點(diǎn)：1、抽屜式導(dǎo)航功能使用頻率比較低，不直觀，點(diǎn)擊較多。

2、隨著手機(jī)的發(fā)展，大屏越來(lái)越多，不在乎所謂的更大面積觀看內(nèi)容區(qū)域，左上角按 鈕反而不好點(diǎn)擊。

列表導(dǎo)航

列表式導(dǎo)航將內(nèi)容按照列表的樣式依次顯示。通常用于二級(jí)頁(yè)面。比較適用于內(nèi)容型產(chǎn)品作為主導(dǎo)或者其他APP作為輔助導(dǎo)航。一般與抽屜式導(dǎo)航相結(jié)合。

列表文本可通過(guò)間距等進(jìn)行分組。形成擴(kuò)展列表。

優(yōu)點(diǎn)：1、一次性可展示內(nèi)容較多

2、列表內(nèi)容層次清晰

缺點(diǎn)：1、排版靈活性較差

2、內(nèi)容過(guò)多，無(wú)法突出重點(diǎn)

瀑布式導(dǎo)航

瀑布式導(dǎo)航適用于在一個(gè)屏幕中向用戶展示信息，信息以卡片形式展現(xiàn)，瀑布形式來(lái)展示。給用戶瀏覽時(shí)產(chǎn)生流程體驗(yàn)。如：花瓣

缺點(diǎn)：瀏覽一段時(shí)間后，容易產(chǎn)生疲勞感。

輪播導(dǎo)航

隱藏其余導(dǎo)航選項(xiàng)，保證頁(yè)面簡(jiǎn)潔，讓用戶在同一時(shí)間只專注在一個(gè)目標(biāo)，并且往往配合大圖或者背景，獲得良好的體驗(yàn)！適用于跳轉(zhuǎn)較少，選項(xiàng)較少，體驗(yàn)瀏覽式APP。

缺點(diǎn)：用戶很難跳轉(zhuǎn)到非相鄰導(dǎo)航

小結(jié)：其實(shí)大部分APP都用了不止一種導(dǎo)航設(shè)計(jì)，只要能夠滿足功能，滿足設(shè)計(jì)重點(diǎn)的導(dǎo)航都可以進(jìn)行自由組合的！

觀看更多精彩內(nèi)容就關(guān)注我吧?。?！

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定