终于等到你！王牌做图神器Sketch，简直让人欲罢不能

Sketch 是一款适用于所有设计师的矢量绘图应用。放弃 PS 选择 Sketch 的原因，有一部分的原因是前东家 “禁锢” 太久，好奇心驱使；入手后发现真的欲罢不能，相见恨晚！！！

咳咳，这一篇先为还没用过的小司机们安利下 Sketch 的基础操作，后续透露些不为人知的私家技能。

Q使用 Sketch 多久，花了多久时间适应使用 Sketch

答：4爷 Ps 使用 6年用户，sketch 至今使用了2年，一周适应 Sketch 作图和摸清自带的功能和使用 。

Q路转粉 sketch 的原因

答：易于上手、插件多。

辣么，Sketch 到底有多容易上手，有多少神奇的插件可以让4爷欲罢不能，日夜不放手呢～～～重点来了

先来个 「默认界面」和「待导出界面」对比图吧

上方👆 工具栏 —— 含了最重要的操作。你可以用右侧的检查器来调整被选中图层的内容，
左侧👈 图层 —— Page  Symbol  Page 里面的具体画板（Artboard）
右侧👉 检查器 —— 调整被选中图层的内容
中间🀄️ 当然是你正在创作的画布啦～～～

今天先讲楼上 Gif 中肉眼能够很快识别的5个不同之处，通过这5个不同就可以入门了

不同1

空画板 👉 有画板：如何建立新建画板

和 PS CC 一样Sketch 可以自主选择需要的界面尺寸A，或者自己随意在画布中拖拉出自己想要的画板大小。

不同 2

左侧 page 出现分组 —— 图层列表

当新建成功后，左侧 page 栏将会出现对应 page 的画板，默认命名Artboard，选中画板图层名，双击或者Command +R更改命名。

同时Sketch 支持多页面操作，你可在图层列表面板上方的下拉箭头进行添加 / 删除或切换到其它页面。

不同 3

画板中间出现绿色圆圈 —— 图层

添加图层最简单的方式是直接从工具栏选择一个标准图形。

也可以使用快捷键来插入一些图形，矩形R、线条L、圆形O、圆角矩形U。

不同 4

为什么圆形的图层是个紫色的循环箭头？—— Symbol

Symbol 类似 PS 里面的智能对象，但是比PS的智能对象更加便捷（具体不叨叨，日后可以详细说说 4 爷如何靠 Symbol 征服项目组）

操作办法是在选中图层：右键  Symbol

当 Symbol 命名中存在 / 符号时，Sketch 将把它们作为组独立对待。例如，两个元件分别命名为Button / Normal和Button / Pressed、系统将会自动为这两个 Button 进行分组：Button

不同 5

右侧有个画板缩略图——切图和导出

输出切图、设计稿是完成设计的最后一步，在 Sketch 中选中图层或者画板，点击右下角的Export将会出现各种五花八门的输出规格。

切图工具就是[Export]第一排的那个小刀刀 icon ，选中需要切图的图层点击小刀刀，就会在该图层上方出现同一样命名的虚线，该虚线范围内就是切图，因为这样，所以切图虚线和切图需要在一个独立组[Command + G]里面，选中切图虚线右侧将会出现该切图的缩略图, [Export]下方可以选择各种规格，直接拖拽缩略图到桌面就可以保存了。

同样，选中画板，点击 [Export] 选择所需要的规格（可选择多种）就可以导出设计稿。

👱标叔说 Ending Poss 敬(liao)业(sao)

如果告诉你上面的操作就是全部的基础操作，是不是很惊讶，其实Sketch 本身并没有什么复杂的操作技巧，所有的操作都是为了更快更好的完成界面而设计。

虽然软件的基础操作设计的很简单，但在设计过程中运用熟练会有很多小技巧，今天我们将会开设一系列关于 Sketch 的使用技巧以及项目合作技巧专栏。

送上 Sketch 下载官方下载链接https://www.sketchapp.com/

希望和大家一起学习，如果大家有关于 Sketch 有趣插件和使用可以留言探讨。

在波普先生公众号里，回复以下关键词，免费获得海量干货

回复“资源”，免费领取产品、运营、交互、UI设计，地表最强500G福利资源

回复“字体”，获得苹果中文/英文字体，安卓思源黑体/宋体

回复“光效”，获得珍藏Photoshop光效制作插件

回复“壁纸”，获得精选手机壁纸，每天有新惊喜

回复“科学上网”，获得设计师翻墙神器