知名产品的 Lottie 实践案例——从 Google Home 到 Duolingo
Lottie 在哪些产品里真正跑着
Airbnb 官方维护了一份社区展示清单,列出了公开承认使用 Lottie 的知名产品。以下是其中比较有代表性的几个。
Google Home
Google Home 在 iOS 和 Android 应用里用了超过 40 段 Lottie 动画——涵盖启动欢迎、加载连接、错误提示等场景。这些动画由底特律的 Gunner 动画工作室设计,跨平台统一。Google 团队的公开分享提到,选择 Lottie 是因为"能在 iOS 和 Android 上保持完全一致的动效表现,而且文件体积比 GIF 小太多"。
Disney Now
Disney Now 应用里的 Lottie 动画出现在大量状态切换场景——从内容加载、播放控件状态切换到空状态提示。Disney Now 的动效负责人 Anibal Koliren 在 LottieFiles 评价说:"LottieFiles 扩展了我的职业生涯至少 10 年——以前做跨平台动效需要 iOS 和 Android 各来一遍,现在一次设计两头用。"
Duolingo
Duolingo 那个蹦蹦跳跳的猫头鹰吉祥物、课程完成时的庆祝动画、连不上网络时的呆萌提示——都是 Lottie。Duolingo 的动效策略是:Lottie 帮他们在学习产品里注入了"情绪",让用户在紧张的学习节奏里保持愉悦感。
Target
Target 在 iOS 和 Android 应用的引导流程里用了 Lottie。特别是新用户首次打开时的 onboarding 动画,跨平台一致性是核心需求——因为 Target 的设计团队只做一套 AE 动效,直接导出 Lottie 就两端齐活。
Headspace
冥想应用 Headspace 在品牌动效上大量使用 Lottie。Headspace 的高级动画师 Brian Lee 评价:Lottie 无缝融入了团队工作流,文件体积小,团队间分享想法又快又直观。
你能做什么?
如果你的产品也在使用 Lottie,可以提交 PR 到官方仓库的 community-showcase.md,说明你用 Lottie 做了什么,并配一张 GIF——审核通过后会在官方社区展示。