30秒读懂摇尾平台小狗
摇尾平台小狗是一个用于页面气氛调节的循环动效，它表现了一只棕色小狗侧身站在白色等距正方形平台上，背景是明亮的黄色。小狗的身体完全静止，只有尾巴在做轻微且连续的左右摇摆。这个简单的动作传递出轻松、友好的情绪，特别适合节日活动页、H5营销Banner或加载等待场景。不需要复杂的交互，它就像设计角落里的一个温暖眨眼，让界面瞬间多了一份灵动。文件仅21KB，透明底一秒融入你的设计。
Lottie+JSON双格式，轻量无底
下载包内同时包含.lottie和.json两种矢量格式，均带透明通道，任意缩放边缘依然锐利。相比传统的GIF序列帧，Lottie体积更小，色彩更准，还支持通过代码自由控制播放速度、循环次数甚至交互响应。21KB的体型在移动端和Web端几乎无感加载，很契合自然旅行、活动运营这类需要轻量点缀的场景。若需二次调色或微调尾巴摆动节奏，直接用After Effects打开源文件即可。
两个需慎用的场景
摇尾平台小狗并非万能。一是信息密度高、风格严肃的产品界面，比如金融仪表盘或后台数据大屏，小狗的轻松气质容易破坏专业感，反而让用户分心。二是在极小尺寸下使用，比如16px图标位，尾巴的细微摆动会被压缩得难以辨识，循环效果大打折扣。建议保持在60px以上作为装饰元素，才能发挥它那种“不经意间的小治愈”。
5分钟快速接入指南
拿到文件后，先用LottieFiles在线预览或LottiePlayer本地拖入，确认动效与设计稿匹配。接着在Sketch或Figma中试着把它放到120px左右尺寸，置于按钮旁、空状态插画区或节日弹窗角落，透明度略降至90%会让融合感更强。前端接入时，Web端可引入lottie-web，React/Vue项目直接用对应封装；移动端有Lottie-iOS和Lottie-Android，几乎零门槛。默认循环记得按场景设置重复次数，避免用户长时间盯同一动作产生疲劳。
