當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

移動設計,移動應用導航模式設計方法(3)

來源:站酷 作者:Victor_J_C 學習:3331人次

輪播式完美體現了以內容為核心的設計理念。一般以獲取簡單信息為目的應用可以采用這種方式。

典型例子就是IOS自帶應用天氣。

移動設計,移動應用導航模式設計方法

最美應用也是輪播式

移動設計,移動應用導航模式設計方法

 

3-2隱喻式

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

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

移動設計,移動應用導航模式設計方法

3-2陳列式

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

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

移動設計,移動應用導航模式設計方法

總結:

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

看大淘寶應用了哪些導航:

移動設計,移動應用導航模式設計方法

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!