液态与有机 · 像水一样
流体球Fluid orb
- 材质感
- 玻璃
- 会回应
一个玻璃球，里面几层颜色互相穿过、一直在流，表面的高光跟着指针移动。指针动的时候你会觉得球真的转了一点 —— 那是高光在动，球体本身没动。
什么时候用它
用在需要一个「没有实物的东西」当主角的地方：AI 助手、加载中、语音识别中。它靠高光跟随指针来立住立体感，所以没有指针的触屏上要给它一个默认的光位。另外别把它做小 —— 小于 120px 就只剩一个彩色圆点，看不出里面在流。
参数
orb Ø164px · 4 colour bands · sine-warped edges · sine-eased, per-frame loop · additive (lighter) · specular follows pointer, 140ms lag
配方
流体球 → 140ms流体球 → orb Ø164px · 4 colour bands · sine-warped edges · sine-eased, per-frame loop · additive (lighter) · specular follows pointer, 140ms lag
给 AI 的一句话
做一个流体球：一个直径 164px 的圆，球里放四层色带，每层的上下边界用两条不同频率的正弦扰动，让它们一直互相穿过、慢慢流；四层用 lighter（加色）叠在深色底上，浅色界面的球内底也要走深色——加色叠完底色一亮就会冲成纯白，色带反而看不见了。高光分两块：一块跟着指针走（用 140ms 的一阶跟随，不要直接贴上），一块是固定的内阴影压住下缘；最后在球外面补一道 1px 的边缘反光，球才像玻璃而不是圆盘。