动效实验室 · Motion Lab
动效不是装饰,
是一个决策。
同一个按钮,180ms 还是 320ms,ease-out 还是 ease-in-out —— 用户说不上来,但感觉得到。 这个站点把「说不上来」的部分,拆成可以对照、可以量化的东西。
所有演示都由你触发,这个网站自己不动。
双曲线对照
out-expo0.16, 1, 0.3, 1in-expo0.7, 0, 0.84, 0
同样跑 320ms,一条像「弹出来」,一条像「被挤出来」。手感只在并排对照时才看得清 —— 其余 18 条曲线在缓动曲线。
内容入口
为什么不直接抄 easings.net。easings.net 给你曲线,cubic-bezier.com 给你调参,Animista 给你现成代码 —— 它们都不回答一个问题:这里到底该不该动。