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