跳到正文
UIGrammer
EN 中文

反模式 · 动效 ·

每个区块都淡入上滑

每节淡入上滑指对所有区块套用统一的滚动呈现,把页面变成一场连续的登场。

症状

滚动时每个区块都用同一套淡入加上 20-40px 上移。

为什么会这样

滚动库让这成为一行代码的改动,演示效果又好,于是被无差别套用。统一呈现还意味着模型不必判断什么值得强调。

规则

整页最多一到两节保留呈现动效,只给真正转换调性的地方。

  1. 除了一到两节,其余全部去掉呈现动效。
  2. 保留在内容确实转折处:满幅视觉、数据块、引语。
  3. 保留下来的用 300-400ms ease-out,只触发一次,回滚不重复。

每个区块都淡入上滑是什么?

每个区块都加滚动淡入上滑,阅读就变成了等待:每一节都迟到,没有任何东西是完整在场的,页面显得比实际更慢。滚动呈现应该标记调性的转折——与前文形成对比的那一节。其余内容本就在页面上,让它就在那儿。

修复 Prompt

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