Sketch 的基本操作(一)

Sketch介绍

• Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页，图标以及界面设计的最好方式。
• Sketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用，所有你需要的工具都触手可及。在 Sketch 中，画布将是无限大小的，每个图层都支持多种填充模式；有最好文字渲染和文本式样，还有一些优秀的文件导出工具。

Sketch 3 新增功能介绍

1. 可以测量图形到参考线的距离

2. 在矢量预览模式中也可以查看像素网格
   （快捷键 ⌥P 可以切换矢量预览和像素预览）

3. 新增“粘贴到当前位置”的功能

4. 调整行高时，第一行位置将保持不变

5. 旋转某一图形时，可以设置一个锚点定住，以这个锚点旋转

6. 同时选中多个图形后，可以按住 ⌥ 再单击对齐按钮，使所选图形们与其所在的画板对齐。

7. 现在可以对矢量图形的锚点也使用对齐功能

Sketch 基础工具

图形

图形编辑

在编辑图形的时候，检查器会显示出四种不用的点模式：

・线角 (Straight)：当你刚刚点击画布的时候，会添加一个直角，也就是说没有任何锚点，你所得到的便是一条直线。

・镜像 (Mirrored)：锚点会镜像对应。两个锚点将会与主点距离相同并且正好相互对立。当主点并非直角时，镜像便是默认的点模式。

・不对称 (Asymmetric)：两个锚点到主点之间的距离是独立的，但他们依然相互对应。

・断开连接 (Disconnected)：锚点之间完全独立，互不影响。

• 点的控制手柄
• 矢量工具
• 封闭路径VS 开放路径
• Shift
  • 选中多个点
• 添加锚点

布尔运算

布尔运算包括：

• Union（合并）
• Subtract（减去顶层）
• Intersect（区域相交）
• Difference（排除重叠）

Transform工具

• 变形工具可以通过改变点的位置或者制造一个视觉上的3D效果来使一个矢量图形变形。Sketch里，你可以运用变形工具变形一个或同时变形多个图层。

• 选中一个或多个图层，然后单击工具栏里的变形工具。你可以拖动四角的锚点来任意改变图形的形状，或者拖拽中间的锚点来同时移动两个边角使图形倾斜。

• 当你从一个图形的一角拖拽变形，你会发现其对角也会往相反方向拉伸，这能形成对称的变形效果，但如果你只想往一个方向拉伸，按住 command 键再拖动鼠标就好。
  

Sketch支持简单的数学计算

利用圆周率进行 Loading 制作

补充 （小tips）

• 透明度
  当要改变一个元素的透明度的时候，没有必要到右侧的参数面板来修改，可以直接按数字来调整，比如你想把不透明度改到65%，那么选中这个元素后，直接按数字65就好了，不满意还可以重新输入新的数字，当不透明度是整数的时候，可以直接输入数字1234567890，就不用输「80」「90」了。

• 多个图层快速命名
  首先选中一个图层进行命名，命名完成后先不要确定，接着按tab键进行切换到下一个图层进行命名。