ui动效设计用什么软件

｜企服解答

常用的ui动效设计软件有：1、Adobe After Effects；2、Origami Studio；3、Flinto；4、Framer；5、Pixso等等

ui动效设计用什么软件

　　1、Adobe After Effects

　　Adobe After Effects（简称“AE”），是由Adobe公司推出的一款图形视频处理软件，属于层类型后期软件。AE主要是对视频影视特效进行处理，用于多段视频和音频的复合编辑。制作动效方面，AE利用关键帧或表达式将任何内容转化为动效。

　　优点：

　　可以实现在短时间内制作复杂演示效果。强大的3D设计空间。动态图形模板中的媒体替换。强大的材料集成能力。

　　缺点：

　　不可交互。入门难，精准度很难控制。

　　总体而言，AE是一款强大的UI动效设计工具，但更适合有经验的专业设计师使用。

　　2、Origami Studio

　　Origami Studio是由FaceBook开发团队创立，在iOS与Android设计风格基础之上采用Facebook设计语言的设计工具，这款工具提供了必要的设计要素、动效效果以及各种库，是一种使用自由形式的绘图工具、文本编辑和可视化组件直观地布局折纸原型的新方法。

　　优点：

　　创建快速交互。使用内置的“演示”和“关闭”动效连接屏幕之间的流。构建交互式组件。以可视方式布局组件，并在补丁编辑器中与强大的交互功能相结合。利用本机硬件API。通过解锁硬件功能的补丁扩展原型的潜力。

　　缺点：

　　仅保留给Mac用户使用。

　　3、Flinto

　　Flinto是一款免费的UI动效原型制作软件。它是轻量级的，可以在线使用，可以为Web和应用程序创建原型。设计师喜欢Flinto应用程序，因为该工具的学习曲线很自然，Flinto的前身是一款在线制作原型的工具，通过上传图片，添加热点配合相应的交互动作快速的生成整体原型。

　　优点：

　　学习成本低，易用性高，无需编码经验，对新手设计师更友好。视频层很容易添加，如GIF格式等。原型中的音效很容易添加。

　　缺点：

　　与Origami Studio一样，仅支持Mac，预览端App也仅适用于iOS设备。只能导入Sketch文件。高阶交互功能少，复杂的动效难以实现。价格略贵且试用期短。

　　4、Framer

　　Framer是一款基于JavaScript的开源原型框架，可以帮助开发者及设计师轻而易举地创建出非常逼真的应用原型，Framer能够同时应用于桌面和移动设备之上，通过它，开发者或设计师只需简单地创建图像、事件等模块即可构建和测试复杂的交互和动效，在Framer上制作的原型也很容易与其他设计集成。

　　优点：

　　动效精细度高，可在手机或平板中预览效果。Framer X商店有大量可供免费使用的设计。自定义过渡创建功能，动效的放手模式。

　　缺点：

　　需要有一定的编程基础，上手难度较高。

　　5、Pixso

　　Pixso是国内专注软件开发的科技公司万兴科技筹备了一年多推出的在线设计软件，是一款集原型、设计、交付、协作和资源管理于一体的UI设计软件，通过跨平台的协同、文件实时云同步以及强大的绘图与标注功能，打通了从设计产品、到研发工作的整个流程，通过跨平台的协同、文件实时云同步以及强大的绘图与标注功能。

　　优点：

　　Pixso打开网页链接即可立即使用，个人用户可以终身免费使用，使用成本低。与国外设计工具相比，Pixso文件打开速度快，同时服务器在国内，运行更稳定，安全更有保障。全面兼容Figma、Sketch、XD、Axure文件，实现过往工作的无缝衔接。海量大厂设计资源，高保真原型交付。丰富原型动效，流畅交互体验。随时在线评审，自动代码交付。本土化设计系统，性能稳定、操作不卡顿。不用下载安装，可以直接网页版在线免费使用。

　　缺点：

　　国产的新兴设计工具，目前还比较小众和年轻。