Sketch2中文用户手册

本手册适用于 Sketch 2 ，最新版本为

。

矢量工具

欢迎使用 Sketch 2 的用户手册，这个手册的内容同时适用于新手和熟练用户。

如果你对于这个手册的内容有任何想法和疑问，请通过邮箱 mail@bohemiancoding.com 随时联系我们。

我们会不断的完善本手册。

什么是 Sketch

Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页，图标以及界面设计的最好方式。但除了矢量编辑的功能之外，我们同样添加了一些基本的位图工具，比如模糊和色彩校正。

我们尽力让 Sketch 容易理解并上手简单，同时又有足够强大的功能可以去替代 Adobe Photoshop. Sketch 自身的界面和图标都是在 Sketch 当中设计和完成的，你也可以在我们的网站上下载到一个早期版本的图标。

为什么选择 Sketch

Sketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用，所有你需要的工具都触手可及。在 Sketch 中，每个图层都支持多种填充模式；文本编排功能和字体库也是最好的，同时你将有无限大小的画布，还有一个很棒的切片工具。

必要的话，你可以用无限精准的分辨率无关模式来查看画布，或者打开像素模式来查看每一个像素导出后的样子。但是 Sketch 并不是一个位图编辑应用。也就是说如果你想修正一张照片或者用笔刷来画画，那么这不是你要找的应用。

界面

我们将 Sketch 的界面设计的非常简洁。最顶端的工具箱包含了最重要的操作。你可以用右侧的检查器来调整被选中图层的内容，左侧的窗口则会列出文件中的所有图层，其中也包括你正在创作的画布。

工具栏

Sketch 的工具栏涵盖了你创作当中所需要的所有工具。

在默认工具栏中，第一组工具分别是：包含了矩形和圆形等一些常用图形的 图形工具 (Shape)，可以自由创作的矢量工具 (Vector)，使用它们时都会自动新建一个图层。

编组 (Group) 和取消编组 (Ungroup) 能让你有条例的组织文件。

接下来的几个工具则都是用来编辑现有图层：旋转 (Rotate)，变形 (Transform)， 通过布尔运算来合并图层，以及在图层列表中上移或下移图层。

工具栏最后的导出(Export) 按钮 同时也是一个切片工具，你可以在这将你的作品导出为一个或多个位图或者矢量文件。

不同于其他绘图应用，Sketch把常用工具放在顶端的工具栏，而不是垂直排列的工具箱，但如果需要，你可以通过右击工具栏，进入“定制工具栏…” (Customize toolbar…) 来添加工具和快捷键。

图层列表

图层列表列出了所在页面的所有图层，每个涂层都会有一个小小的预览。你可以在这里：查看涂层是否被锁定，不可见，或使用了蒙板；重新排列图层，或者给图层做布尔运算，比如减去顶层形状；对图层进行建组或者重命名来管理他们。

Sketch 支持多页面的操作，你可以在图层列表上面的小按钮里面添加/删除或者转换到其他页面。如果你正在创作的页面中包含多个画板，你同样可以用这个小按钮在画板中相互切换。

检查器

通用检查器

右侧的检查器能让你对正在编辑的图层——有时是正在使用的工具——进行参数调整。当你选中一个图层时，你会发现检查器被划分为几个区域。

所有的图层样式编辑都在最顶端：图层所在位置，透明度，混合模式以及几个特殊选项——比如矩形内角半径的调整功能。

样式属性

每一种样式属性都有他们独自的区域，你可以勾选左上方的小方框展开他们，并显示出具体的选项。如果你点击颜色按钮，你会发现检查器滑倒一边，出现新的专门的颜色检查器，你只需要单击顶端的“后退”按钮便会回到主检查器。当你选中了其他图层，同样会自动回到主检查器。

画布

Sketch 里的画布尺寸是无限的。你可以用无限精准的分辨率无关模式来查看画布，或者打开像素模式来查看每一个像素导出后的样子。

如果你想在画布中设置一个固定的边框，你可以直接用画板 (Artboard) 工具创造一个新的画板。

图层类型

在默认工具栏中，第一组工具会为你新建一个图层，分别是：包含了矩形和圆形等一些常用图形的图形工具 (Shape)，可以自由创作的矢量工具 (Vector)。

图形

在你的文件中最常见的图层应该就是图形了。Sketch 提供了多种不同的图形供你选择：圆形，矩形，星型等等。你可以直接编辑使用这些矢量图形，也可以通过一些额外的选项来实现你想要的图形。

