为什么我把动画删掉了
页面里的过渡效果从七处减到两处之后,阅读节奏反而更稳定,交互反馈也更清楚。
本文目录
做减法比做加法难。这次清理页面动画,起因是有读者说“看完有点累”。我一开始以为是排版问题,后来把录屏放慢才意识到:页面一直在动。
哪些动画其实没必要
- 段落进入时的淡入
- 卡片悬停时的轻微上浮
- 滚动到某个位置才出现的标题
- 导航切换时的滑动指示器
这些效果单看都不夸张,叠在一起却让眼睛始终在追东西。
留下的两处
只保留了两类:颜色和边框的过渡,以及移动菜单的展开。它们的共同点是,反馈的是用户刚刚做出的动作。
结果
页面没有变快多少,但阅读时的停顿变少了。动画应该回答问题,而不是制造问题。
讨论
评论由 GitHub Discussions 提供,点击后加载。未加载前不会产生第三方请求。