Sketch真的很难上手？

一些UI设计的初学者当他熟悉了Photoshop的使用后就觉得这个软件对他的设计工作已经很足够了，但其实不然，设计的成果是一回事，设计的效率就是另外一回事了。

Sketch一款由[Bohemian Coding][1]公司发明的，适用于所有设计师的矢量应用，能够替代Adobe Photoshop，Illustrator和Fireworks等工具，但是目前只有mac版本(http://bohemiancoding.com/sketch/)

为什么说用Sketch设计UI的效率会比较高呢？Sketch上手会不会很麻烦？跟着小火柴一起来看看吧？几个步骤教你快速上手Sketch。

---

一、选择画板

按快捷键A，在界面右侧选择画板

这里写图片描述

二、添加内容

点击左上角加号，选择添加：

• Vector：类似于Photoshop里的钢笔工具
• Pencil：画笔工具
• Shape：各种有规则的形状，如箭头，正方形，圆形等等
• Text：文本
• Image：图片
• ArtBoard：画板，正如第一点所讲的内容
• Slice：截取工具

这里写图片描述

三、编辑内容属性

以shape为例

这里写图片描述

四、使用工具

顶部工具栏右键->选择Customize Toolbar，可将需要的工具拖拽到顶部工具栏

这里写图片描述

五、使用模板

菜单选择New From Template->选择所需模板

这里写图片描述
这里写图片描述
模板资源下载：http://sketchappsources.com

六、使用Sketch插件

在菜单栏Plugins里选择即可，插件获取方式有：

1. GitHub下载： 网上获取资源，然后在菜单栏选择Plugins->Manage Plugins，点击弹出框里的设置按钮->Show Plugins Folder，将下载包解压到这个文件夹下

   
   这里写图片描述
   这里写图片描述

2. 在Sketch ToolBox里下载：
   

   这里写图片描述
   插件推荐：

• Sketch content generator:在你设计过程中帮你随机生成图片和文字- Renameit：帮助你对图层进行批量命名
• Sketch Measure：标出图层的尺寸
• Sketch-Notebook：给图层添加文字表述（选中图层时显示）

---

哈哈，上手了没，其实有Photoshop的基础的话只要了解软件的使用方法后就基本能上手了，最后小牧附上自己的一张成果图：

这里写图片描述
[1]: http://www.52rkl.cn/shejiribao/06092N262014.html