# Study35:先有静态呼吸,再有动效 状态experiment。用户授权设计师从整体肌理出发重构,而非继续机械调整点径。范围仅首页收尾,不改变文字、商品、入口位置与业务。 ## 设计选择 将均匀网格与半圆透明遮罩替换为确定性的SVG印刷点场:上沿保持整齐、清楚的起点;向下缩小点径、降低墨色、逐步减少点数并轻微错位。密度随局部位置起伏,中央文字和底部入口附近退开,不再先让人识别三角或半圆图案。 不是粗噪点、随机飘动或模糊滤镜。所有点由固定坐标函数生成,刷新和重渲染不变;一次计算,无逐帧点粒更新。SVG属于代码原生装饰,aria-hidden、无焦点、不拦截指针;不引入光栅资产或网络依赖。 动态退为辅助:周期6.4秒、两轮后静止,光晕峰值从.95降到.4,墨色变化收敛,箭头不再上下移动。减少动态效果模式全部禁用;优先以此模式审视静态结构。 ## 验证与取舍 已人工查看393×715关闭动画截图,静态点场保持上部秩序而下部自然消散。是否真正有呼吸感仍需用户判断;不能用颗粒数或测试通过代替美感评价。 `verify-home-light.mjs`通过四组:明暗相位且无布局跳动、点径变化/下部墨色衰减/装饰语义、减少动态效果、键盘进入与焦点。证据`home-35-proof/`含三个相位与静态截图。 `verify-shelf.mjs`四尺寸选购入口、分类搜索、空结果、图片与肉篮/返回位置回归通过。构建成功,固定来源35c0d16的93文件未变,`git diff --check`通过。小屏沿用必要滚动,不承诺320×568所有内容一屏。未验证真机像素密度、系统大字、全量无障碍或其他页完整回归。 用约数百个静态点换取不同点径/疏密,比一块CSS重复纹理增加DOM,但无需多重SVG滤镜合成。真机性能尚待核查;若有实际性能问题,可将同一固定点场编译为单路径,不能直接退回运动噪点。 ## 维护与恢复 实现`study-ink-field.tsx`,由`origin-home.tsx`引用,局部样式在`origin-home.css`。设计主会话维护。恢复Study33/34可移除InkField引用并恢复旧伪元素,重建试验包;无数据迁移、正式品牌发布或提交操作。