动效设计的产出链路通常会经过「找参考/找素材 - 选工具制作 - 预览调试 - 导出/交付」几个环节。为了让你在做 App/网页动效、产品宣发视频、交互动效原型时更高效,这里整理了一份围绕 Lottie 的常用工具与资源网站清单:包含动画素材库、在线/桌面编辑、从 After Effects 导出、JSON 预览与调试、以及与开发协作常用的平台。
需看协议:最常用的 Lottie 动画社区与资源库,支持搜索、预览、收藏、团队协作与多种导出方式;使用前建议逐条确认作品授权与商用范围。
工具地址:https://rive.app/
需看协议:面向交互动效的设计与运行时方案,适合做可控状态机动画;商用与团队/企业使用请按其订阅条款核对。
工具地址:https://github.com/airbnb/lottie-web
需看协议:常见的 AE - Lottie 导出链路核心组件(含相关导出与播放生态);用于商业项目时注意依赖库与第三方素材的授权一致性。
需看协议:偏向 SVG/矢量动效制作的在线工具,适合做图标动效与轻量级动画;导出与素材授权以官方协议为准。
需看协议:面向社媒与营销场景的动效设计工具,快速出短视频/动效海报;商用需根据其方案与字体/素材来源确认授权。
免费商用:浏览器端动效编辑器,适合做简单的关键帧动画与导出;仍建议在项目交付前核对其许可与第三方资源使用条款。
工具地址:https://www.haikuforteams.com/
需看协议:偏向产品团队的动效设计与开发交付协作工具;企业使用请以其当前许可与价格条款为准。
需看协议:用组件、交互与插件快速搭建动效演示与原型;用于对外发布或商用素材时需确认插件/资源包授权。
工具地址:https://airbnb.io/lottie/
需看协议:主流端侧播放方案,适合把设计输出的 JSON 动画交付给开发;注意不同平台支持特性略有差异,交付前建议做兼容性验证。
需看协议:将多个动画、资源与元信息打包便于分发与版本管理;用于商业分发时需同步核对内容资产授权。
需看协议:适合快速套用动效模板做宣传物料;模板/字体/素材的商用范围以其内容许可为准。
工具地址:https://www.adobe.com/products/aftereffects.html
需看协议:经典的动效制作软件,配合导出插件可进入 Lottie 交付链路;商业使用按订阅授权执行,另外注意第三方素材版权。
工具地址:https://pixabay.com/
需看协议:可用于找一些可商用的参考视频与素材,但实际使用仍建议查看具体资源的许可与归属说明。
需看协议:适合补充视频参考与镜头节奏灵感;商用范围以其许可与素材本身的限制为准。
工具地址:https://mixkit.co/
需看协议:提供动效视频、音乐与音效等内容,适合做动效参考与快速试用;不同资源的使用范围以其授权条款为准。
需看协议:适合寻找高质量背景图用于动效合成或演示;用于商业项目时仍建议核对其许可与署名建议。
工具地址:https://fonts.google.com/
需看协议:适合做动效字幕与 UI 演示的字体选择;不同字体协议不同,商用前务必查看具体字体许可。
需看协议:聚合多个图标集,便于快速找图标用于动效;因为来源多样,商用前建议按图标集协议逐一确认。
工具地址:https://www.flaticon.com/
需署名:图标资源丰富,适合做动效起稿与演示;注意很多资源需要署名或订阅授权才能免署名商用。
需看协议:适合在动效中使用统一风格的 emoji 形象;使用前请按其许可条款确认署名与商用范围。
工具地址:https://dribbble.com/shots
需看协议:适合找动效趋势、UI 动效节奏与转场参考;注意这是作品展示平台,直接商用需获得作者授权。