← 返回文章归档
BUILD NOTE / 2026年8月4日

让动态背景留在背景里

Liquid Ether 可以回应鼠标,但它的颜色、速度和对比度都必须服从人物与文字的可读性。

前端实验WebGL视觉层级

动态背景很容易在第一眼制造冲击,也很容易在十秒后变成干扰。它在这个博客里的职责是托住角色,而不是与人物争夺主角位置。

先确定静止画面

如果关闭动画后,标题、人物和下一节入口不能形成稳定构图,那么增加流体运动只会放大问题。先让静态层级成立,再决定哪些区域可以响应鼠标。

运动也需要预算

背景的位移、颜色变化和刷新成本都应受到限制。移动端和减少动态模式下直接降低或关闭响应,确保页面仍然可以快速进入阅读状态。