1 · State Transitions
悬停时图标弹性放大 + 旋转。让控件有触感,而不是装饰。
运行
实时
拉取
下载中
构建
编译
完成
可发布
2 · Loading Sequence
顺序激活步骤。让用户清楚知道在做什么、还要多久。
连接 ollama 服务
0.1s
加载 Gemma4:12b 模型
1.8s
预热推理引擎
0.3s
就绪
—
3 · Hover Affordances
4 种不同的悬停反馈:上浮 / 缩放 / 旋转弹簧 / 鼠标跟随径向光晕。
A · Lift
B · Scale
C · Spring
D · Cursor
4 · Numeric Motion
数字滚动反映真实状态变化,不是装饰动画。
0