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;

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容