设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
学习动画的同学应该都知道迪士尼的动画设计12原则吧？这可能是传统动画领域，最为重要、价值不可估量的原则之一。
本文介绍了 4 种常见的 SVG 交互动画方法，帮你了解 SVG 交互动画的原理和简单方法。
编者按：UI中动效设计本没有那么玄乎，作为 Google 旗下 Material Design 团队中动效设计的负责人之一，Jonas Naimark 对于动效本身有着更为透彻的认知，这也促成了今天的这篇文章。动效不难，想入门很简单！
之所以喜欢这篇文章，并将它翻译出来，其原因是文中的那些动画打动了我，仔细思考每一个动画都能让自己产生很多联想和灵感，借此分享给大家，也是希望大家能有所收获。当然可能又会有人说，这些动画怎么去实现啊，开发做不了啊。
@正越升 ：MG全称是Motion Graphic运动图形，现在非常流行，经常可以看到，然而并非所有MG视频都能把图形运动做到尽善尽美，我稍微总结了一下，在MG动画中如何把图形运动做得舒服而不别扭，有错漏之处，还请见谅补充。一、重要的加速度在MG动画中，通常要拒绝匀速运动。
Jana：由于静态图片传达信息的有限性，很多动态效果需要设计师通过添加设计说明并配合口述才能表达。这样做的优点是节约时间，有助于实现快速迭代，成本较低；但这样做的缺点是不够直观，很多细节存在于设计师自己的心中，仅通过静态图片和叙述没有办法完整地传达，冗长的设计说明让人丧失耐心，设计师心中的画面，往往到了开发时被理解成了另外的样子。
如何吸引用户注意力： 1.人性化：尽量不要传达系统消息感，可以考虑用人物对话等更有温度的形式来包装 2.个人IP：头像在互联网世界中，如同现实世界的名字一样，都是属于个人形象IP的一个标志，更容易被用户关注到
讲的非常好，很感谢，但是文章中有一点点小问题，比如说文章中有一处是长边完全显示，写成了短边完全显示，会加长阅读的时间。不过也无伤大雅，总之很感谢！
思路非常好，点个赞，现实很多设计师在设计中更多是在参考需求原型，而没有跳出原型去思考设计策略，所以当面试官问到这个问题的时候不知道怎么说。 文章最后给出的设计策略个人觉得还是并不能解决问题。对于商品交易，除非复购或者对此商品非常了解，缩短交易路径是可用的，但是这只能复盖很小一部分场景，缩短交易路径的方法并不是单纯地缩短操作路径，这是很多新手都会走的误区...
特意登录感谢无私的大神
受益匪浅，感谢作者分享，期待后续文章
如何吸引用户注意力： 1.人性化：尽量不要传达系统消息感，可以考虑用人物对话等更有温度的形式来包装 2.个人IP：头像在互联网世界中，如同现实世界的名字一样，都是属于个人形象IP的一个标志，更容易被用户关注到