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

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

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

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

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

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

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

 

3-2隱喻式

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

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

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

3-2陳列式

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

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

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

總結(jié):

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

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

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

學(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)回答!