UI设计中标签栏有什么作用?包含哪些内容?

我们平时在使用app或者网页的时候,常常会在界面的底部看到标签 。很多零基础学ui设计的小伙伴都不太明白为什么设计师在页面中要添加这些标签,这些标签对提升用户体验有帮助吗?接下来小编就跟大家简单分析一下标签的作用 。

UI设计中标签栏有什么作用?包含哪些内容?

文章插图
为什么要设计标签栏?
传达核心功能
底部标签栏一个完整的产品架构一般由 3~5 个功能(入口)组成,这些功能一般都是产品的核心功能,可以帮助用户高效、精准、快速的找到需要的功能 。
突出重要功能
还有一些虽然不是核心但是使用频率较高的功能,由于受到核心功能的前置条件或索引,也会将入口置于底部标签栏 。需要注意的是,这种功能在操作之后大部分都会进行二级页面跳转,与其他标签的等级权重并非平行 。
多种展示方式
因受众用户的需求不同,所以标签栏可以承载多种视觉展现方式,以传达出不同的产品气质 。例如有的受众群体范围会比较喜欢纯文字标签,而年轻化的用户更喜欢简洁方便的图标标签 。
定位用户坐标
用户可以通过被激活的标签(高亮、颜色变化)清楚自己当前所处位置,减少用户思考或通过其他信息解读而花费不必要的时间 。
底部标签栏的结构布局有哪些?
1、用来承载标签栏所有元素的容器 。
2、 激活状态下的图标,会有颜色变化和高亮提示,可以用来明确用户当前所在位置,点击不会跳转到其他功能模块(舵式导航除外) 。
3、 激活状态下的标签文本,和激活状态下的图标有着同样的作用 。
4、 未激活状态下的图标,相比激活状态,视觉层级较弱,点击会跳转至对应的功能模块 。
5、 未激活状态下的标签文本和未激活状态下的图标作用相同 。
【UI设计中标签栏有什么作用?包含哪些内容?】以上就是关于UI设计中标签栏的作用和构成布局相关知识内容,标签栏的制作设计是UI设计师常常需要做的任务内容,初学UI的小伙伴们可以熟悉了解一下相关的知识 。

    推荐阅读