Sketch设计稿的标注

标注目的

通过对设计稿的标注，让开发同事很清楚的知道设计稿中每个元素的属性，确保按设计规范实现。

标注内容

一、尺寸：容器的大小

1、控件的不同状态的标注；

2、图标或文字区域，覆盖热区后标注；

3、有圆角的标注圆角半径；

4、图片的适配，标注比例，4:3/16:9;

5、按钮的适配：高度固定，宽度自适应（标注两边间距）；

二、文字

1、字体；

2、字号；

3、颜色；

4、透明度；

5、行高；

6、对于非固定长度的文字，要注明一行最多显示字符数，超出折行或省略处理；

三、间距：容器与容器之间的距离

1、分割线最好用矩形1像素代替直线，确保标注间距时不会出现小数点；

四、颜色

1、背景色（大背景色/区块背景色）；

2、按钮颜色（普通按钮/文字按钮/图标按钮/开关按钮）；

3、分割线颜色；

标注方法

标注工具有很多，大家可以根据习惯选择。

1、摹客；

2、Sketch Measure；

3、Zeplin；