Sketch真的很难上手？

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

Sketch一款由Bohemian Coding公司发明的，适用于所有设计师的矢量应用，能够替代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的基础的话只要了解软件的使用方法后就基本能上手了，最后小火柴附上自己的一张成果图：

谢谢观看，微信公众号可以关注“小火柴的IT圈”。