UI设计在我们的生活中已经必不可少了，不论是出行中还是居家，都离不开我们的UI设计 。今天小编为大家带来的就是，在我们的UI设计标签栏的设计方法和步骤，在任何界面设计中都会运用到的，也是非常实用的方法，赶快和小编一起来学习看一看吧！
文章插图
1.首先制定一个标签项容器，以宽度为375px的一倍图为例，高设为49px，假设有五个标签页，五等分得到一个宽为75px的标签项容器，将绘制好的icon，复制并粘贴置入容器，布局设置为上下、水平居中 。
2.然后复制标签项容器，并设置水平shift+A，自动布局，将每一个标签容器的Resizing属性设置为填充容器，高度设定 。
3.做完之后，将当前标签页icon设置为高亮，加强与其他icon的对比度，将标签栏constraints水平属性设置为left and right，垂直设置为向下，勾选固定在底部，这样在适配其他不同机型时，不管如何拉伸，都能保证宽度自适应，高度不变 。
【UI设计标签栏的方法 标签栏怎么设计？】4.接下来，我们可以试着扩展一下设计方案，然后将画面进行最后的整理和调试，就制作完成啦 。
以上就是小编为大家带来的，关于UI设计标签栏的方法，希望对正在学习UI设计和Figma软件的小伙伴们，有所帮助哦！
推荐阅读
- 怎么设计搜索框？Figma设计搜索框的方法
- 在UI设计中圆角的作用 UI设计圆角的应用
- 小眼美女适合什么发型设计
- 侧脸丑适合什么发型
- 方脸适合什么发型男生短发发型设计
- 方脸适合什么发型男短发发型设计
- 方脸适合什么发型男士发型设计
- 男生脸长适合什么发型设计
- 女士国字脸适合什么发型设计
- 国字脸男生适合什么发型设计