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

來(lái)源:站酷 作者:Victor_J_C 學(xué)習(xí):3331人次

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

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

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

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

 

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

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

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

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

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

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

 

2-2 扁平式-宮格式

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

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

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

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

 

3-1輪播式

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

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!