会使用 Sketch 你真的可以为所欲为

　　本系列会是最简单的 Sketch 教程，适合没有时间细细研究工具的同学。
　　
　　通过查看 Ant Design 提供的设计资源，我们可以发现蚂蚁金服内部已经重度使用 Sketch 了，甚至已经开发针对性的插件，并且向外输出自己的设计规范。这些组件、模版和插件就是帮助我们学好 Sketch 的利器了，本系列文章也会着重介绍下它们。
　　
　　我总结了下 Sketch 的核心步骤，总结起来就是「八个字，四个词」：画板、矩形、文字、切片。
　　
　　可以这么来记忆：这就是四个快捷键，对应的键位就可以创建出对应的图形来。
　　
　　画板 - Artboard ，创建画板，快捷键 A
　　
　　矩形 - Rectangle ，创建矩形，快捷键 R
　　
　　文字 - Text ，创建文字，快捷键 T
　　
　　切片 - Slice ，创建切片，快捷键 S
　　
　　熟练使用这些快捷键，你会变成设计圈最靓的仔！
　　
　　画板
　　
　　画板可以理解为我们看到的系统界面，你在手机一屏幕上看到的元素，都是放在都一个画板内的。记住了，需要放在一屏幕内的元素请都放在一个画板内！
　　
　　Sketch 内置了很多尺寸的画板，常用的手机、平板、桌面端均有现成的尺寸，比如我们常见的 iPhone X 的尺寸就可以直接拿过来用。
　　
　　当你完成了多个画板，可以它们合到一张完整的流程图中，并附上标注，就可以输出给开发或运营同学了。
　　
　　矩形
　　
　　任何现实生活中的物件都是可以细分的，复杂的页面也不例外。在 Sketch 中最基础的图形就是矩形了。你可以自由修改它的位置、大小、圆角半径、不透明度、填充、边框、阴影、模糊等要素，基于以上功能你几乎可以做出任何你想要的图形。
　　
　　双击这个矩形，可以进入贝塞尔曲线编辑模式。选中已有的点即可编辑点的各项属性，点击矩形边缘可以新增编辑点。按住 shift 或者直接拖动，即可选中并移动多个编辑点。
　　
　　你还可以通过布尔运算来将多个图形组合成新的图形，创造出更多形状各异的图案。
　　
　　文字
　　
　　文字是设计的灵魂，优秀的文案、美妙的字体、合适的大小、恰当的字重组合在一个，可以传递出超越文字本身的美丽。
　　
　　点击 T 并拖动鼠标来创建一段文字，文字常见的属性都可以在右侧调整。比较特殊的是宽度属性，你可以选择【自动】来通过调节宽度以自适应高度，或者【固定】来固定文字宽高。
　　
　　练习时，字体我推荐苹方（系统自带）和文悦古典明朝体，在后台回复关键词「文悦」即可下载，切忌商用哦。
　　
　　切片
　　
　　你想切出画板内的一个部分而非整个画板的时候，切片工具便派上了用场。按下 S 拖出一个矩形即可，这个虚线矩形区域内的元素就可以整体导出了。切片和画板的导出预览图，可以直接拖拽出来添加到文档里，连导出的步骤都省了。
　　
　　小技巧
　　
　　在较为复杂的页面中，画板元素可能多达 100 个，所以为组件命名是十分重要的，这和整理好自己文件是一个道理，做好分类、打好标签、预估版本管理，就可以减少这些问题。
　　
　　另外，Sketch 有丰富的生态 —— 插件，就如同 Chrome 中的插件使其拥有了无限可能，Sketch 也因此在设计软件的竞争中近乎打败了 Adobe 这样强大的对手。