Sketch 怎么切图,两个方法快速教你上手

发布时间:2022-11-30 15:47:12

Sketch 本身自带切图功能,选中需要切图的部分,点击小刀一样的图标,即可进行切图。当然除此之外,还可以借助插件进行切图标注和切图:Sketch Meaxure 这个插件,在 Sketch 自带的插件功能之外再进行额外的切图功能,提高工作效率。

Sketch 中自有切图功能

首先我们在 Sketch 中先导入一个设计文件做演示。

Sketch 怎么切图

选中文件并点击右下角的「制作导出项」,并点击小刀图案的图标,一般这种小刀图案的图标都是指代切图的含义,比较形象生动。

然后我们可以选择预设导出倍数:0.5x、1x、2x、500w、200h,这个倍数是指导出的分辨率。

导出的格式也可以根据自己的需求选择,Sketch 支持的格式还是比较多的:PNG、JPG、TIFF、WEBP、PDF、EPS、SVG 等。

同时一般图标的导出要求有固定的尺寸,因此建议在这里设置具体的数值进行修正。

调整好这些数据之后,在左侧命名该切图,并点击「已选中导出项」。

即可将其导出切图文件。

使用插件 Sketch Meaxure 导出规范

还有一种方式是使用 Sketch Meaxure 插件导出规范,这个插件是之前大热的 Sketch Measure 插件的替代版本。我们可以使用这个插件进行标注,快速且细致的标注出来每一个信息,还支持评论标注。

点击最顶上「插件」,选择启动插件「Sketch Measure 」并点击「Spec Export」,就可以看到我们可以导出切图规范。

最后

以上就是关于「Sketch 怎么切图」的全部内容,Sketch 是一个可以做 UI 设计、产品原型和开发交付的 UI 设计工具,也正因此它才这么受欢迎。其中,对于 UI 设计师来说,使用 Sketch 自带的切图功能加上

Sketch Meaxure 插件的标注功能,其实已经完全足够使用。当然,Sketch 好用的插件不胜枚举,比如 PxCook 这类型的切图插件也是可以很好的辅助更好的切图。希望本文对你有帮助!