我们不需要怎样的动效设计.pdf

我们不需要怎样的动效设计

时常在思考我们在追求漂亮的动效，追求真实的弹性和运动状态时，我们不需要怎样的动效设计。

从对现实世界材质的模仿（拟物化）到对现实世界规则的模仿（如 Material Design ，以下称 MD ）我

们究竟是否有很大程度的进步，在 MD 刚刚发布的时候作为设计师的我们十分激动，直到现在都还

有很多设计师十分推崇 MD 一套的设计规范，这样的做法在带来便利的同时可能会让我们忽略设计的

初衷，还有作为一个设计师对产品的理解，最终可能给用户带来一个中庸的体验。

从动效设计上看：

设计所包含的方方面面在 MengTo 的《 Design + Code 》上有很好的归纳，我时常发现，经过一段

时间的设计之后很容易在设计的过程中有所迷失，原因在于我们很容易专注于细节，保持阅读的习

惯并试图用相对宏观的视角去看设计是不错的做法。动效设计让页面元素能够很自如的被操控而不

仅仅是静态呈现时，我们会直觉的想到让其去模拟现实世界的规则，现实世界的运动规则因其载体

不同其实有很多选择，在设计和模仿的同时还应该考虑更多。

IBM 在前不久发布了 IBM Design: Machine in animation, 试图将机械运动的风格赋予给动效设计。

IBM 因为其在 100 年以来就生产着专业的打字机，打字机可以作为一种符号来代表 IBM ，它的视觉呈

现和运动轨迹都可以代表打字机的可靠和高效。运用在 IBM 自家的应用上时，真正的高级用户可能

会真实的感觉其与 IBM 企业所想要传达符合的某种信号。机械运动相对于我们在动效设计中所常用

的弹性动画有其独特的特点，页面元素坚硬有序而活动自如这一感觉通过设计师所定制的曲线而

呈现。

回想90 年代时网页设计的过度设计风格，大量的阴影、斜角、高光、不考虑留白的使用，这是一个