日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 移動設(shè)計,移動應(yīng)用導(dǎo)航模式設(shè)計方法

移動設(shè)計,移動應(yīng)用導(dǎo)航模式設(shè)計方法

時間:2024-03-07 15:01作者:下載吧人氣:22

移動應(yīng)用的導(dǎo)航和現(xiàn)實世界中的路標(biāo)或者地圖的作用很類似。它是應(yīng)用軟件的虛擬框架,對用戶具有指示標(biāo)識以及識別的功能。

如何要讓用戶在使用中迅速掌握應(yīng)用的框架結(jié)構(gòu),并且獲得良好的體驗,導(dǎo)航的設(shè)計方法是十分重要的。

相信做設(shè)計師的都看過《移動應(yīng)用UI設(shè)計模式》這本書,但由于行業(yè)發(fā)展太快,里面的介紹的導(dǎo)航模式已經(jīng)發(fā)生很多變化。并且很多觀點(diǎn)已經(jīng)過時。

舉個例子:比如該書中介紹的“頁面輪盤式”導(dǎo)航,只能作為次級導(dǎo)航,而且說“頁面輪盤式導(dǎo)航有一定的局限性。如果頁面超過8 個,最好考慮使用列表菜單式導(dǎo)航。”

以現(xiàn)在觀點(diǎn)來看這些都是錯誤的。

比如:最美應(yīng)用就用頁面輪盤作為主要導(dǎo)航模式,并且頁面遠(yuǎn)遠(yuǎn)超過了8個。

移動設(shè)計,移動應(yīng)用導(dǎo)航模式設(shè)計方法

那么現(xiàn)在我們切入正題,如何來設(shè)計導(dǎo)航模式?

首先用什么導(dǎo)航模式,取決于產(chǎn)品的信息架構(gòu)及用戶的需求,APP的導(dǎo)航應(yīng)該與應(yīng)用的結(jié)構(gòu)和意圖相契合。一個好的設(shè)計,用戶是不會注意到導(dǎo)航本身的,用戶關(guān)注的是產(chǎn)品信息和功能使用。

《IOS人機(jī)界面指南》把導(dǎo)航分為3類(注:個人認(rèn)為這種分類方式,最為簡潔而且有邏輯性):

移動設(shè)計,移動應(yīng)用導(dǎo)航模式設(shè)計方法

1-1層級式之列表:

最常見的導(dǎo)航模式之一,即可作為主導(dǎo)航模式(例如:IOS自帶設(shè)置;IOS端qq郵箱),也可以作為次級導(dǎo)航模式。

列表菜單很適合用來顯示較長或擁有次級文字內(nèi)容的標(biāo)題。

這種導(dǎo)航結(jié)構(gòu)清晰,逐級引導(dǎo)用戶,能夠幫助用戶快速的定位去到對應(yīng)的頁面。

缺點(diǎn):用戶想要切換其他頁面必須先返回。

移動設(shè)計,移動應(yīng)用導(dǎo)航模式設(shè)計方法

1-2層級式之抽屜式:

抽屜式導(dǎo)航的實質(zhì)就是隱藏掉非核心的操作與功能,讓用戶更專注于核心的功能操作上去。但應(yīng)用主要的功能和用戶常用功能不能隱藏。

因為隱藏的側(cè)邊欄將會浪費(fèi)掉大多數(shù)的用戶對于側(cè)邊欄中入口的潛在參與度和交互程度。除非當(dāng)各內(nèi)容項不需常切換時,才可以采用抽屜式導(dǎo)航。

舉例:比如以閱讀內(nèi)容為主的APP——網(wǎng)易新聞;顯然,人們使用這個應(yīng)用的最大目的就是閱讀新聞,還有常用功能就是回帖和看評論放在主頁面。而不常用的功能放在了抽屜頁。看下圖:

移動設(shè)計,移動應(yīng)用導(dǎo)航模式設(shè)計方法

2-1 扁平式——標(biāo)簽式

標(biāo)簽式是現(xiàn)在APP使用最多的導(dǎo)航模式。IOS標(biāo)簽在屏幕底端,android標(biāo)簽正常的應(yīng)該放屏幕頂端(也有放底端的)。

當(dāng)應(yīng)用需要用戶頻繁的在不同分頁切換時,采用這種導(dǎo)航方式最為合適。

但在手機(jī)上標(biāo)簽的數(shù)量是有限制的,一般不能多于5個。所以如果標(biāo)簽過多,可以將標(biāo)簽放通用標(biāo)簽下。

此種導(dǎo)航適用于標(biāo)簽數(shù)量不多,而且各個功能切換比較頻繁。

移動設(shè)計,移動應(yīng)用導(dǎo)航模式設(shè)計方法

