Sketch学习总结01_简介和资源

接触Sketch差不多一个半月，写一个总结确认下自己的掌握程度。

1.软件下载

Sketch只能运行在Mac OS系统，下载地址如下（sketch43）

链接: https://pan.baidu.com/s/1o7Sx474 密码: 6tc2

2.软件优点

大家应该或多或少听过Sketch，空泛概括的介绍就不多说了，简单一句，Sketch 是一款矢量绘图应用，可以进行网页、图标以及界面设计。

Sketch优点在于轻量化，操作简单，可快速修改，插件多。

2.1 轻量化

轻量化指的不仅是安装包体积的缩小（当然，比起win上完整版上G容量的PS，Sketch的20M体积几乎可以忽略不计了），体积的缩小意味着功能的核心化，功能的简化带来运行速度的提升。

Sketch是矢量绘图，也能使得最后的产出文件大小不至于太过暴走。如果电脑性能差些，打开甚至修改一个包含几十页界面，成百上千M的PSD文件，将是一个很痛苦的过程。

迷之多的PSD文件

2.2 快速修改

人在江湖飘，哪有不改稿。Sketch在全局修改方面的功能要强大很多。

一方面，Sketch使用了和AI一样多画板的设定，即在一张画布上可以排列多个画板，这使得设计师更方便调控全局，而不必像PS中一样，将不同功能页的界面放在不同图层，甚至分出多个文件存储。

另一方面，Sketch中还可以通过symble统一批量去修改调整元素，用全局样式去批量修改文字，图形的样式。

Sketch多画板

改稿时间的减少也让设计师的试错成本降低。设计师可以更快的抛弃不合理的设计，快速重新设计。

心理学上，当一个人对一件事投入的时间精力成本越多，就越难放弃。设计也是，当对一个方案花费的时间越多，就越不愿意放弃，越不想尝试或者思考其他方案，这对设计本身就是一个很大的阻碍。

2.3 插件

很多人喜欢Sketch的原因，可能就在于它丰富的插件。PS虽然也有插件，但是PS的插件开发成本更高，限制也更多，远没有Sketch插件更新的迅速和丰富。

例如，Craft插件可以快速填充内容，让设计者更快出展示稿；Sketch Measures的高级导出功能可以直接一键将设计稿转成html文件，从此远离手动标注。

Sketch Measures高级导出

还有各种切图插件。不过Sketch自身的切图功能已经很强大了，可以直接选择导出1x，2x，3x图。

3.软件适用场景

讨论Sketch的优点是为了更好地去理解，我们在什么情况下更适合选择Sketch。

一个是成套App或者其他项目的设计，使用Sketch可以方便快速修改和迭代。图标也可以选择在Sketch画。

当然Sketch也不是万能的，首先它没有笔刷功能。如果想用画笔去画出纹理，或者质感要求高的插画还是找PS、AI、SAI或者其他的画图软件方便一点。当然也不能说Sketch完全不能画插画，毕竟人家也是一个矢量绘图软件，画个扁平风，渐变风的矢量插画还是完全可以胜任的。

总之，涉及到位图编辑，比如调整照片呀，后期处理呀，还是不要太指望Sketch了，找PS爸爸去吧，毕竟PS有各种滤镜，颜色调整，通道...都是sketch这个矢量处理软件不具有的。

不过至少Skecth里，还留下了阴影和模糊，做UI设计中的质感表现和光影表现来说也够用了，另外还有图层混合模式，也可以通过叠加颜色，改变混合模式的方式做一些颜色上的调整。

Sketch和PS有一张对比图，有兴趣的可以看下：http://www.uisdc.com/infographic-sketch-vs-photoshop#

4.学习资料

4.1 入门教程

从零开始学Sketch3：

http://www.uigreat.com/course/21/lesson/listhttp://www.uigreat.com/course/21/lesson/list

这个是我看的一套学习教程。

其实Sketch软件本身没什么难度，上手很快，一套视频几个小时跟着学下来，基本操作学的就差不多了。虽然是英文界面，但是操作和PS基本差不多，一些按钮和属性全部挨个摸一遍试一下也很快。

基础的教程就不多放了。入门教程主要为了熟悉一些操作，之后的细节处理和表现之类的技法，可以通过教程和自己摸索去丰富和完善起来。

4.2 实例教程

UI中国：

http://s.ui.cn/index.html?type=experience&keywords=Sketch&other_w=&t=

熟悉基础操作后，可以找一些教程，实际做一些例子去进一步熟悉软件的一些技法。可以从图标开始，对用Sketch造型和表现阴影质感有个掌握。当然，造型，质感，颜色表现这一块除了图标，插画教程也可以。对这些基础的东西熟悉后，就可以着手搭一个页面，再从一个页面做到一个模块，最后把几个模块组合成一个完整的项目。这样，就可以说是能顺利把Sketch当做工具使用了。

4.3 中文手册

Sketch.im_官方中文手册：

http://sketch.im/index.php?m=content&c=index&a=lists&catid=2

这个可以和入门教程配套使用。

教程中难免有讲的不细节的地方，都可以通过查阅官方手册来了解特定的功能和概念。当然，在之后的工作学习中有疑惑的地方，也可以随时回来翻阅手册。这个中文网还有各种资源和插件可以下载。

4.4 资源下载

一个外文的sketch资源下载站

https://www.sketchappsources.com/

Sketch素材站

http://sketch.im

这个就是上面中文手册那个网站。还能找到源文件和插件下载，很不错。

5.总结

这一篇讲的主要是Sketch使用上的一些感受，对这款软件的一些理解，以及自学过程中参考的一些资料。之所以这么安排，是自己觉得学习软件这件事，应该是软件为设计服务，只有了解了这个软件可以做什么，在自己的设计拼图里，应该把它放在哪一块，才能更好的掌握它，学习它。下一篇开始，再对软件具体的技巧和使用做一个总结归纳。