Sketch的导出(Export)研究报告
__from「Pillow on books」
用过sketch的同学应该都有过这样的体验，在刚接触sketch的时候基本上都为导出(Export)这个功能发过愁吧。我当时就为此纠结过好久，直到后来翻阅了各种资料问过了各位大神当时才导出几张交互稿来。（也可能是因为笔者太笨了囧
sketch里面的导出模块的设置位于整体界面的左上角，当然也可以从最顶的菜单栏通过File>Export进入，这个比较基础想必大家也都了解，我就不再赘述了。
按照我个人的sketch使用经验，sketch可导出的是图层、画板、以及切片。首先说下图层(layer)，图中所有的红框框住的每一条都是图层，而包含其他图层图标为文件夹的我称之为组合图层。
layer最方便的导出方法就是用光标选中然后将需要的那个layer直接拖拽至桌面或者指定文件夹
像这样
当然你也可以复选两个以上拖出，这样生成的文件则是单独的文件。
如果想要复合的图形，可以直接把需要组合的图层通过 Command+G 群组，再进行拖拽，这样生成的图形文件就是复合的一个了～
值得注意的是，这样拖拽虽然快速，但是生成的文件始终是1x的png格式，选择较为单一（拖拽时若按住option则生成的是1x的pdf格式。
如果你要导出多个尺寸的话，那还是要用右侧的检查器底部的 "Make Exportable" 按钮，一次导出多个。
我们还可以从上图看到，被 "Make Exportable" 之后的图层其icon的右下角有一把刀代表的就是这个图层有Export；而整个页面的左下角的小刀数则代表了有多少个图层被Export，可以由界面右上角的Export统一or选择输出。
需要提醒的是，我们自己导入的图片image（即icon是以图片表示的，如下图）是不能够通过拖拽这一方式导出的。也就是说，只要是复合图层里有外部导入的图片，都是不能通过拖拽导出图片文件，即只能通过"Make Exportable”来Export。
通过上面我们就可以发现，无论是多少个lays的导出，我们都可以通过Command+G把他们全部组合在同一个复合图层然后通过 "Make Exportable" 来输出整体。所以其实sketch的导出基本上是非常方便的。
大多数设计师在用sketch设计时多数会选择利用画板，因为sketch中画板artboard有个非常人性化的设定就是自带尺寸。想必设计师们都是有强迫症的，给每个屏幕分别设立一个画板的应该不止我一个，所以当输出单屏内容时间我一般都是通过画板来输出。
artboard的Export形式跟复合图层的Export类似，无非也是有着受限的拖拽与强大的"Make Exportable" 。但是仔细观察之下artboard中要多出几个功能，下面是单击artboard检查器中的几个功能。
Trim Transparents Pixels（剪透明像素格），我理解是把图中的透明像素剪切掉，如果需要指定页面大小输出建议不要选。
Export Group Contents Only（仅导出组内图层），选中这个，就只会到导出那些在此画板的，而不会其他画板的东西。
举个例子，两个重叠的artboard，2板是空的1是有内容的，没选择则2板输出在其可见的图，选中了则输出空图
最后是关于切片了，slice的基本功能界面跟artboard是一样一样的，连检查器里面的几个功能都有。
我自己最经常用到slice的场景便是需要将多个artboard合并export的时候。至于切图神马的，人家还没有进化到gui的说（捂脸
所以留下一个可爱的占位符以后来编辑吧～^_^
btw
在最后，我想跟大家讨论一下关于export导出文件size的问题，在我的理解中1x、2x表示的应该是图片放大倍数的问题。测试过导出png的话图片大小是不一样的，可是导pdf确是大小都一样。难道说，在横线之下的pdf、eps、svg格式文档是大小不随size变化而变化的？T T
上次作品集要求5M，我就是先导出了0.5x的png再拉进去导pdf的，超级麻烦啊。。。bug了是不？
评论(3)