2-2 扁平式-宮格式

宮格式導(dǎo)航模式一般作為次級導(dǎo)航比較多,比如支付寶就是典型的標(biāo)簽式嵌套宮格式。

但做主要導(dǎo)航方式不太合適。如果主導(dǎo)航模式的話,首屏只有導(dǎo)航而沒有實際的內(nèi)容,和以內(nèi)容為核心的要求相悖。

此種模式主要適用于:應(yīng)用功能較多,較分散,并切各個功能之間沒有交叉。主要作為次級模式,或放主頁作為功能入口。

移動設(shè)計,移動應(yīng)用導(dǎo)航模式設(shè)計方法

3-1輪播式

輪播式導(dǎo)航頁面簡潔性,操作也是最方便的。但是不能夠快速的定位對應(yīng)的分頁內(nèi)容。

輪播式完美體現(xiàn)了以內(nèi)容為核心的設(shè)計理念。一般以獲取簡單信息為目的應(yīng)用可以采用這種方式。

典型例子就是IOS自帶應(yīng)用天氣。

移動設(shè)計,移動應(yīng)用導(dǎo)航模式設(shè)計方法

最美應(yīng)用也是輪播式

移動設(shè)計,移動應(yīng)用導(dǎo)航模式設(shè)計方法

3-2隱喻式

隱喻就是用虛擬軟件來模擬現(xiàn)實中存在的物體及其操作體驗。

例子:手機(jī)上的指南針,可以設(shè)計成模擬真實指南真的表盤。右邊是一個節(jié)拍器的應(yīng)用,節(jié)拍器是什么,請問度娘。右邊的節(jié)拍器完全模擬了真實節(jié)拍器的界面和操作方式。這個就是隱喻式的使用。一般使用此種方式的都是一些工具類的小應(yīng)用。設(shè)計時直接模擬真實物體的操作方式即可。

移動設(shè)計,移動應(yīng)用導(dǎo)航模式設(shè)計方法

3-2陳列式

陳列館式的設(shè)計通過在平面上顯示各個內(nèi)容項來實現(xiàn)導(dǎo)航。注意此種導(dǎo)航模式和宮格的區(qū)別:陳列式直接顯示的是內(nèi)容,而宮格式顯示的只是功能入口。

舉例:IPad上的Pinterest(不知道這是什么??看看花瓣抄的誰。。)

移動設(shè)計,移動應(yīng)用導(dǎo)航模式設(shè)計方法

總結(jié):

以上導(dǎo)航模式可互相嵌套,選一種作為主導(dǎo)航模式,其他作為次級導(dǎo)航模式。不要只局限于一種導(dǎo)航模式。大部分應(yīng)用都會嵌套幾種導(dǎo)航模式。到底使用何種方式導(dǎo)航,取決于APP的信息架構(gòu)及用戶需求。

看大淘寶應(yīng)用了哪些導(dǎo)航:

移動設(shè)計,移動應(yīng)用導(dǎo)航模式設(shè)計方法

標(biāo)簽Victor_J_C,ps基礎(chǔ)教程,理論教程,ps理論,ps

相關(guān)下載

查看所有評論+

網(wǎng)友評論

網(wǎng)友
您的評論需要經(jīng)過審核才能顯示

公眾號

主站蜘蛛池模板: 欧美精品一级 | 日本美女福利视频 | 91成人爽a毛片一区二区 | 成人国产在线视频在线观看 | 免费色网址| 成人在线精品视频 | 一级国产精品一级国产精品片 | 久久99热精品免费观看欧美 | 国产伦精一区二区三区视频 | 韩国主播19福利视频在线 | 一级做a爰片毛片 | 综合自拍亚洲综合图区美腿丝袜 | 午夜看片网站 | 国产在线免 | 日本www色视频成人免费网站 | 毛片手机在线观看 | 免费一级真人毛片 | 99精品久久精品一区二区 | 精品视频在线观看一区二区三区 | 男女视频免费看 | 在线观看亚洲人成网站 | 成人黄网18免费观看的网站 | 国产成人a福利在线观看 | 日韩一区二区三区视频在线观看 | 欧美日韩国产一区二区三区播放 | 亚洲国产人成中文幕一级二级 | 欧美一区二区三区在线观看 | 国产一国产a一级毛片 | 免费被黄网站在观看 | 成人手机在线视频 | 亚洲日本一区二区三区在线 | 亚洲国产精品久久久天堂 | 搞黄网站在线观看 | 女人张开腿让男人桶视频 | 免费aⅴ片| 国产真实乱子伦精品 | 黄色三级网址 | 亚洲国产欧美精品 | 日韩免费视频播播 | 亚洲精品中文字幕字幕 | 久久爰www免费人成 久久曰视频 |