當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

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

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

輪播式完美體現(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)實中存在的物體及其操作體驗。

例子:手機上的指南針,可以設(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è)計方法

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

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

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

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