ui设计常用的工具（设计狮的三级包）

ui设计常用的工具（设计狮的三级包）插件类型：切图Cutterman支持平台：MacSketch的横空出世对于UI及交互设计行业的改变是非常巨大的，Sketch在功能上的简化优势和对工作效率的提升是巨大的。Sketch确实是非常适合UI设计师的软件工具，并且Mac平台的应用向来使用简便，因此造就了它非常高的业内地位。随着功能越来越完善，Sketch在上下游的配合上也有了越来越多的解决方案，是它有了更广泛的适用范围。二、插件

伴随着互联网的发展和人们对视觉标准的提升，设计师扮演着越来越重要的角色。工欲善其事必先利其器，优秀易用的软件和插件对于设计师效率的提升是至关重要的，近几年也确实出现了很多不错的软件和工具，在本文与大家分享和交流，如有更好的工具欢迎补充。

一、软件

sketch

适用职业：UI设计师、交互设计师、产品经理

支持平台：Mac

Sketch的横空出世对于UI及交互设计行业的改变是非常巨大的，Sketch在功能上的简化优势和对工作效率的提升是巨大的。Sketch确实是非常适合UI设计师的软件工具，并且Mac平台的应用向来使用简便，因此造就了它非常高的业内地位。随着功能越来越完善，Sketch在上下游的配合上也有了越来越多的解决方案，是它有了更广泛的适用范围。

二、插件

Cutterman

插件类型：切图

支持软件：Photoshop CC 2014及以上

支持平台：Win、Mac

简单易用的PS切图插件，是Cutterman系列中少有的免费插件，功能设置很简便。不过随着PS本身切图功能越来越好，手动切图插件的生存环境正在变小。

Parker

插件类型：标注

支持软件：Photoshop CC 2014及以上

支持平台：Win、Mac

Cutterman系列插件之一，保持了该系列简单易用的特点，对于喜欢手动标注的设计师们很友好，图层自动打组，出错几率小。问题是只有15天的免费试用，购买价格为60元。

PsMirror

插件类型：手机实时预览

支持软件：Photoshop CC 2015及以上

支持平台：Win、Mac

很多使用PS的设计师们很羡慕Sketch自带的Mirror功能，好消息是现在也有了很多针对PS的手机实时预览插件，经过一些试用，Cutterman系列的PsMirror是最稳定的，且支持安卓和苹果，对于手机UI界面的细节调整有非常大的作用。

蓝湖

插件类型：协作

支持软件：Sketch、Photoshop

支持平台：Win、Mac

大名鼎鼎的Zeplin很多人应该知道，不过其国外服务的加载速度还是不太适合国内使用，与之类似的蓝湖已经被应用于很多互联网公司了，功能简单界面友好，可以说大大减少了设计与开发之间沟通的成本。

PxCook

插件类型：切图、标注、协作

支持软件：Sketch、Photoshop

支持平台：Win、Mac

PxCook像素大厨经过多个版本的升级迭代，现在已经成为了一个非常全面的UI设计插件，一步到位的功能设置、全平台的支持在上手之后是非常便捷的，并且最关键的是免费，用一个应用插件将产品、设计、开发用户都拉拢到平台，逐渐占领了市场。

Flavor

插件类型：自动填充

支持软件：Flavor

Sketch的插件非常多，也都很便捷，不过Flavor是使用频率最高的，尤其是阵列复制功能，配合Sketch的元件功能，省去了非常多的设计时间。

三、素材

事实上UI设计并不需要大量的素材，更多的是对图形和颜色的运用，当然有些好的案例和套件还是能提升一些效率的，在此推荐三个网站。

sketch.im（Sketch）http://www.sketch.im/

UIKit（PS、Sketch）http://www.uikit.me/

千图网（PS、Sketch）http://www.58pic.com/