Sketch使用注意事项（超赞！）

sketch 笔记:

sketch 750做2倍尺寸

用Marketch  切片输出1x 和  2x  然后把2x缩成1.5x

————————————————————————

1、 找到界面里需要切图的地方，选择切片工具或者快捷键s，并把切片的虚框和对应要切片的图层放到一个组。然后选中切片的虚框，在右上角的切片属性里设置切片 大小并选中export group contents only,这一步很重要，不然到时候开发导出的切图会有背景。

2、切图的图标没有点击态？

答：方法一：可以在单个文件下面加长一条，新增一些图标点击态；方法二：建立一个设计规范，把整个app的图标控件整理，方便开发统一调用（楼主用的是这个）。

3、为什么切片的预览图和实际导出的图不一样，而且尺寸大小不一致？

答：切片一定要放在图片的上方且切片命名不要重复，图片的XY轴位置不能出现小数点。

4.多套icon同时输出。

1、IOS图标需求：

@2x二倍图标用于iPhone6Plus以下的设备；

@3x三倍图标用于iPhone6Plus。

2、Android图标需求，Android主流分辨率有以下3种：

@1x一倍图标用于hdpi 800*480px；

@2x二倍图标用于xdpi 720*1280px；

@3x三倍图标用于xxdpi 1080*1920px。

5、

第二步：导出Icon

选择所有画板，点击右下角［＋］加号，添加@2x、@3x。（如果设计图本身就是二倍图，那么就添加@1x、@1.5x）。点击［Export Artboards］导出即可，建议导出到一个独立的文件夹中，或者导出前新建一个文件夹。不然结果会被吓到！

6.

第一点：设计尺寸和资源的比例

sketch的切图首先要明确你是在用什么尺寸进行设计，这个关系到导出图片的倍数。

如果设计尺寸是375x667pt，那么导出的资源尺寸倍数，1倍，2倍，3倍。（推荐使用这个尺寸）。

如果设计尺寸是750x1334px，那么导出的资源尺寸倍数，0.5，1倍，1.5倍。（某些设计师喜欢这个尺寸）。

第二点：切图大小和资源的关系

方法一：图层直接切图，切图效果仅生成内容尺寸。

如果你的设计尺寸是20x20pt，而内容尺寸是18x16pt，那导出的尺寸为18x16pt。

方法二：使用切图工具进行框选切图。

切刀工具会自动吸附到外框，点击后依然会切到内容尺寸，需要手动调整到期望尺寸。

（通常我们需要切透明 .png，这时候可以将切片内容和切片图层，成组。成组后可以选中切片图层，并勾选仅导出内容。即可倒出透明资源）