标注目的
通过对设计稿的标注,让开发同事很清楚的知道设计稿中每个元素的属性,确保按设计规范实现。
标注内容
一、尺寸:容器的大小
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;