设计师就业衔接班!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的一个标志,更容易被用户关注到