开发者社区 > 博文 > UE Design | UI设计中的动效设计【三】
分享
  • 打开微信扫码分享

  • 点击前往QQ分享

  • 点击前往微博分享

  • 点击复制链接

UE Design | UI设计中的动效设计【三】

  • 云与AI设计部
  • 2021-01-28
  • IP归属:未知
  • 23720浏览


设计工具


接下来通过如何做动效设计的角度推荐几个动效设计工具



Ae

动效设计的首选,功能强大、插件众多。搭配Airbnb发布的Lottie,可以将制作的动效直接生成代码交给开发人员。AE目前不支持手机实时查看,无法测试交互。有

一定的学习成本。


Figma 

多人编辑 在线协作 跨设备


可以实现简单的动效效果,figma mirror可以实时测试动效效果,上手快,无版权担忧,搭配插件可以导出gif,figma文件配合插件可以导入ae。(figma怎么导出

gif,怎么导入ae做动效)


Xd

通常用于简单的交互型动效制作,跟figma做动效的原理是一样的,上手比较简单。


Ps

制作简单的逐帧动画和关键帧动画,导出gif。


C4D

主要用于3d类动画效果制作,上手比较慢,有一定的学习成本,对电脑的配置也有要求


Principle

操作较简单、上手快、效果好、界面简洁。可以在手机上实时查看交互效果,可以快速生成高保真原型,制作demo非常迅速;不过,制作整体的大型项目略有乏力。



参考文章

•10分钟带你了解动效设计http://www.woshipm.com/pd/4272990.html
•APP改版:怎么做动效设计?http://www.woshipm.com/pd/3552559.html
•动效的高效设计与交付http://www.woshipm.com/pd/2200126.html
•UI界面设计工具都在这里了,Sketch、XD、Figma哪个好?https://zhuanlan.zhihu.com/p/237954760
•APP动效设计解析:从目标到落地http://www.woshipm.com/pd/4164194.html