Sketch 切片工具快捷键:打造高效设计工作流程

教程 2024-11-28 22:08:04 33

作为一名设计师,优化工作流程对于提高效率至关重要。Sketch 中的切片工具是简化 Web 和移动设计切片的强大功能。通过利用快捷键,您可以快速准确地导出资产,从而节省大量时间和精力。

导出单个切片* ⌘ + E:导出选定的切片
* ⇧ + ⌘ + E:导出选定的切片并保留图层结构

导出多个切片* ⇧ + ⌘ + E:导出所有切片(默认情况下不保留图层结构)
* ⇧ + ⌥ + ⌘ + E:导出所有切片并保留图层结构

导出命名切片* ⇧ + ⌘ + ⌥ + E:导出选定的切片并使用图层名称命名
* ⇧ + ⌘ + ⇧ +⌥ + E:导出所有切片并使用图层名称命名

导出为 SVG* ⇧ + ⌥ + ⌘ + E:导出选定的切片为 SVG 格式
* ⇧ + ⌥ + ⌘ + ⇧ + E:导出所有切片为 SVG 格式

导出为 PNG* ⌘ + ⌥ + ⌘ + E:导出选定的切片为 PNG 格式
* ⌘ + ⌥ + ⌘ + ⇧ + E:导出所有切片为 PNG 格式

导出为 JPEG* ⇧ + ⌘ + ⌥ + ⌘ + E:导出选定的切片为 JPEG 格式
* ⇧ + ⌘ + ⌥ + ⌘ + ⇧ + E:导出所有切片为 JPEG 格式

自定义导出设置* ⌘ + ⌥ + ⇧ + E:打开导出设置窗口,您可以自定义导出选项,例如大小、文件类型和质量

其他有用的快捷键* :显示所有切片
* :隐藏所有切片
* :选择所有切片
* :取消选择所有切片
* :反选切片

技巧* 使用 “⌘ + ⇧ + E” 快捷键导出所有切片是一种快速获取所有设计资产的方法。
* 通过单击切片工具栏中的 “命名” 按钮,您可以轻松地以图层名称命名切片。
* 在导出设置窗口中,您可以设置默认导出选项,从而简化重复导出任务。
通过掌握这些快捷键,您可以显著提高使用 Sketch 切片工具的效率。这些快捷键使您可以快速导出资产,减少错误,并充分利用 Sketch 的强大功能。