你只需单击工具栏中的图形(Shape) 按钮，选择一个图形，便可以开始创作。这些图形全部是由矢量组成的，所以你可以通过矢量编辑非常方便的 任意更改他们的形状。

额外选项

有些Sketch中的默认图形，会有几个有趣的额外选项。常见的便是星型和圆角矩形，当你选中他们时，检查器就会出现几个额外选项。星型的半径和角的数量以及圆角矩形的圆角半径都是可以调整的。

需要注意的是，当你改变这种图形的半径或者添加新的角时，你会失去之前对这个图形所做的所有编辑。

铅笔

你可以使用铅笔工具来自由的绘图。当你松开鼠标之后，Sketch 会帮你简化路径，顺滑曲线。

但是铅笔工具并不在默认的工具栏里，也就是说你需要右击工具栏—选择“定制工具栏…” (Customize toolbar…) 再将铅笔工具添加至你的工具栏中。或者使用铅笔工具的快捷键"P".

文本

Sketch 使用操作系统原生的字体渲染，因此文本看起来都会很棒。使用原生字体渲染的好处就是当你进行网页设计时，你可以肯定作品中的文本都是精准的。Sketch 同时支持文本样式，所以你可以让多个文本图层使用共同的字体，大小，和字间距等等。

添加文本

你可以从工具栏中选择文本工具。当光标变成文本光标时，在画布中任一点单击以添加文本图层。你会看见新的文本图层已被选定，直接开始打字吧。

你也可以单击并拖动鼠标以创造一个固定尺寸的文本框，当文本内容大于文本框时，会自动向下扩展文本框长度。而普通的不固定尺寸的文本框则会向后扩展宽度以适应文本内容。

文本检查器

当你选中了一段文本，你会发现检查器这时变成了专门的字体检查器，你可以在这选择字体样式和大小等等。在字体列表中，每一种字体都默认设置了预览模式，如果你不喜欢，可以在偏好设置中关闭。

你也可以在这更改字间距和行距。在没有对整个文本对象设置通用填充的情况下，你也可以单独更改文本子区间的颜色。其他的文本设置功能——比如改变文本大小写——你可以在菜单栏的 格式 (Format) 中找到。

文本样式

字体检查器的最下面是一个文本样式的列表，默认下这里会是空白的，一旦你在这添加新的文本样式，当前的文本图层便会显示出新的文本样式。如果稍后，你添加了新的文本图层，并选择同一文本样式，也会得到同样的文字效果。

文本路径

Sketch支持文本渲染路径，比如右边这样：

我们只需要两个东西来实现这个效果：一个矢量图形和一个文本图层。当你进入顶端的 编辑菜单 (Edit) > 文本路径 (Text on Path)，Sketch会帮你把文本图层贴合的放在它下一层的矢量图形上面。值得注意的是，两者的顺序必须是矢量图形在文本图层的下面，才能得到这样的效果。

放置文本图层时你只需将文本横向拖至矢量图形，这点很难用文字表述，但你可以在创作中非常直观的看到他们如何实现。

文本也都可以被转换成矢量图形，你可以执行 编辑（Edit）> 将文本转换为轮廓 (Covert Text to Outlines) 的命令来实现。一旦转换，所有针对于矢量图性的工具现在也都可以在这个文本上使用了。

编组

你可以对多个图层进行 编组 (Group)，并呈现为一个图层。你可以对组进行移动或改变大小，同时也可以进入组修改每一个独立的图层。

Sketch 当中的编组工具是非常强大的，因为多个组可以再次建为新的组，一起移动或者改变大小。当你改变一个组的大小时，组当中的内容也会相应的扩大。如果这个组中包含文本信息，那么文本的字体也会跟着扩大。

编辑群组

当你选中了一个组，你可以双击它去查看和编辑里面的内容，比如在组内移动单个图层或者直接新建图层。如果你选中了组外的任一对象，Sketch 会自动跳出组以便你选择文件当中的其他图层。这时如果你再选择某一组中的一个图层，Sketch 会自动帮你选中整个组。这和我们创作图形时的子路径是一样的。

直接选择

默认下，你需要先双击选中组，再单击选中组里的图层。但是如果你按住 ⌘ 键 (command键)，你便可以进入组，直接选择想要的图层。

如果你只想将编组工具用于组织图层列表，而不想每次都先双击，你可以勾选编组检查器中的 直接选择 (Click-through when selecting) 选项。你也可以在通用偏好设置中这样定义新建的编组。

选择，移动，改变大小

在使用其他绘图应用的过程中，想必你已经对图层的概念非常熟悉了，然而在Sketch中我们并没有这个概念——或者说任一图形都是一个图层，这取决于你怎么看了。

