做UI设计推荐使用哪些软件?

Photoshop：这是但凡是个设计师必会的软件，尽管现在UI已经没几个人用Photoshop输出界面了，但不排除小部分公司还是在用，或者说其实用什么软件都可以只是Photoshop在效率上稍微低点。但还是会优先推荐你学习Photoshop，因为这个软件不仅在UI输出会用到，其他用到的场景太多了，设计师没这个真不行。还有会这个软件再去学其他的会轻松很多。

Illustrator：矢量绘图软件，跟Photoshop和Sketch兼容性都不错，建议在入行前掌握基础功能，但顺序可以放在Photoshop之后去学。

Sketch：这才是当前最主流的UI输出软件，但很无奈的是只支持苹果系统，如果有条件最好掌握学起来很快，一两天就能学会。如果没有苹果电脑可以学学XD，XD跟Sketch界面相似功能也差不多。

Axure RP：这是最主流的原型制作软件，功能非常强大，但有一部分功能比较难学，如果时间紧迫可以掌握基础操作，抛开变量、中继器哪些还是很容易的，两三天就能掌握。

XMind：看别人提了就顺便说下，脑图软件，1小时掌握。

After Effects：动效软件，并不一定要求你必须得在入行前掌握，但如果你入行之后还没掌握后续可以花精力继续学习。

MarkMan：配合Photoshop的标准软件，1小时掌握。

CINEMA 4D：建模软件，并不一定要求你必须得在入行前掌握，但如果你入行之后还没掌握，后续可以花精力继续学习。

1. Framer

Framer是基于JavaScript的开源软件，主要用于交互式动效设计。它可以快速导入Photoshop和Sketch设计稿，实时预览，并制作复杂的交互式原型或动效。

价格：个人-每月$ 15，小型团队-每月$ 99

系统：Mac

优点：支持导入Sketch和Photoshop文件;Framer X商店提供大量的设计资源;可使用编码知识进行创意设计(对具备编程知识的设计师友好)。

缺点：仅支持Mac系统;需要编码知识(对初学者不友好);没有标注工具，不支持直接交付标注信息给开发人员;导入的Sketch文件与位图图层不匹配;与主流工具缺乏协作性，导致大量重复工作。

2. iDoc

Mockplus iDoc是面向设计人员和开发人员的在线协作工具。除了为交互式原型提供丰富的动画效果之外，设计人员还可以从PS，Adobe XD和Sketch中上传原型和视觉设计，通过对应的工具插件自动生成标注、切图信息，方便交付。

价格：个人版免费，团队-$39/月，Team Pro-$129/月

系统：Mac, Windows

优点：支持Adobe XD，Sketch, Axure和Photoshop插件;多种UI动画效果;可以在平台内完成包括动效设置，原型设计和设计交付的完整工作流程;易于使用。

缺点：Adobe XD，Sketch, Axure和Photoshop上设置的动画无法直接导入iDoc;在iPhone X上的预览效果需要提升。

3. Motion UI

Motion UI是基于Sass的CSS过渡和动效设计库。 这是一个非常强大的UI动画工具，为CSS文件提供20多种过渡和动画效果。并且，如果是开源的CSS文件，你还可以通过Motion UI构建自己的动效。

价格：免费

系统：Win, Mac

优点：支持系列动画效果;用户可以自定义7个维度的动画;开源工具;提供了代码教程。

缺点：不支持在IE浏览器中运行Motion UI;需要编码知识。

以上就是关于UI动效设计工具的相关分享，希望对各位从事UI设计的小伙伴们有所帮助，想要了解更多UI设计相关内容，欢迎关注我们，小编将陪伴大家一同成长。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com