339 字
2 分钟
页面可以有动效，但别让人累
我喜欢有动效的网站，但前提是：它不能影响阅读。
动效真正的价值，不是“让页面活起来”，而是帮助用户理解三件事：
- 我刚刚点了什么
- 页面发生了什么变化
- 我的注意力应该往哪里走
我比较喜欢的三种动效
轻量过渡
页面切换时保留一点连续感，能减少“突然跳走”的割裂。
分层浮现
标题、摘要、卡片不要同时砸出来。
轻微的先后顺序，会让页面节奏自然很多。
悬停反馈
按钮和卡片在 hover 时给一点回应，用户会更容易建立控制感。
什么时候应该克制
如果一个动画会拖慢阅读、影响滚动、打断定位，那它就不该出现。
尤其是内容型网站，动效最容易犯的错有两个：
- 过长
- 过多
动效时间一旦过长，用户会感觉自己在等。
数量一旦过多，页面就会显得浮躁。
一个简单原则
如果去掉这个动画，信息结构会不会变得更难理解？
如果不会，那它很可能只是装饰。
我喜欢的动效应该像排版里的留白。
你能感受到它在起作用，但它不抢内容的中心位置。
页面可以有动效，但别让人累
https://blog.lindaofu.com/posts/motion-with-restraint/