动效设计
动效设计在落地格式的选择有何区别，不同格式的优点与缺点详解。
随着项目的不断积累，在制作动效的过程中自己对动效设计也有了新的认知，同时也看了很多设计大佬的文章和案例分享，如文章内容涉及各位大佬的案例素材，还请海涵，可私信我删除。
动效设计，顾名思义即动态效果的设计，用户界面上所有运动的效果，也可以视其为界面设计与动态设计的结合。
我们在做动效的时候会用到不同的设计制作软件，不同的软件对应在动效落地场景上也各有差异。
一般我们在做动效时经常是使用AE进行制作的，AE软件的使用频率在我的工作中是最为高的，其次如果涉及到三维动效制作，一般会选择使用C4D/Blender，而C4D与AE的无缝衔接使得在三维动效制作领域大部分还是以C4D为主，如果涉及到三维交互式动效，目前对于设计师来说较为主流且易学习的三维软件可以选择Spline。
在做网页/APP交互式动效时，可选择的软件相对三维来说则更为多样，我们熟知的Figma不仅仅能做UI高保真设计，同时也是完美支持交互式动效设计的；Protopie和Principle在交互式动效制作领域则更为专业；如果我们仅需要制作GIF动图，在不会使用AE的前提下可以选择PS来进行设计制作，相较于AE的难度PS则更为简单一些；
最后，就是前端工程师使用代码进行动效的编写，我们通常使用的各类软件中，大部分动效也是他们来进行制作的，但也需要设计师前期进行动效Demo的制作。
在动效制作的流程中，主要分为三大阶段，分别为设计阶段、交付阶段、验收阶段，不同的阶段对应不同的设计原则。
根据业务侧的需求以及设计师设计图进行动效的制作，而后动效设计师要对所要设计的动效进行简要的分析，同时也需要去找一些参考，而后进行动效的落地制作以及把参数及文件进行交付给开发，协助开发完成动效的还原，在验收阶段要对动效的还原情况进行一比一验收，找到问题并反馈给开发，等修改好BUG后就可以进行产品的上线了。
动效在广义上可以分为：交互式动效、非交互式动效、复合型动效；
按照场景以及功能可分为：转场动效、导航动效、加载动效、展示动效、引导动效、反馈动效。
虽然按照场景及功能来说动效分类较多，但这些其实都是包含在交互式动效、非交互式动效、复合型动效中的。
在动效落地阶段，主要分为代码实现、GIF、Lottie、Webp、Apng、Mp4、Pag、Svga、Spline等，不同的格式适用的场景也各不相同，最为常用的动效格式为Lottie、Svga、Pag格式，其中Lottie最为适合制作矢量动效，Svga适用直播类场景动效制作，Pag则适合制作模板类动效。
由于Pag格式对AE表达式支持不友好，Svga支持AE效果较少，所以目前为止我还是以Lottie交付格式为主。
我们通过AE制作好动效后，使用bodymovin插件输出一份json包给到前端开发，前端使用json包去做各端口的适配与发布。
在制作动效的时候，一般分为位图格式和矢量格式，不同的格式也对应这不同的制作方法与输出方法。
在制作以位图为素材的动效时，如用到AE中的插件、光效、粒子、开启三维层等，应输出为PNG序列帧格式后再导入AE使用bodymovin插件输出json文件；
在制作以矢量素材为主的动效时，制作好动效后直接使用bodymovin插件输出json文件即可。
再输出矢量动效后，我们可以把输出的json文件上传至Lottie官网的个人动效管理中心，可以进行动效的颜色、速度、输出格式的调整。
不同的使用场景对应不同的格式输出，所以我们不能局限于一种格式。目前来说我比较推荐使用Lottie输出格式，它有完整的工作流程以及社区生态，而且网上教程很多，大家也可以进行自学。
