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，这时候可以将切片内容和切片图层，成组。成组后可以选中切片图层，并勾选仅导出内容。即可倒出透明资源）
网友评论