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

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

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

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

如何要讓用戶在使用中迅速掌握應用的框架結構,并且獲得良好的體驗,導航的設計方法是十分重要的。

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

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

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

比如:最美應用就用頁面輪盤作為主要導航模式,并且頁面遠遠超過了8個。

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

 

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

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

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

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

1-1層級式之列表:

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

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

這種導航結構清晰,逐級引導用戶,能夠幫助用戶快速的定位去到對應的頁面。

缺點:用戶想要切換其他頁面必須先返回。

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

1-2層級式之抽屜式:

學習 · 提示

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

關注大神微博加入>>

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