跳动的活力信号
城市跃动剪影用深蓝渐变背景上的蓝绿色扁平化城市剪影作为舞台，白色小图标——吉他、球拍、游戏手柄和圆形物体——按序从楼宇间隙中跃出并消失。这种循环往复的跳动带着一种轻快的「城市脉搏」，既不急促也不拖沓，传递出夜晚都市中娱乐与生活交融的愉悦感。图标出现的间隔疏密有致，仿佛城市的呼吸节奏，可能更适合需要营造期待与探索氛围的场景，比如引导页，用图标跳跃邀请用户发现更多功能；也适合加载等待，用轻微的动感缓解等待情绪。整体情绪信号明确且积极，没有压迫感，让界面更具人情味。
Lottie格式的轻量优势
作为通用其他分类的动效资源，城市跃动剪影提供Lottie和JSON两种格式，天生透明底、无损缩放，可以干净叠加在任何背景上。157 KB的文件体积极为轻量，相比同样时长的GIF或MP4视频，加载几乎无延迟，尤其适合对首屏速度敏感的应用。矢量属性确保它在视网膜屏甚至更大尺寸展示中保持锐利。.lottie文件可直接用LottieFiles相关工具预览，.json便于集成进前端工程；动画的6个图层结构清晰，修改颜色或调整图标出现时机都非常方便，设计师和开发者可以快速二次定制，比传统视频素材灵活得多。
四个落地场景指南
引导页——作为新用户进入App的第一视觉触点，图标跳跃能暗示内容生态的丰富性，快速建立轻松的品牌印象。加载等待——在数据请求或页面切换时循环播放，用城市夜生活的节奏代替枯燥的转圈，缓解焦虑。App开屏——搭配深色启动背景，城市苏醒感与图标活跃闪现传递出「开启精彩」的信号。空状态页——当列表或动态内容为空时，城市剪影和跳动图标让空白页面也有故事。社交媒体分享——作为个人名片或活动页的动态装饰，透明底可叠加在照片、海报上，增加动态质感。此外，还可用于按钮点击后的微反馈，轻快闪现图标，给予愉悦的操作确认。
设计师使用清单
城市跃动剪影适合城市生活、娱乐、社交类移动应用，或任何希望注入年轻活力感的数字产品。不适合严肃的企业级后台、数据密集型仪表盘或需要极致简约的金融界面，图标的跳动可能干扰数据阅读。搭配建议：配合深色模式使用效果最佳，浅色背景时可微调图标颜色以保持对比。调参技巧：如果觉得默认节奏略快，可在Lottie编辑器中适当降低播放速率至80%，让图标跃动更从容。文件包含.lottie与.json两种格式，前者便于预览分享，后者便于工程集成。动画尺寸900×380，适合banner或卡片宽度，纵向排列时可通过调整容器高度适配。若用于加载等待，建议设置循环播放并配合文字提示，快速提升整体体验。
