当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

UI知识,首页、导航栏、标题栏三种潜规则

来源:站酷 作者:harry卷妹 学习:7698人次

跟大家分享一下UI设计时的三种潜规则

A、标签栏下滑型中:

(1)普通下滑型,比如:豆瓣、QQ、微信、58同城、淘宝网、同程旅游……很多工具应用性强的APP都是走这个实用路线,他的功能模块在下方标题栏,就像一件不出错的衣服,看起来不够好看,但是实用。

UI知识,首页、导航栏、标题栏三种潜规则_www.16xx8.com

UI知识,首页、导航栏、标题栏三种潜规则_www.16xx8.com

UI知识,首页、导航栏、标题栏三种潜规则_www.16xx8.com

(2)随心所欲型:比如格拉瓦,他采用的方式是左对齐,当你随便点击一个icon的时候,会展出给你做解释。

UI知识,首页、导航栏、标题栏三种潜规则_www.16xx8.com

B、导航栏上滑型:

(1)滑动型:比如mono,他的导航栏采用左右滑动去选择功能模块,灵动,偶喜欢这种方式。

UI知识,首页、导航栏、标题栏三种潜规则_www.16xx8.com

国内的bilibili也是采用这种将工具栏放在上方滑动的方式。这种比较适合艺术感十足,灵动的APP UI。

UI知识,首页、导航栏、标题栏三种潜规则_www.16xx8.com

(2)固定型:比如QQ音乐,他将功能模块放在上方导航栏,选项少。

UI知识,首页、导航栏、标题栏三种潜规则_www.16xx8.com

C、删除型:完全放弃导航栏和标题栏,因为功能选项设置在主界面,可以破坏死板的UI的固有形象。比如News digest

UI知识,首页、导航栏、标题栏三种潜规则_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!