sketch入门教程

Sketch是专门为Mac开发的一款很强大的矢量图形绘制软件，如果你是一枚交互设计师或UI设计师，那么你一定知道Sketch，跟我们常用的photoshop相比，它有很多优势，更能提高效率；最近想写点文章，就先从基础的着手吧，新手上路，多多指教，输出是最好的输入，把自己所学的知识，记录下来，分享出去。

什么是Sketch?

Sketch：是一款矢量图形绘制软件，做APP、ICON最适合的软件

Sketch优点： 1、上手快，操作简单；

                   2、它可以轻松应对标注和切图；

                   3、比ps轻盈很多，占内存少；

                   4、有大量的第三方插件，可以满足日常的设计需求

                   5、也可提高开发效率。

很多人会说，sketch是不是就可以把photoshop代替了，sketch它只是适合做移动端最高效、最强大的软件，因为在我们做界面的时候文字和一些控件都是会重复使用的，而在sketch里面就可以用组建来高效的处理，Photoshop对于图像图形以及色彩的处理具有着与生俱来的优势，两者相结合才是最完美的方案，而不是替代。

唯一的缺点就是，这款软件只针对mac系统研发的，当然使用windows系统的可以安装黑苹果。

Sketch的界面介绍

打开sketch，这个页面是已经汉化过的，即使是英文的，这款软件也很好操作，中间白色区域是画板区，这个画板是没有固定大小的，可以无限的扩大，我们可以在上面创建很多个画板，当然我们可以根据自己的需要，比如主题不同来创建不同的页面；左边是page和layer

点击左上角的加号，就可以展示出工具栏，跟potoshop相比，确实少了很多，但足以完成我们所需要的设计，点击画板（或者快捷键A）右边就出现自带的很多机型，我们可以直接拖在画板区，机型的最下面也有自定义，可以设置自己想要的大小

上面的是工具条部分，可以将常用的图标拖上去，也可以拖走，还可以自定义，很灵活；

右边区域是状态，检查器，你所设计的页面，图标都可以通过右边的检查器来操作

布尔运算的应用

画一个圆角，一个正方形，工具栏上面就会出现布尔运算的操作，四张图分别对应的是合并形状、减去顶层、区域相交、排除重叠，这部分操作跟potoshop是一样的，看似简单，要想很好的运用到工作中，也是需要大量的练习。

例如：Step1:我们做一个对话框的icon，先画一个圆角矩形，再画一个三角

Step2:双击三角形进入编辑区域，选择右边的对称，用鼠标拖动小圆点来进行操作，在三角形的两边添加锚点来拖动成想要的形状

文本路径的使用

文字这部分比较简单，直接在工具栏选择文本或快捷键T就可以直接编辑文字，我们如果想做一些有角度的字体，手动调整的话就不会很完美，也很浪费时间，我们就要采用路径的方式来做

画一个圆，我们把填充去掉，只要描边，选择T编辑好文字，选择文本下的路径文字，直接将文字拖到圆形边框上，如果发现文字是相反的，就在图层－路径－相反顺序做下调整

如果我们想只要一般弧形，就可以在顶部工具栏选择剪刀工具，在不想要的区域做裁剪就行，这款要注意一点，路径图层要在文字的下面，否则就没有办法达到这个效果，编辑好文字后，把路径的眼睛隐藏掉就可以了

颜色画板

任意画一个矩形，选择画板上的纯色填充、线性渐变、径向渐变、角度渐变，画板下渐变条可以调整透明度，也可以将自己喜欢的渐变添加到文档里面，以备下次直接使用

蒙板

蒙板是我们做页面必不可少的功能，画一个我们想要的形状，倒入一张图片，将图和矩形都选中，点击工具栏上的萌版，即可完成操作，也可以单选中矩形，右击选择蒙板，两种方式

投影

我们可以选择多个投影来满足我们的需求，如果不想要，可以将对号去掉，然后点击右上角的垃圾桶就可以删除

sketch基础操作基本就这些，第一篇文章，还需多琢磨和下功夫。