BBruce MOTION SYSTEM
EMOTION / 001  ·  KIMI CODE
A little dog. A lot of feeling.

Bruce,
in motion.

从一次眨眼到一场欢呼。10 组原生矢量动画,让等待、创造与完成都有清晰的情绪,也让产品的每个角落多一点生命力。

10 个状态100% SVG 动画零位图帧透明背景可独立嵌入

0.00s 4.80s

情绪与状态,各就各位。

点击卡片聚焦;每张卡片都是正在运行的独立 SVG。

缩小,也不失态。

同一聚焦动画的实时矢量实例。48px 以下建议仅表达状态,不承载复杂语义。

不是动起来就算表演。

01 / ANTICIPATE

先有预备

跳跃前下压,发现前探查。动作有方向,情绪才有因果。

02 / STRETCH

形变有弹性

位移、旋转和挤压分层叠加,落地后过一次回弹再稳定。

03 / STAGGER

细节会错拍

视线、护目镜、徽章与特效不完全同步,避免机械感。

04 / SETTLE

循环能落地

首尾姿态一致,粒子透明离场,持续状态不闪烁、不催促。