本文来源：爱上MAC | 软件下载地址：Sketch for Mac
Sketch 是一款专为 Mac 设计的矢量图形编辑软件，以其极简的界面、专注于用户界面（UI）和用户体验（UX）设计的工作流而闻名。它已成为数字产品设计师进行界面设计、图标创作和原型制作的核心工具之一。
一、 软件核心界面与工作区详解
启动 Sketch 后，您将看到一个清晰划分的工作区，主要分为以下几个区域：
- 工具栏 (Toolbar)：位于窗口顶部，包含最常用的工具，如“插入”（矢量、画板、文本等）、“缩放”、“导出”等。您可以通过“显示” > “自定义工具栏…”来添加或移除工具。
- 检查器 (Inspector)：位于窗口右侧。这是一个动态面板，其内容会根据当前选中的对象（画板、图层、文本等）而改变。您可以在此调整图层的尺寸、位置、填充、边框、阴影、不透明度等所有属性。
- 图层列表 (Layer List)：位于窗口左侧。以树状结构显示当前画布（或页面）中的所有画板和图层。您可以在此重命名图层、创建分组、调整图层顺序以及通过拖拽管理图层结构。
- 画布 (Canvas)：中央的空白区域是您的主要工作区。您可以在此创建和编辑画板、绘制图形、排列元素。画布支持无限缩放（
⌘++/-）和平移（按住空格键并拖拽）。 - 状态栏 (Status Bar)：位于窗口底部，显示当前画布的缩放比例、所选图层的尺寸和位置等信息。
二、 完整工作流程：从创建到导出
1. 创建或打开项目
创建新文档：启动 Sketch 后，会自动弹出“欢迎”窗口。点击“新建文档”，或直接使用快捷键 ⌘ + N。
打开现有文档：在“欢迎”窗口点击“打开已有文档”，或使用 ⌘ + O，在 Finder 中选择一个 .sketch 文件。
2. 设置画板与网格
画板（Artboard）是设计的容器，通常对应一个屏幕或一个独立界面。
- 插入画板：点击工具栏的“插入”按钮（或按
A键），在检查器中会显示预设的设备尺寸列表（如 iPhone 14、iPad、Desktop）。选择一个，然后在画布上点击即可创建。您也可以手动拖拽出自定义尺寸的画板。 - 调整画板：选中画板，在右侧检查器中可以精确修改其尺寸、名称和背景色。
- 使用布局网格：选中画板，在检查器的“外观”部分勾选“布局设置”。可以设置列数、宽度、间距等，辅助进行响应式设计。
3. 添加与编辑内容
插入形状与文本：
- 点击工具栏的“形状”工具（或按
V进入矢量绘制模式，R创建矩形，O创建圆形，U创建圆角矩形），在画布上拖拽绘制。 - 点击工具栏的“文本”工具（或按
T），在画布上点击并输入文字。
编辑属性：选中任何图层，右侧检查器会显示其所有属性。例如，对于形状，您可以调整填充（颜色、渐变、图案）、边框、阴影、模糊效果等。
4. 组织与对齐
图层分组：选中多个图层（按住 Shift 多选或拖拽框选），按 ⌘ + G 进行编组。双击组可以进入隔离编辑模式。
对齐与分布：选中多个图层，检查器顶部会出现对齐与分布按钮（左对齐、水平居中、等间距分布等）。
使用智能参考线：移动或调整图层大小时，Sketch 会自动显示与其他图层的对齐参考线，确保元素精准对齐。
5. 创建符号与共享样式（进阶组织）
创建符号 (Symbol)：选中一个图层或组，点击工具栏的“创建符号”按钮（或按 ⌘ + Shift + S）。符号是可在文档中重复使用的母版，修改任一实例，所有实例都会同步更新。符号库位于图层列表顶部的“符号”页面。
创建共享样式：为一个图层设置好外观（如填充、边框）后，在检查器的“外观”部分，点击“创建新的共享样式”按钮（带“+”号的图标）。之后可以将此样式快速应用到其他图层。
6. 制作简单交互原型
- 进入“原型”模式：点击工具栏右侧的“原型”标签（或按
P键）。 - 创建链接：选中一个图层（如按钮），点击其右侧出现的蓝色圆形手柄，拖拽到目标画板。
- 设置交互：在检查器中设置触发方式（如“点击”）、动画类型（如“智能动画”、“溶解”）和持续时间。
- 预览：点击工具栏的“预览”按钮（或按
⌘ + .）在新窗口查看交互效果。
7. 导出设计成果
- 导出单个图层/画板：选中要导出的对象，在检查器最底部的“导出”区域，点击“添加导出项”。可以选择导出格式（PNG, JPG, SVG, PDF等）、尺寸倍数（1x, 2x, 3x）并指定导出路径。然后点击“导出所选图形”。
- 批量导出：您可以为多个画板或图层分别添加导出项。也可以选中多个对象后，在检查器中统一添加导出设置。
- 导出整个页面：在图层列表中选择一个页面，右键选择“导出…”，可以一次性导出该页面内的所有画板。
三、 常用功能进阶技巧
- 布尔运算：选中两个重叠的形状，在顶部工具栏点击“合并形状”按钮，可选择“合并”、“减去”、“交集”、“差集”来创建复杂图形。
- 蒙版：将一个形状（如圆形）置于图片上方，同时选中两者，选择“图层” > “用所选形状作为蒙版”（
⌘ + Shift + M），图片将只在形状区域内显示。 - 缩放工具 (Scale)：选中图层，按
K键调出缩放工具，拖拽手柄可非等比缩放。在检查器中勾选“调整内容以适应”可以同时缩放图层内的子元素。 - 文本样式覆盖：在符号实例中，您可以单独覆盖文本内容，而无需断开与符号的链接。双击文本即可直接编辑。
- 智能选择：按住
Option键拖拽图层，Sketch 会显示该图层与周围图层的精确距离，便于实现精准间距。
四、 常见问题与解决方案
问题1：画布移动或缩放时卡顿。
解决：可能是文档中包含了过多或尺寸过大的位图图像。尝试将图像优化（“图层” > “图像” > “优化图像大小”），或使用“图层” > “转换为轮廓”将带有效果的图层栅格化（会失去可编辑性）。
问题2：无法准确对齐到像素网格，导致边缘模糊。
解决：确保“显示” > “画布” > “显示像素网格”已开启。在检查器中，将图层的 X/Y 坐标和宽/高都调整为整数。对于线段，确保其宽度为偶数像素。
问题3：从其他软件复制的矢量图形（如AI）在Sketch中变形。
解决：Sketch 对复杂路径的支持有限。建议在原始软件中将图形导出为 SVG 格式，再通过“文件” > “打开”或拖拽的方式导入 Sketch。
问题4：字体在另一台电脑上显示缺失。
解决：在导出给开发人员或协作时，使用“文件” > “导出” > “导出代码”功能，或确保对方安装了相同字体。也可以将关键文本图层“转换为轮廓”（⌘ + Shift + O），但此后将无法编辑文本。
五、 Sketch for Mac 快捷键汇总表
| 功能 | 快捷键 (Mac) | 说明 |
|---|---|---|
| 新建文档 | ⌘ + N |
创建空白文档 |
| 打开文档 | ⌘ + O |
打开现有文件 |
| 保存文档 | ⌘ + S |
保存当前文件 |
| 关闭窗口 | ⌘ + W |
关闭当前文档窗口 |
| 放大画布 | ⌘ + + |
放大视图 |
| 缩小画布 | ⌘ + - |
缩小视图 |
| 适应画布 | ⌘ + 0 |
缩放以显示所有内容 |
| 实际大小 | ⌘ + 1 |
缩放至100% |
| 插入画板 | A |
激活画板工具 |
| 插入矢量 | V |
激活矢量绘图工具 |
| 插入矩形 | R |
绘制矩形 |
| 插入圆形 | O |
绘制椭圆形 |
| 插入文本 | T |
激活文本工具 |
| 编组 | ⌘ + G |
将所选图层编组 |
| 取消编组 | ⌘ + Shift + G |
解散所选组 |
| 创建符号 | ⌘ + Shift + S |
将所选对象转为符号 |
| 蒙版 | ⌘ + Shift + M |
用顶部形状为底部图层创建蒙版 |
| 合并形状 | ⌘ + Option + U |
调出布尔运算选项 |
| 转换为轮廓 | ⌘ + Shift + O |
将文本或边框转为矢量路径 |
| 水平/垂直翻转 | ⌘ + Shift + H / ⌘ + Shift + V |
翻转所选图层 |
| 对齐左/右/上/下 | ⌘ + Option + L/R/T/B |
快速对齐所选图层 |
| 复制样式 | ⌘ + Option + C |
复制图层样式 |
| 粘贴样式 | ⌘ + Option + V |
将样式粘贴到所选图层 |
| 切换原型模式 | P |
进入/退出原型制作模式 |
| 预览原型 | ⌘ + . |
在新窗口预览交互原型 |
| 显示/隐藏标尺 | ⌘ + R |
切换标尺显示 |
| 显示/隐藏图层列表 | ⌘ + Option + 1 |
切换左侧面板 |
| 显示/隐藏检查器 | ⌘ + Option + 2 |
切换右侧面板 |
