蓝色圆点带运动模糊，电商加载页的轻盈呼吸

画面元素拆解

视频里最抓眼球的是那颗纯粹的蓝色圆点。它没有复杂的几何拼接，就是单色实心圆，在纯白背景下沿着弧线轨迹快速滑动。最妙的是它自带明显的运动模糊效果，圆点在起步和加速时尾部会拉出柔和的拖影，让原本平面的圆点产生了速度感与空间纵深。构图上它只占据了画面的局部，留白极大，这种极简的视觉语言让它在任何复杂的UI背景里都不会喧宾夺主。

Lottie 格式优势

作为加载等待类的动效，这款动画采用 Lottie 和 JSON 格式输出，直接解决了传统 GIF 的痛点。它是纯矢量绘制的，这意味着无论你在移动端还是大屏网页上放大缩小，蓝色圆点的边缘和运动模糊的渐变都不会出现锯齿或失真。透明底的特性让它能无缝融入各种深色或浅色背景，而且文件体积比同等画质的 GIF 轻好几个量级，对首屏加载速度非常友好。

跳出常规的用法

别只把它当成普通的页面 Loading。在电商大促的倒计时 Banner 里，让这颗蓝色圆点沿着商品轮廓做循环运动，能瞬间打破静态海报的沉闷。或者用在社交 App 的「正在输入」状态，把圆点替换成头像，配合运动模糊，能生动传达出对方正在快速打字的急促感。甚至可以在数据看板的图表切换时，用它作为视觉引导线，暗示数据正在实时刷新计算。

设计师使用清单

这款动效特别适合电商活动页、SaaS 后台加载以及轻量级 App 的过渡场景。不太建议用在严肃的金融或政务界面，因为运动模糊带来的速度感略显活泼，可能会削弱专业稳重的氛围。拿到 JSON 文件后，建议调整一下运动曲线，把缓动参数稍微调平一点，能让圆点的启停更丝滑。如果是深色模式，记得把蓝色替换成高明度的浅蓝或纯白色，保持视觉对比度。整体来说，这是一款极具性价比的百搭素材。