Sketch 是一款专为 macOS 设计的矢量图形编辑软件，以其简洁的界面、强大的矢量编辑能力和以设计系统为核心的工作流，成为 UI/UX 设计师的首选工具之一。版本 50 在性能、协作和细节功能上均有显著提升。本文将深入解析其界面、完整工作流程及高效使用技巧。

一、核心界面与工作区详解

Sketch 50 的界面秉承了一贯的简洁风格，主要分为以下几个区域：

工具栏 (Toolbar)：位于窗口顶部，可完全自定义。默认包含常用工具如插入（图形、文本、画板）、缩放、预览、共享等。可通过右键点击工具栏选择“自定义工具栏”来增减按钮。
检查器 (Inspector)：位于窗口右侧。这是动态区域，其内容随当前选中对象的不同而改变。用于调整图层属性（如尺寸、位置、不透明度）、样式（填充、边框、阴影、模糊）以及导出设置。
图层列表 (Layer List)：位于窗口左侧。以树状结构显示当前画布（或页面）中的所有画板、图层、组和切片。支持拖拽排序、成组（⌘ + G）和创建子画板。图层列表上方有页面切换器和搜索过滤框。
画布 (Canvas)：中央的无限大设计区域。在此处创建和编辑所有视觉元素。支持按住 空格键 拖拽画布，使用 ⌘ + 滚轮 或触控板手势进行缩放。
状态栏 (Status Bar)：位于窗口底部，显示当前缩放比例、选中图层数量及位置提示。

二、从创建到导出的完整操作流程

1. 创建或打开项目

创建新文档：启动 Sketch 后，在欢迎窗口点击“新建文档”，或直接使用快捷键 ⌘ + N。系统会创建一个包含空白页面的新文档。

打开现有文档：在欢迎窗口点击“打开现有文档”，或使用 ⌘ + O，在 Finder 中选择 .sketch 文件。Sketch 也支持直接拖拽文件到 Dock 图标上打开。

2. 设置画板与网格

插入画板 (Artboard)：

点击工具栏中的“插入”按钮（或按 A 键）。
在右侧检查器的预设列表中选择设备尺寸（如 iPhone 15、Desktop HD），或直接在画布上拖拽绘制自定义尺寸的画板。

设置布局网格与参考线：

选中一个画板，在右侧检查器的“外观”部分，勾选“布局网格”或“网格”以启用。
点击设置按钮可调整网格的行列数、间距（Gutter）和颜色。这对于实现精准的响应式布局至关重要。

3. 绘制与编辑基础图形

插入形状：点击工具栏“插入” > “形状”，或按 V（矢量工具）、R（矩形）、O（圆形）、U（圆角矩形）等快捷键，在画布上拖拽绘制。

编辑形状路径：双击形状进入“矢量编辑模式”。此时可以：

拖动点或控制柄来调整曲线。
在路径上点击以添加新点。
选中点后按 Delete 键删除。
在检查器中切换点的类型（直线、镜像、不对称、断开连接）。

布尔运算：同时选中多个重叠形状，在顶部工具栏或右键菜单中应用“合并”、“减去”、“相交”、“排除”等操作，创建复杂图形。

4. 添加与样式化文本

插入文本：点击工具栏“插入” > “文本”，或按 T 键，在画布上点击并输入文字。

编辑文本样式：选中文本图层，在右侧检查器中调整字体、字号、字重、颜色、对齐、行高、字间距等。可以创建“文本样式”以便全局复用。

5. 使用符号与组件库

创建符号 (Symbol)：选中一个或多个图层，右键选择“创建符号”（或 ⌘ + Shift + Y）。为其命名并选择放置位置（通常在一个专门的“符号”页面）。

插入与覆盖：从图层列表的“符号”页面拖拽，或按 ⌘ + Shift + S 打开符号库插入。选中画布上的符号实例，在检查器中可以覆盖文本内容、图片、以及预设的样式属性。

6. 导出资产

单个图层/画板导出：选中目标，在右侧检查器最下方的“导出”区域，点击“+”添加导出预设。可选择格式（PNG, JPG, SVG, PDF等）、分辨率（1x, 2x, 3x）和前缀/后缀。然后点击“导出所选图层”按钮。

批量导出：可以为多个画板或图层分别设置导出项，然后通过菜单“文件” > “导出…” （⌘ + Shift + E）一次性导出所有标记项。

导出为可缩放资源：对于 SVG 格式，在导出设置中勾选“保留画布颜色”和“修剪画布”以获得最干净的代码。

