用这组图标动画，做轻量级社交分享

一句话定位

这是一款专为社交场景设计的图标展开动效，核心解决分享引导页视觉单调的问题。动画从一个极小的天蓝色方块开始，迅速放大并演变成圆角矩形背景，紧接着在中心浮现出白色的对话气泡与闪电图标。整体时长极短，非常适合用在页面加载完毕的瞬间，通过「从无到有」的动态吸引用户注意力，属于典型的社交类微交互组件。

格式与文件

该动效采用标准的 Lottie (JSON) 格式。作为矢量动画，它拥有天然的透明背景属性，可以无缝融入任何底色的 App 界面或网页中。相比体积巨大的 GIF 或 MP4 视频，这款动画在保持高清晰度的同时，文件体积非常轻量，不会拖慢页面加载速度，非常适合对性能敏感的移动端开发环境。

最适合的 3 个场景

第一是「社交分享页的引导图标」，当用户完成内容创作准备转发时，这个图标动效能作为显眼的视觉锚点，提升点击率。第二是「聊天软件的空状态页」，在对话列表为空时，用这个动态的对话气泡图标替代静态插画，能传递「等待连接」的活跃感。第三是「App 关于页面的团队介绍」，配合团队成员的社交账号链接，作为统一的动态装饰元素。

5 分钟上手指南

下载文件后，第一步建议在预览器中确认动画的缩放比例，因为它起始点很小，需要确保在目标尺寸下依然清晰可见。接入时，可以根据 UI 风格微调循环模式，通常单次播放作为进入动效效果最佳。如果是 Web 端使用，记得配合 Lottie-web 库，并设置好播放控制器，以便在页面视口出现时才触发动画，节省性能资源。