有关视觉稿的标注

今天看一篇标注的文章，也是有感于这样的标祝：

这样会让自己和开发人员都抓狂，这个作者比较用心，她给的方法是这样的：

每一个页面拿出来放在左边，再用三个画板来说明它

更极致的是：

还会给标注本身设置共享样式：块面通常用蓝色的遮罩，区别不同百分比时则用红黄绿的遮罩，数字间距用红底白字，视觉样式则用蓝底白字，这样的好处是：对与设计师，可以快捷修改所有标注样式；对于工程师，快速建立对这套标注视觉语言的认知，明白不同颜色所代表的信息属性，更方便的找到他所需要的信息。

虽然投入到标注的时间增加了30%，但是和工程师后期反复沟通的时间减少了80%。

我之前在项目里面，用sketch messure进行标注的时候，

也是进行三个文件提交，同一个文件上如果标全了会得密集恐惧症的，单独一个干净的PNG、一个文字单独标准的、一个是别的参数标注的。这个项目的文字使用有点零碎。

后来在另外的汽车项目的时候，这里是这么分类的：

四个文件夹：PNG(每个界面干净的PNG)、PSD（带@Assistor_guide标注并将此图层组隐藏）、尺寸标注(标注文件PNG)、切图(按照各PSD文件命名的文件夹及该PSD导出的小图片)。这个项目的文字使用比较统一、不需要很多的标注。

这几种方法都是供参考，具体的项目可以灵活运用，有更好的方式欢迎拍砖哈~