关于页面动效的思考

动效的基础是符合物理模型的运动

元素的运动轨迹，速度曲线等都要能在现实生活中找到对应的模型或能够搭建出相似的模型。动效的基础是建立在物理模型上的，页面的布局和设计先要符合物理模型（比如导航栏和卡片的三维关系）。物理模型和运动规律都属于美学基础，不能违反认知（物体运动开始时速度应是从0开始的）。

下面是一些思考过程中设计的一些动效和对应的物理模型：