8.1 切片
在新文档第一次在工具条中点击“导出(Export
)”时, Sketch 会在你的文档中创建一个新的切片,来精确地包围住你画布中的全部元素。也许你不想要其中的一些元素,可以拖动切片的任意一边来调整大小。如果愿意,你可以在根据需要,在画布区域上通过简单的点击、拖拽来添加更多切片。
命名
你可以给每个切片起一个它自己的名字,这个名字在切片存盘时会用于文件名。
一个优雅的技巧:如果在命名中包含斜杠(/
),在存盘时会先创建一个子文件夹。例如,如果你将切片命名为 foo/bar.png
,它将会首先创建一个名字为 foo
的文件夹,然后在这个文件夹下创建一个文件名为 bar.png
的图片。
视网膜
在检查器中还有一个 @2x
的复选框。如果选中它, Sketch 在导出正常图片之外,还会导出一个两倍分辨率的图片,并且为文件名添加 @2x
后缀——这是 Apple 在应用程序中提供视网膜质量图片时的命名惯例,Sketch 将这一额外的步骤变得轻而易举。
只导出某些图层
默认每个切片将会包含在它边界范围内的所有图层(Include all layers
),不过你可以对切片进行设置,使它只导出选中的图层,选中“只包括下列图层(Only include the following:
”。 在这个选项下面,你会看到要被导出的图层列表,你可以给选中所想要导出图层前面的复选框。假设你正在设计一个网站,想要导出画布上的某个按钮图片。如果它包括了透明像素,你可能不想导出按钮后面的背景,使用上面描述的方法,你可以只导出相关的图层。
裁切
每个切片的最后一个选项就是“裁切透明像素(Trim transparent pixels
)”。当选项打开的时候,每一个切片将会在裁切掉四周的透明像素之后导出。
例如,你在文档某处定义了一个 30x40 像素的切片,但是它的内容是一个圆形,只有 15x15 像素。你不需要改变切片大小来精确地适合这个椭圆,只要打开裁切选项, Sketch 将会在 30x40 的切片中剪去透明像素,直到剩下一个 15x15 的图片。
在前述“只导出选中图层”的设置下,裁切功能同样有效。