当你在画布上添加一个矩形时便添加了一个新的图层，再画一个矩形就又添加了一个图层。每一个对象都有他们自己的图层，每一个图层上也都只有这一个对象。在这整篇手册中我们都会用到“图层”这个词，但你现在知道了，我们这里所说的图层并不等同于传统意义上的图层。

添加图层

添加图层最简单的方式便是直接从工具栏选择一个标准图形。比如选中矩形工具，光标会变成一个右上角有个小矩形的十字图案。这时你只需在画布上单击并拖动鼠标来添加你想要的形状。松开鼠标，随即完成这个矩形，你可以紧接着绘制另一个新的矩形。当你按住 shift 键来绘制时，则会画出一个正方形。

当你觉得已经完成了你想要的矩形时，只需单击画布上任一点（无需拖动鼠标）来退出矩形工具，或者在工具栏的矩形图标上单击取消。

选择图层

你可以通过单击一个图层来选中它，这时选择框的四个角和四条边上上会出现8个手柄。万一你没看见这些小手柄，但你十分肯定自己选中了这个图层，那么有可能是你不小心将手柄隐藏起来了，你可以进入 视图 菜单栏，打开 显示选区手柄 (View > Show Selection Handles)。

你可以按住键盘上的 Shift 键来同时选择多个图层，当你点击其他图层时，之前选中的图层也会为你保留。如果你按住 Shift 键去点击一个已经选中的图层，则会取消选择它。

如果你在画布上任一点单击并拖拽出一个矩形，则会选中这个矩形中的所有图层。你可以继续按住 Shift 键来增加图层或者取消个别已经选中的图层。

如果你同时按住 alt 键，则只会选中完全被包括在所画选取内的图层。

修改尺寸

上文提到的8个手柄不仅会向你指示出选区，还可以帮你修改图层的大小。你可以拖动任一个手柄来调整，如果你同时按下Shift 键，图层则会固定比例的变化。

如果你按住 alt 键，图层会从中间向四周改变大小，而不是从对角开始变化。

移动

你可以选中任意图层，并拖动鼠标来移动他们。按住 Shift 键来拖动，则会让图层严格按照垂直或者水平方向移动。

当你移动某一图层（或者修改尺寸）时，Sketch会自动帮你将它与相邻的图层对齐。万一没出现自动对齐，那可能是参考线功能被不小心关闭了，你可以在 视图 菜单里打开显示参考线 (View > Show Layer Guides)。

标尺 (Rule)，参考线 (Guides) 和 网格 (Grid) 是一个大的话题，我们会在另一章节单独来讨论。

如果你先按住 alt 键再拖动图层，你其实会创建一个原图层的拷贝，原来的图层还是会在最初的位置。

图层重叠

为了更方便的选中被压在另一个图层下方的图层，你可以同时按住 alt 和 command 键单击，这是会出现一个小小的下拉菜单，里面列出了光标下面的所有图层。

你可以立即拖动移动一个之前并没有选中的图层，但是如果你想移动一个压在另一图层下的图层，则可以按住 A 键，保留现在的选取，而不会重新选择其他图层。

蒙版

Sketch里的蒙版可以让你有选择性的显示出图层的一部分。比如说在一个图片上圆形蒙版，那么这张图片就只会显示出圆形内部的内容。

所有的图形都可以变成蒙版，你只需要在 编辑 菜单中点击 使用图形蒙版(Edit > Use as Mask), 所有在这个蒙版上面的图形都会被剪切成蒙版的内容显示出来。

限制蒙版

如果你不想接下来所有的图层都被蒙版剪切，那么你可以将蒙版和想要被剪切的图层单独编组，一次来限制蒙版的使用情景。一旦蒙版被编组，其他一切在组外的图层就都不会被蒙版剪切了。

在无法编组的情况下，你还可以通过以下方式限制蒙版：

・选中一个你想从剪切蒙版中解救出来的图层

・进入 编辑 菜单，选择 忽略底层蒙版 (Edit > "Ignore Underlying Mask")

这一层图层和它以上的所有图层就都不会被蒙版剪切了。当你调整图层顺序的时候则需要格外注意，个别图层可能会意外的被蒙版剪切。

图形蒙版

如果上面这一系列操作听起来很麻烦，我们也有更好的办法：在画布上同时选中一个图形和一张图片，选择 编辑 菜单中的 用所选图形做为蒙版 (Edit > "Mask with Selected Shape")， 就可以直接将这个图形作为选中图片的蒙版了。Sketch会自动为他们编组，并把其中的图形图层变成蒙版。