反模式 · 动效 · 高
万物皆可悬停
万物皆可悬停指把抬升、缩放、发光的过渡铺满每张卡片,悬停从此不再传达任何信息。
症状
网格里每张卡片悬停都抬升或放大,包括那些根本不可点的。
为什么会这样
悬停过渡是让静态页面显得可交互最便宜的手段,模型因此普遍使用。它在截图里表现也好,进一步在训练数据中强化了这一模式。
规则
只有可交互元素才有悬停态;容器最多改背景。
- 删掉所有非链接、非控件元素的悬停动效。
- 可点卡片只改背景或边框——不抬升、不缩放。
- 位移反馈只留给按钮和控件,时长 120-200ms。
万物皆可悬停是什么?
当每张卡片悬停都抬升 4px,悬停就不再是信号,而是墙纸。交互反馈是有预算的:应该花在悬停真的说明「这里可点」的地方。不是链接的卡片不要悬停态;是链接的行改背景色,而不是抬升。缩放与抬升属于控件,不属于容器。
修复 Prompt
贴在你现有 Prompt 之后,把这类毛病从结果里剥掉。