为什么我把动画删掉了

页面里的过渡效果从七处减到两处之后,阅读节奏反而更稳定,交互反馈也更清楚。

本文目录

做减法比做加法难。这次清理页面动画,起因是有读者说“看完有点累”。我一开始以为是排版问题,后来把录屏放慢才意识到:页面一直在动。

哪些动画其实没必要

  • 段落进入时的淡入
  • 卡片悬停时的轻微上浮
  • 滚动到某个位置才出现的标题
  • 导航切换时的滑动指示器

这些效果单看都不夸张,叠在一起却让眼睛始终在追东西。

留下的两处

只保留了两类:颜色和边框的过渡,以及移动菜单的展开。它们的共同点是,反馈的是用户刚刚做出的动作。

结果

页面没有变快多少,但阅读时的停顿变少了。动画应该回答问题,而不是制造问题。

讨论

评论由 GitHub Discussions 提供,点击后加载。未加载前不会产生第三方请求。