导出图层

图层或切片

导出一个图层本身意味着画布上的除此图层之外的任何内容都不会被导出。如果这个图层的上面或者下方还存在其它元素,这些内容同样不会被包含到导出的文件中。

这种导出方式在导出图标或者某些大范围设计稿中的小内容的时候非常有用,但是它并不适合导出你的整个设计稿。对于此类导出,请选择传统的切片或者画板的导出方式。

如下的视频中,你会看到导出切片和图层之间的不同点,以及Sketch导出功能的概要。

 

图层导出

如果只想导出单个的图层,你可以在属性检查器中去做。选中你想要导出的图层或者组,点击属性检查器右下角的“Make Exportable”,或者使用菜单命令Layer>Maker Exportable。

在属性检查器中,此时你可以看到导出图片的预览,默认情况使用原始尺寸,不带文件名后缀,文件格式为PNG。当然,Sketch支持导出多种文件格式

点击属性检查器右下角的“+”按钮以增加一种导出尺寸。默认情况下,静电新增的文件尺寸为带有@2x名称后缀的2倍图,但是你可以随意调整为你需要的尺寸和名称。比如,如果你已经在使用@2x的尺寸做设计,此时你可以将缩放倍数改为1x,后缀调整为@2x。接下来输出1x尺寸的时候,简单输入0.5x即可,并且不用写后缀名。

请注意,Sketch支持导入任意倍数的尺寸大小,如果你在为Android做设计,你可能需要1.5x的导出尺寸。

 

图层列表

你可能会注意到图层列表中的某些图层带有一个小刀的标志。这表示此图层是可以导出的图层。下次当你在菜单中执行“Export”命令时,这些带有小刀标志的图层就会出现在导出列表中。

请注意,你也可以直接从图层列表导出图层,而无须将此图层设置为“Exportable”或者定义切片。当然,你也可以直接将列表中的图层拖拽到Finder窗口或者其它应用中,此时Sketch会快速生成一个PNG格式的图片。要直接以PDF数据放入剪贴板中,按住Option(  )键即可。