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

UI知識,首頁、導航欄、標題欄三種潛規(guī)則

來源:站酷 作者:harry卷妹 學習:7698人次

跟大家分享一下UI設計時的三種潛規(guī)則

A、標簽欄下滑型中:

(1)普通下滑型,比如:豆瓣、QQ、微信、58同城、淘寶網(wǎng)、同程旅游……很多工具應用性強的APP都是走這個實用路線,他的功能模塊在下方標題欄,就像一件不出錯的衣服,看起來不夠好看,但是實用。

UI知識,首頁、導航欄、標題欄三種潛規(guī)則_m.tgudhdp.cn

UI知識,首頁、導航欄、標題欄三種潛規(guī)則_m.tgudhdp.cn

UI知識,首頁、導航欄、標題欄三種潛規(guī)則_m.tgudhdp.cn

(2)隨心所欲型:比如格拉瓦,他采用的方式是左對齊,當你隨便點擊一個icon的時候,會展出給你做解釋。

UI知識,首頁、導航欄、標題欄三種潛規(guī)則_m.tgudhdp.cn

B、導航欄上滑型:

(1)滑動型:比如mono,他的導航欄采用左右滑動去選擇功能模塊,靈動,偶喜歡這種方式。

UI知識,首頁、導航欄、標題欄三種潛規(guī)則_m.tgudhdp.cn

國內(nèi)的bilibili也是采用這種將工具欄放在上方滑動的方式。這種比較適合藝術(shù)感十足,靈動的APP UI。

UI知識,首頁、導航欄、標題欄三種潛規(guī)則_m.tgudhdp.cn

(2)固定型:比如QQ音樂,他將功能模塊放在上方導航欄,選項少。

UI知識,首頁、導航欄、標題欄三種潛規(guī)則_m.tgudhdp.cn

C、刪除型:完全放棄導航欄和標題欄,因為功能選項設置在主界面,可以破壞死板的UI的固有形象。比如News digest

UI知識,首頁、導航欄、標題欄三種潛規(guī)則_m.tgudhdp.cn

學習 · 提示

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

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

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