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

2023-11-08 17:15:18 来源/作者: / 己有:1人学习过

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

A、标签栏下滑型中:

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

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

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

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

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

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

B、导航栏上滑型:

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

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

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

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

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

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

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

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