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。