写在前面

人与动物的根本区别在于工具的使用，在做设计工作的几年中，除了基本功和眼界之外，很重要的一件事就是找到高效的工具。

sketch是其中一个中令我事半功倍软件，我把这一两年使用它的心得分享给大家。

文章的末尾将会分享一些常年收藏的sketch资源站，以及UIkit。

与mac的渊源

在使用sketch时，我发现它与mac配合的sketch是基于Mac系统设计的。它的很多功能，比如样式预设，跟keynote的设计思路很像，也就是说，mac用惯的人用起sketch来会更加得心应手。如此说来，怪不得sketch没有windows版本呢。

与ps对比

Sketch这个软件是我近一两年年才开始使用的，原因很简单，没有买mac电脑。刚用的时候，第一感觉是和axure很像，界面啊，布局啊各方面都有相似之处。随着深入的，集中式的使用sketch，我越来越发现它的特别之处，因为之前做UI用的都是ps才更加深有体会sketch的便捷，和设计巧妙的地方。

用过ps的大家都知道，ps的定位是图像处理软件，因此它真正的强大在于对图片的处理，特效，它的功能强大，但用起来非常重，标注，切图各种不方便。而sketch是为UI设计而生的，它是一款矢量绘图软件，它功能的垂直细分是不可比拟的。

好用的功能

下面我将列举出我在使用sketch的过程中最惊艳到我的几个功能点：

1，矢量，及画布无限

矢量软件的好处就是可以随意放大缩小，而画布的无限可以在一个界面里排布多个画布，使UI设计，特别是有复杂交互的app设计一目了然。

且画布与图层概念分开，不会想ps那样挤在一起。

2，基于mac系统设计的样式和元件功能

Mac的好用之处后面会讲到，基于mac系统设计的样式功能和元件概念十分好用。我们知道，在做UI之前，我们都会给app，web建立规范，因为我们需要统一视觉语言。这时候，用样式和元件功能提前设定好文字字号，字体，边框颜色，按钮等等，就不会导致整个app看起来显得凌乱，视觉语言也能在一开始统一起来。

特别是做外包项目的时候，如果需要针对客户的不同要求换肤，那么就可以用这个功能一键换色，那提高的工作效率可不止一点两点，特别是在团队协作中。这是基于mac系统的设计，这种全局观设计非常有远见。

3，智能测量

在做UI的时候，我们需要保证控件与控件之间的距离，这样的细节是决定一个产品的质量，我们只要按住alt键，就可以用智能测量的功能。

4，栅格网格

网格在ps里也是有的，在sketch里网格出现的更加方便，把它的按钮固定在上面的工具栏就可以了。而栅格是在做web端时经常使用到的，它同样可以固定，使用便捷。

5，切图导出

ps里最麻烦的就是切图导出，你需要每个去切，再导出来，每次到切图的时候最头大。sketch里有一个一键导出切图的功能，还可以导出各种格式的，比如iOS的1x，2x，3x，安卓的各种格式都可以，可谓是拯救设计师的神器。

6，Sketch Mirro

mirro，它不仅可以在手机上预览画面，还可以实时预览，也就是说，你在电脑上改一步，在手机上就立马能看到。

神奇的插件

蓝湖

其实国外的zeplin更好用，但是是付费的，一个人还行，团队的话花费比较大，所以我们就选择了国内的蓝湖。老实说，蓝湖有很多奇葩的地方，但不妨碍它好用的部分。最大的帮助来自于两个方面：

1，标注。有了蓝湖，跟开发人员对接的时候不需要苦逼的标注，之前用ps，标注麻烦事一回事，关键是，你要是改动了某几个地方，标注又得重新做，开发还不一定看的懂标注稿，简直是磨人。在蓝湖上，可以自动看标注，很清晰明了，提高效率。

2，切图。切图导出在ps 麻烦，在sketch还好，只不过还是一道工序，如果时间太赶，可以让开发直接在蓝湖上下载切图，方便效率。

3，批注。这个批注可以很多个人同时给，我们交付设计稿给客户的时候，客户肯定有修改意见，他和他的团队可以直接在蓝湖上加批注，在线同步，多人操作。

Browser Preview

这是一个在线预览的插件，主要用于web端。我们都想实时预览设计稿的效果，字体的大小只有在实际预览中在准确，Browser Preview是一个不错的插件。

sketch measure

这是一个标注的插件，虽说有蓝湖，但如果有需要标注的场景，这个插件还是很好用的。

sketch资源站

我推荐一些资源给大家：

sketch下载地址：Sketch 51.2 轻量易用的矢量设计工具
sketch官网：https://www.sketchapp.com/
sketch中文网：http://www.sketchcn.com/
sketch资源下载：http://sketch.cm/

sketch资源下载2：https://ui8.net/categories/freebies

UIkit

ios11UIkit：链接:https://pan.baidu.com/s/1yV5Pv0wjTcj9iZbLqVvjYg 密码:khrw

微信UIkit：链接:https://pan.baidu.com/s/1mMOJQ2mljOitCLrs5Yn3Og 密码:ttqx

ElementUIkit: 链接:https://pan.baidu.com/s/1oqq5hp6S2JvCPWTL6X4Pew 密码:i6a0

软件的学习与使用

我思考问题喜欢想的多一些，所以最后想聊一聊一个拓展话题：软件的学习与使用。

如今在这个人人都是设计师的时代，不会几个软件你都不好意思出来见人。从大学开始，软件方面基本是自学，我也有一些经验，所以从大方面谈一下软件的学习与使用。

想要学一款软件，最好的方法就是练习，建立在密集度和量上的练习，只有在每天十二小时不停的接触中，才能真正了解掌握一样东西。只不过练习也不能盲目的练习，我们使用软件大多在工作中，要学会用到了再去学，用不到的功能暂时搁置，因为即便你学了，不在实际工作中使用，很快就忘记了。

学东西千万不能贪多，因为你不可能把像ps这样复杂的软件每个细微的功能都玩的京东，所以，一定要明白这款软件的核心功能才能更得心应手的应用它。比如，ps是一款图像处理软件，它的核心功能一定是图层，图像，滤镜，所以它的矢量功能会用就行，不必深究。再比如AI，它是一款矢量图形软件，如果用它来处理图标会得不偿失；而sketch呢，它就是为UI界面而生的，所有的功能设计点都围绕着这个主题，所以用它来排版不是不可以，只是不那么便捷罢了。

聊了这么多还是那句话，学习是一个持续终生的事情，特别是咱们设计师。