文件格式与选用建议
下载包里通常包含 .lottie 与 .json 两种格式。.json 是标准的 Lottie 数据文件，适合绝大多数 Web 和移动端渲染器直接读取，方便开发者调试和修改参数；而 .lottie 是压缩后的二进制格式，体积更小，更适合对包体积要求苛刻的 App 项目。建议日常开发优先用 .json，上线时如果在意首屏加载性能再切换为 .lottie，这样能在开发效率和最终性能之间找到平衡。
画面元素与视觉风格
画面主体是一个张开的嘴巴，包含红唇、洁白的牙齿和暗红色的口腔内部。一把粉色的牙刷在牙齿上左右来回刷动。色彩上，红唇和粉色牙刷形成了温暖、活泼的对比，口腔内部的深色则很好地衬托了牙齿和牙刷的运动。整体是扁平插画风格，线条干净，没有多余的噪点，视觉焦点非常集中在刷牙这个动作上。这种明快的色彩搭配，可能更适合健康、生活或儿童类产品的调性，能有效传递愉悦感。
多端接入注意事项
在 Web 端使用 React 或 Vue 时，推荐引入 lottie-web 或 lottie-react 等成熟库，记得在组件卸载时销毁实例，避免内存泄漏。对于原生 App，iOS 可以用 Lottie-ios，Android 用 Lottie-android，直接拖入 json 文件即可。需要注意的是，如果动画需要响应点击事件，要在代码里开启交互模式，并给牙刷图层绑定好事件监听，确保交互逻辑顺畅，同时注意不同平台对复杂路径的渲染差异。
快速上手与调试指南
拿到文件后，第一步建议先用官方预览工具或浏览器直接打开，确认动画播放流畅且没有缺帧。接着在真实 UI 里测试尺寸，这款动画细节较多，建议宽度不要太小，否则牙刷和牙齿的边界会糊在一起，影响辨识度。最后调整循环设置，刷牙动作本身是无限循环的，如果用在引导页，可以设置播放几次后停止，避免一直动让用户分心，或者根据用户滚动位置来控制播放进度。
