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。
赞 (0)