本文内容提取并整理自 Sketch中文用户手册。由于官方手册涵盖内容较多，本文抽取了“介绍”、“界面”、“图层”与“图形”等核心基础功能，带你快速入门 Sketch。

介绍

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

我们尽力让 Sketch 容易理解并上手简单，有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运用。对于绝大多数的数字产品设计，Sketch 都能替代 Adobe Photoshop，Illustrator 和 Fireworks。

为什么选择 Sketch

Sketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用，所有你需要的工具都触手可及。在 Sketch 中，画布将是无限大小的，每个图层都支持多种填充模式；我们有最棒的文字渲染和文本式样，还有一些你一定会爱上的文件导出工具。

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

但是 Sketch 并不是一个位图编辑应用。也就是说如果你想修正一张照片或者用笔刷来画画，那么这不是你要找的应用。

界面

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

Sketch 里没有浮动面板，检查器将会根据你选中的工具来显示所需控件，这样你能始终不受打扰的在画布上创作。

画布

Sketch 的画布尺寸是无限的，可以向任意方向无限延伸，你将拥有绝对的自由来规划自己的创作区域。如果你想在画布中设置一个固定的画框，你只需新建一个或多个新的画板。举个例子，设计移动应用界面时，很多设计师会为应用的每一个屏都创建一个画板，然后排列开来以便查看。

你可以用无限精准的分辨率无关模式来查看画布，或者打开像素模式来查看每一个像素导出成JPG或者PNG文件后的样子。值得注意的是，有些效果——比如模糊——会自动将画布的一部分以像素模式显示，因为模糊本身就是一个基于像素的效果。

检查器

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

通用属性
通用图层式样都在顶端区域：图层所在位置，透明度，混合模式以及几个特殊选项——比如调整矩形内角半径和多边形的不同点模式。

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

图层列表

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

  • 多页面操作：Sketch支持多页面操作，你可以在图层列表上面的按钮里面添加/删除或者转换到其他页面。图层列表始终只会显示当前页面的图层。
  • 画板：在图层列表里，有白色背景一栏的便是画板，你可以把画板视为设计中的顶层对象，所以一个画板不能被嵌入另一个画板。
  • 蒙版：在图层列表里，那些使用了蒙版的图层名前会有一个小点，它的蒙版则是底下紧接着不带小点的图层。
  • 布尔运算：每个图形都可以包含多个子路径，他们会以组的形式呈现在图层列表中，伴随一个下拉箭头显示具体的子路径。每一层子路径都可以单独设置布尔运算。
  • 符号和共享式样：符号是一种特殊的组，他们可以出现在文件的多个地方。符号会以紫色文件夹图标呈现在涂层列表中——正常编组则是蓝色的文件夹。

工具栏

Sketch 的工具栏涵盖了你创作当中所需要的所有工具。
在默认工具栏中，第一组工具是用来添加新图层的：图形、图片、符号等等。编组 (Group) 和取消编组 (Ungroup) 能让你有条例的组织文件。接下来的几个工具则都是用来编辑现有图层：旋转 (Rotate)，变形 (Transform)， 通过布尔运算来合并图层，以及在图层列表中上移或下移图层。

图层

图层是 Sketch 中最基本的构成单位。不同于其他将图层和对象混为一谈的应用，在 Sketch 里每个对象都有自己的图层。所以在这个手册中，我们所说的“图层”和“对象”其实是一样的意思，这两个词是可以相互替换的。

添加与选择图层

添加图层最简单的方式便是直接从工具栏选择一个标准图形。比如选中矩形工具，光标会变成一个右上角有个小矩形的十字图案。这时你只需在画布上单击并拖动鼠标来添加你想要的形状。松开鼠标，随即完成这个矩形，并开始编辑它。

你可以按住键盘上的 Shift 键来同时选择多个图层，当你点击其他图层时，之前选中的图层也会为你保留。如果你按住 Shift 键去点击一个已经选中的图层，则会取消选择它。为了让选择某一图层底下的图层更容易，你可以右击鼠标，从菜单中选择 “选择图层”（Pick Layer），便会显示出鼠标底下的所有图层列表。

移动与缩放图层

你可以选中任意图层，并拖动鼠标来移动他们。按住 Shift 键来拖动，则会让图层严格按照垂直或者水平方向移动。如果想移动一个完全在另一图层底下的图层，你需要按住 option + command 键，再来单击你需要的图层并移动它。

你可以拖动选中框周围的8个手柄来调整图层大小，如果你同时按下 Shift 键，图层的长宽则会按等比例变化。如果你按住 option 键，图层会从中间向四周改变大小，而不是从对角开始变化。另外你还可以直接使用键盘命令（command + 方向键）来做精确到像素的调整。

图形与布尔运算

在你的文件中最常见的图层应该就是图形了。Sketch 提供了多种不同的基本图形供你选择：圆形，矩形，星型等等。

图形编辑与点模式

每当你绘制一个新的图形或是编辑一个现有的图形，你其实都是在和点做交互，你在屏幕上看到的是 Sketch 将这些点连接起来的线。在编辑图形的时候，检查器会显示出四种不同的点模式：

  • 直线角 (Straight)：当你刚刚点击画布的时候，会添加一个直角，没有任何锚点，得到的是一条直线。
  • 镜像 (Mirrored)：锚点会镜像对应。两个锚点将会与主点距离相同并且正好相互对立。
  • 不对称 (Asymmetric)：两个锚点到主点之间的距离是独立的，但他们依然相互对应。
  • 断开连接 (Disconnected)：锚点之间完全独立，互不影响。

布尔运算 (Boolean Operations)

如果 Sketch 的标准图形中没有你想要的图形，那就需要你自己创作了。你会发现很多复杂的图形都可以轻易地被拆分成基本的图形，布尔运算正是为了帮你实现这一点——将几个基本图形结合成一个复杂图形。

我们有4种不同的布尔运算：

  1. 合并形状 (Union)：合并的结果是会得到两个矢量区域的总和。
  2. 减去顶层形状 (Subtract)：顶层矢量的区域会从下一层的图形上移去。
  3. 与形状区域相交 (Intersect)：会保留原图形重叠的部分。
  4. 排除重叠形状 (Difference)：只保留原图形不重叠的部分。

在Sketch当中使用布尔运算，Sketch会通过具体的布尔算法将最上层的图形变成下一层图形的子路径。因为Sketch当中的布尔运算是动态的，所以你也可以随时调整每一个子路径。