最强大的图片裁剪工具（含最详细讲解）

工具栏

整合所有功能图标的工具栏，方便操作各项功能

执行 >> 或使用快捷键 ⌃+shift⇧+B

标记区域

有时您可能需要标记某个区域以突出显示该图层，这很容易做到

在中选择一个或多个图层

点击工具栏上的区域按钮或使用快捷键 ⌃+shift⇧+1

方面

用来标记某些层的宽度和高度

在中选择一个或多个图层

点击工具栏上的尺寸按钮或使用快捷键 ⌃+shift⇧+2

对于宽度和高度sketch 快捷键，如果要单独标记和设置显示模式

您可以按住 alt 键并单击工具栏上的大小按钮

标签间隔

任何图层与画板之间的间距

选择画板上的一个图层或选择任意两个图层

单击工具栏上的空格按钮或使用快捷键 ⌃+shift⇧+3

如果你想分别显示顶部、右侧、底部或左侧边距

您可以按住 alt⌥ 键并单击工具栏上的间隔按钮

标签属性

有关注释层或文本层的信息，例如填充颜色、边框颜色、不透明度字体和字体大小。

在中选择一个或多个图层

单击工具栏上的“属性”按钮或使用快捷键 ⌃+shift⇧+4

如果你想单独注释任何属性

您可以按住 alt 键并单击工具栏上的属性按钮

标记笔记

在画板上标记一些注释，并在标准导出的查看器中显示它们

插入文本层并输入一些文本

选择文本图层

点击工具栏上的注释按钮或使用快捷键 ⌃+shift⇧+5

设置切割

快速设置图层导出选项的预设和规格，即可导出切片规格，如下图即可导出资源

在中选择一个或多个图层

单击工具栏上的“设置剪切”按钮或使用快捷键 ⌃+ shift⇧+S

如果你想创建一个图块层

您可以按住 alt⌥ 键，同时单击工具栏上的“设置剪切”按钮

颜色命名

设置颜色命名并导出.xml文件给开发人员

点击工具栏上的颜色命名按钮或使用快捷键 ⌃+shift⇧+C

选择一个或多个图层或文本图层

在步骤1弹出的色彩管理对话框中，点击+按钮

如果你想编辑颜色名称

双击对话框界面中的颜色项。

规范导出

一键自动生成 HTML 页面，并离线检查包括 CSS 样式在内的所有设计细节。

选择一些画板

单击工具栏上的“Norm ”按钮或使用快捷键 ⌃+shift⇧+E

如果您创建只有一个画板的 HTML 文件，请取消选中“高级模式”

规格查看器

您可以使用 9+ 或查看，导出的规范基于 HTML 5、CSS 3 和渲染

选择一个图层并将鼠标悬停在其上以测量并获取间距

点击 界面右侧 中的颜色区域，可以更改颜色格式

使用 ⌘++ 和 ⌘+- 缩放画布

按住键盘上的空格键并用鼠标拖动画布以平移画布

切换注释开关以显示或隐藏注释

在线演示：

防范措施

第一次执行上述操作时sketch 快捷键，会弹出界面放大倍数和单位选择对话框。

所选的放大倍数和单位以当前画板大小为准，例如7画板默认放大倍数为1，单位为px，常用放大倍数和单位也内置，点击下拉菜单选择

如有侵权请联系删除！