APP标签栏设计规范

UI设计师在根据原型图做设计稿的时候，遵守一定的设计规范能够让设计稿看起来更标准，也能体现个人水准，下面介绍标签栏设计规范。

标签栏设计规范

【步骤01】

进入sketch软件界面，按A添加画板，在右侧可以选择预设尺寸。

【步骤02】

画板创建完成后来绘制标签栏大小，在工具栏中选择“矩形”

【步骤03】

选择工具后，在画板中绘制形状，标签栏正常高度为98px，所以我们在一倍图中作图的话，就要为48px。

【步骤04】

形状创建完成后，在右侧属性中可调整形状的大小、填充等，一般我们都会添加一个y-1,模糊1的阴影，让标签栏能够和页面区分开。

【步骤05】

标签栏规范高度一定要为49px，你可以在属性栏“高”中输入数字调整。

【步骤06】

在标签栏中肯定要有按钮进行点击的，那么按钮的大小要求是怎样的呢？我们随便绘制一个按钮。

【步骤07】

在标签栏中的按钮最小点击区域不能小于44*44，所以我们需要绘制一个矩形在按钮的下方，高宽都要是44哦，切图的时候连着一起切。

【步骤08】

输出按钮的时候，选择“切片”，然后切出44*44区域即可，不要矩形填充颜色的话，可将形状填充设为0%。

【步骤09】

最后导出的时候要注意，因为我们375*667是一倍尺寸，导出的时候，大小要选择2x。