三、常用功能进阶技巧

智能分布与对齐：选中三个及以上图层，在顶部工具栏或检查器中点击对齐按钮，选择“水平等距分布”或“垂直等距分布”，可让元素间距自动相等。
蒙版的灵活运用：将形状置于图片上方，选中两者后，在右键菜单或顶部工具栏选择“用所选形状作为蒙版”（⌃ + ⌘ + M）。也可创建“Alpha 蒙版”实现渐变隐藏效果。
共享样式与文本样式：为一个图层设置好外观后，在检查器的“外观”或“文本”部分，点击“创建新共享样式/文本样式”。之后其他图层可直接应用此样式，且一处修改，全局更新。
使用缩放工具 (Scale Tool)：选中图层，按 K 键激活缩放工具。在检查器中输入百分比或直接拖拽画布上的控制点。勾选“缩放所有内容”可以同时缩放图层效果（如阴影、边框粗细）。
快速复制与排列：选中一个图层，按住 Option 键拖拽，可快速复制。连续按 ⌘ + D 可重复上一次复制操作，结合智能参考线，能快速创建等距列表。

四、常见问题与解决方案

问题1：画布缩放或平移时卡顿。
解决：检查文档中是否包含极高分辨率的位图，尝试将其优化或缩小。关闭不必要的画板或隐藏暂时不用的图层组。确保 macOS 和 Sketch 均为最新版本。

问题2：文本渲染模糊或有锯齿。
解决：在菜单“Sketch” > “偏好设置” > “常规”中，确保“字体渲染”选项设置为“自动”。对于小字号文本，可尝试在检查器中微调“字间距”或使用专为屏幕设计的字体。

问题3：无法覆盖符号中的某个文本或图片。
解决：创建符号时，必须将希望被覆盖的文本图层命名为明确的名称（如 “title”, “icon”）。在符号实例的检查器中，“覆盖”下拉菜单会显示这些命名好的图层以供选择覆盖。

问题4：导出的 PNG 图片背景不透明，但需要透明背景。
解决：确保画板或图层背景本身没有填充色。在导出设置中，PNG 格式默认支持透明背景，无需特别设置。检查画板颜色（在检查器“背景”中）是否设置为“无填充”。

五、Sketch 50 for Mac 快捷键汇总表

功能	快捷键	说明
新建文档	`⌘ + N`	创建空白文档
打开文档	`⌘ + O`	打开现有 .sketch 文件
保存文档	`⌘ + S`	保存当前文档
关闭标签页/窗口	`⌘ + W`	关闭当前标签页或窗口
撤销	`⌘ + Z`	撤销上一步操作
重做	`⌘ + Shift + Z`	重做被撤销的操作
复制	`⌘ + C`	复制选中图层
粘贴	`⌘ + V`	粘贴到画布中央
原位粘贴	`⌘ + Shift + V`	粘贴到与原位置相同坐标
剪切	`⌘ + X`	剪切选中图层
编组	`⌘ + G`	将选中图层编组
取消编组	`⌘ + Shift + G`	解散当前组
锁定图层	`⌘ + Shift + L`	锁定选中图层防止误操作
隐藏图层	`⌘ + Shift + H`	隐藏选中图层
插入画板	`A`	激活画板工具
插入文本	`T`	激活文本工具
插入矩形	`R`	激活矩形工具
插入圆形/椭圆	`O`	激活圆形工具
插入圆角矩形	`U`	激活圆角矩形工具
矢量工具	`V`	激活矢量钢笔工具
铅笔工具	`P`	激活铅笔工具
缩放工具	`K`	激活缩放变换工具
放大画布	`⌘ + +`	放大视图
缩小画布	`⌘ + -`	缩小视图
适应画布	`⌘ + 0`	缩放以显示所有内容
适应选中图层	`⌘ + 2`	缩放以居中显示选中图层
临时抓手工具	`空格键 + 拖拽`	平移画布视图
创建符号	`⌘ + Shift + Y`	将选中图层创建为符号
插入符号	`⌘ + Shift + S`	打开符号库插入面板
布尔运算-合并	`⌘ + Option + U`	合并形状
布尔运算-减去顶层	`⌘ + Option + S`	顶层形状减去底层
蒙版	`⌃ + ⌘ + M`	用顶层形状为底层创建蒙版
显示/隐藏标尺	`⌃ + R`	切换画布标尺显示
显示/隐藏网格	`⌃ + G`	切换布局网格显示
显示/隐藏图层列表	`⌃ + Option + L`	切换