这些UI动效设计工具,你了解几个?
发布网友
发布时间：2022-05-01 03:04
共1个回答
热心网友
时间：2022-06-23 01:34
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设计相关内容，欢迎关注我们，小编将陪伴大家一同成长。
