鼎味肉市DESIGN ATELIER
← 资料目录docs/design/proof/experiments/fresh-market/STUDY-30-HALFTONE.md阅读原文

Study30:向下消散的网点与更清晰的呼吸

状态:experiment。用户希望首页分隔线向下延伸halftone渐变,并增强“把喜欢的,带上桌”的生命力。本轮只改origin-home.css,不改变文案、空间预算、商品与业务状态。

分隔线下38px的静态4px网点向下渐隐,接近文字时消散;没有把网点铺满背景。入口以5.6秒周期呼吸三次,浅绿光晕从淡到明显、文字墨色加深,箭头仅移动4px;之后恢复静态,不无限催促。悬停/聚焦停止动画并显明入口;减少动态效果设置禁用全部三项动画。网点伪元素不接受指针事件,不新增DOM读屏内容。

取舍:不用文字缩放(影响阅读稳定),不用移动网点(增加摄影下方噪声),用静态纹理与局部动效分工。网点在高像素密度设备上的颗粒感仍需真机反馈;当前浏览器截图不证明所有屏幕的纹理效果。

验证:verify-home-light.mjs检查0/2800/5600ms相位、不同墨色和光晕、入口几何不跳动、遮罩/指针、减少动态效果与键盘进入货架;证据home-30-proof/。已人工查看峰值截图。verify-shelf.mjs另覆盖四尺寸、分类/搜索/空结果、独立选购、肉篮及返回位置。没有新增光栅资产或外部依赖。

固定35c0d16来源93文件未变,git diff --check通过。未做真机、完整无障碍/对比度或全页面验收。设计主会话维护;恢复入口旧动画与移除Study30网点规则即可回退,无数据迁移。首页以外不变。