UI设计师在根据原型图做设计稿的时候,遵守一定的设计规范能够让设计稿看起来更标准,也能体现个人水准,下面介绍标签栏设计规范。工具/材料
sketch
标签栏设计规范
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。