红色用户组图标渐显，社区按钮反馈更生动

画面元素拆解

这款动画的主体是三个红色用户剪影图标，以重叠方式组合成群组形态，传递「社区」「多人」的视觉语义。上方「Arts」采用黑色衬线字体，下方「Forum」使用红色手写体，形成正式与亲和的对比。整个画面从白色背景中淡入，底部还有一组缩小版的相同标识。配色以红色为主调，黑白为辅，视觉层次分明。动画节奏舒缓，适合需要营造温馨社区氛围的界面场景。

文件与集成

下载包内含.lottie与.json两种格式文件，适配不同开发需求。前端团队可在Web端通过Lottie-Web库集成，支持React、Vue或原生JS项目。移动端方面，Android使用Lottie-Android，iOS使用Lottie-iOS即可快速接入。文件采用矢量格式，无需担心多倍屏适配问题。开发可通过代码控制播放速度、循环次数、触发时机等参数，实现按钮点击、悬停等交互反馈。

实战场景指南

社区类App的「加入群组」按钮点击后，用此动效强化归属感。论坛首页的「用户中心」入口，点击时展示此动画提升亲切度。社交功能的「关注」「加好友」按钮，用户组图标天然契合场景。团队协作工具的「成员列表」入口，点击反馈用此动效直观传达「多人」概念。活动页面的「报名参与」按钮，用群体图标暗示「加入大家庭」。

设计师使用清单

适合社区产品、社交App、论坛平台、会员系统等项目。不适合严肃的企业后台或极简风格界面。搭配建议：按钮尺寸建议不小于64x64px，确保图标细节清晰。调参技巧：将播放速度调整为0.8-1.2倍，匹配整体界面节奏。若品牌色非红色，可在AE中替换色值后重新导出JSON。循环模式建议设为单次播放，避免按钮区域持续动画干扰用户操作。