跳到正文
UIGrammer
EN 中文

反模式 · 动效 ·

万物皆可悬停

万物皆可悬停指把抬升、缩放、发光的过渡铺满每张卡片,悬停从此不再传达任何信息。

症状

网格里每张卡片悬停都抬升或放大,包括那些根本不可点的。

为什么会这样

悬停过渡是让静态页面显得可交互最便宜的手段,模型因此普遍使用。它在截图里表现也好,进一步在训练数据中强化了这一模式。

规则

只有可交互元素才有悬停态;容器最多改背景。

  1. 删掉所有非链接、非控件元素的悬停动效。
  2. 可点卡片只改背景或边框——不抬升、不缩放。
  3. 位移反馈只留给按钮和控件,时长 120-200ms。

万物皆可悬停是什么?

当每张卡片悬停都抬升 4px,悬停就不再是信号,而是墙纸。交互反馈是有预算的:应该花在悬停真的说明「这里可点」的地方。不是链接的卡片不要悬停态;是链接的行改背景色,而不是抬升。缩放与抬升属于控件,不属于容器。

修复 Prompt

贴在你现有 Prompt 之后,把这类毛病从结果里剥掉。