比较流行和常用的那些设计UI界面设计工具以及插件

随着ui界面设计行业的蓬勃发展离不开那些设计工具，他们功不可没，在提升了工作效率的同时，不断探索设计师和行业的体验，不断更新迭代发展，呈现出更好，我们离不开的工具。

1、通用ui设计工具

Sketch是一个功能强大的界面设计工具，是专门为UI设计师设计的软件，可以让你的界面设计更加简单，更加高效。使用Sketch，用户可以很容易地设置图层面板，可以批量命名图层，智能标注页面，填充头像和文本等等，还可以实现操作功能，如多层填充，渐变，噪声点；Sketch提供了“全部导出”功能，因为它基于矢量，可以导出诸如PDF,JPG和PNG(可选2x)等格式。

2、Photoshop是一款最受欢迎的图像编辑软件，用户界面设计师必备的界面设计工具。PS是UI界面设计的神器，具有强大的图片编辑和处理功能，想要什么图形都可以用PS来实现，可用于后期摄影，可为图像添加各种滤镜，调节亮度，对比度等，产生高清晰度图形。通过图层面板可以非常简单、高效地处理修复图片；而且PS可以提供不同文件格式的保存选项，可以在不损失图像质量的情况下调整图像大小和分辨率。

3、摹客样机是能够快速实现在线样机界面的设计工具。高逼真度的原型设计，与协作平台完美结合。输出速度快，设计精巧，UX设计师能快速完成交互原型设计，容易绘制出流程图；UI设计师能做到像素级的逼真。

4、Zeplin是协作中最强大的工具。操作非常简单，设计者直接从Sketch上传制作的UI界面设计，应用程序会自动生成一些注释，在面板的右边，可以直观地看到每个元素的大小、颜色、边距，甚至某些元素的代码信息。此外，UI设计者可以直接在UI界面中为开发者添加注释、标签、注释等等。弥补了开发与设计之间沟通的障碍，为设计者和开发者节省了很多宝贵的时间。

5、AdobeAfterEffects简称AE，是一种界面设计工具，主要用于图形和视频处理，目前动效设计在UI界面设计中的应用越来越广泛。它是一款基于图层的2D和3D后期合成软件，可以帮助UI设计者对图像视频进行任意效果处理，包括数百种特效和预设动画效果，可以与Premiere、Photoshop、Illustrator等软件无缝组合，创造无与伦比的视觉效果。

再看看几款常用的插件：

AE插件：GifGun

现在，我知道的最简单有效的视频转GIF插件就是这个。这个插件完全是个傻瓜操作，而且还能输出高质量的GIF文件。

AE插件：Motion2

mgmotives动效该软件提供九种定位点选择。不管是制作MG动画还是UI动态演示稿，都可以在确定中心点位置时使用。其它功能也十分丰富。

AE插件：Bodymovin

JSON格式的文件可以通过Bodymovin这个插件导出，让工程师把它们放进APP项目中，100%的还原AE制作的效果。尽管插件还不够完美，但一些复杂的效果仍然无法实现。但是项目中90%的影响都可以被转换出来。

PS插件：Cutterman,GuideMe,Parker,Psmirror四件套

Cutterman切图工具；GuideMe定制参考线工具；Parker插件，支持全方位标注；Psmirror常用的实时预览工具。这些插件中有三个是收费软件。但是买到永久免费的升级仍然是很划算的。

PS插件：蓝色湖水

蓝色湖水本身就很强大。该插件的主要功能包括上传设计稿和标记切图。上传的设计稿制作完成后可与团队其他成员共享。而且网页端会自动标注，非常方便。标签切图的功能也非常简单。将会对切图元素添加标签，上传后开发者就可以一键下载切图，非常高效。

Sketch插件：AutoFixiOSTextLineHeight

公众号内找到的一个插件，充分地解决了开发设计图的行高不统一的问题。为使字体行高更精确，还可避免重复调整。

Sketch插件：SketchMeasure

有效的切图标注工具，非常适合sketch软件。具有多种标注函数和分片函数，可以直接导出html格式，其中包含所有的规范细节和css格式等等。能很好地降低沟通成本，提高工作效率。

大部分都是Adobe公司的产品，期待有一天能看到来自中国的设计产品，加油。