UI设计如何设计底部标签栏 底部标签栏制作方法

UI设计是这几年新兴起来的设计类别,也是一个深入我们生活的设计行业,不论是我们每天要用到的社交软件还是其他类型的软件,都离不开UI和UX设计,今天小编就带大家来看看在我们的UI设计中,如何设计底部标签栏 。赶快来看看吧!
【UI设计如何设计底部标签栏 底部标签栏制作方法】

UI设计如何设计底部标签栏 底部标签栏制作方法

文章插图
1.当我们绘制一个矩形,在上面添加上图标和文字,就变成了一个常见的标签栏,但是各个标签的样式一致,会让我们混淆,搞不清楚哪个会被选中,所以我们将其中的一个标签高亮显示,能让我们明确当前所处的位置,但是我们标签的数量不会太多,如果过多的话会让结构变得复杂,操作的时候容易误触 。
2.在设计中,标签栏的表现形式主要有三种,第一种是图标加文字,第二种是纯文字,第三种是纯图标 。图标加文字的组合时最常见的标签栏展示形式,因为有文字说明识别性就不用担心,这种方式是最不容易出错的一种方式 。
3.如果我们想要承载产品更多的功能的话,我们可以在中间加入一个舵式标签,凸出视觉效果,也能够吸引使用者的目光 。
4.纯文字的展示,比较适合用户群体跨度较大的产品,能够直观地让用户操作,不过缺点在于标签的样式有一些单一 。
5.而纯图标的展示形式,视觉风格简洁,但是会降低识别性,比较的小众,更加适合年轻人 。
6.在标签栏中未选中和选中的图标表现形式都可以有不一样的表现效果,我们都可以来尝试一下 。
以上就是小编为大家整理的,关于我们如何设计底部标签栏的具体方法,希望对你们有所帮助哦 。

    推荐阅读