快速定位
这是一款典型的「社交分享」类加载动画,用在用户完成分享动作后的等待间隙。当点击发送按钮后,屏幕上跳出四个色块旋转组合的画面,能有效缓解用户的操作焦虑,同时明确告知「正在处理中」。相比单调的菊花转,它更具设计感,适合对交互体验有要求的 App 或小程序。
关键信息
该动效基于 Lottie 格式,由红、黄、蓝、绿四个高饱和度色块组成。画面中央的方块并非静止,而是通过快速的自转与组合,形成一个动态的正方形视觉中心。这种扁平化的设计风格非常百搭,透明背景让它能轻松融入任何深色或浅色底色的 UI 界面,不会显得突兀。
场景速查
它最适合出现在社交 App 的「分享成功」提示页,作为发送过程中的过渡;其次是在内容流 App 的「加载更多」瞬间,给用户一个视觉反馈;另外,在支付完成后的跳转间隙使用,也能保持整体交互的连贯性。不过,它不太适合用作 App 的启动页,因为循环旋转的视觉重心较满,长时间观看可能会产生视觉疲劳。
速查清单
下载后直接预览即可看到透明底的矢量效果,建议尺寸控制在 80px 到 150px 之间,过大可能会抢夺主要内容的视线。接入时通过 Lottie 库调用 JSON 文件即可,开发者可以方便地控制播放速度。如果不需要无限循环,可以将其设置为单次播放,让它成为一个明确的状态反馈而非单纯的装饰。
声明:本站资源均收集自网络,仅供个人技术研究与交流,本站不对资源的可用性及安全性负责。若内容无意侵犯了您的权益,请联系( eyosc@qq.com )处理,核实后我们将第一时间配合下架处理。
