12-20

切图标注流程

1、切图标注容易忘记，因为在项目的最后阶段，时间间隔比较久，多练习。
2、iOS切两套，2倍和3倍，后缀名加上@2x、@3x（sketch自带导出就有，不用加）；安卓切4套，2、3、4倍，分别建立不同的文件夹，名称不需要后缀名。

手动切图标注

一、在ps中切图，选中需要导出的图层，点击「导出为」，用 750px 做的话，2倍图图像大小的「缩放」改成100%，3倍图150% ；Sketch：选中需要切图的图层，右下角选择「导出」，默认是1、2、3倍图，或者用小刀工具，快捷键是「s」，画一个切图的矩形，会生成一个切图图层
二、在PxCook中标注好间距、字体样式、尺寸、文本注释，导出标注图片
三、打包【设计稿图片+切图文件+标注文件】发送给开发

蓝湖协作方式

一、标记切图，ps：选中需要导出的图层，在蓝湖插件中选择「标记为切图」，sketch：选中需要切图的图层，右下角选择「导出」，或者用小刀工具，快捷键是「s」，画一个切图的矩形虚线框，sketch的标记切图是用的自带的「导出图片」
二、上传画板至蓝湖网站
三、发送分享链接给开发图标注流程

1、切图标注容易忘记，因为在项目的最后阶段，时间间隔比较久，多练习。
2、iOS切两套，2倍和3倍，后缀名加上@2x、@3x（sketch自带导出就有，不用加）；安卓切4套，2、3、4倍，分别建立不同的文件夹，名称不需要后缀名。

手动切图标注

一、在ps中切图，选中需要导出的图层，点击「导出为」，用 750px 做的话，2倍图图像大小的「缩放」改成100%，3倍图150% ；Sketch：选中需要切图的图层，右下角选择「导出」，默认是1、2、3倍图，或者用小刀工具，快捷键是「s」，画一个切图的矩形，会生成一个切图图层
二、在PxCook中标注好间距、字体样式、尺寸、文本注释，导出标注图片
三、打包【设计稿图片+切图文件+标注文件】发送给开发

蓝湖协作方式

一、标记切图，ps：选中需要导出的图层，在蓝湖插件中选择「标记为切图」，sketch：选中需要切图的图层，右下角选择「导出」，或者用小刀工具，快捷键是「s」，画一个切图的矩形虚线框，sketch的标记切图是用的自带的「导出图片」
二、上传画板至蓝湖网站
三、发送分享链接给开发