界面动效

本文将表述我对这个问题的回答——“作为体验或界面设计师，如何得知什么时候、什么地方用动效来提升可用性？”过去的5年中，我通过自己的工作坊和课程，在四十多个国家，为几百个顶尖品牌提供了体验和界面的设计指导。研究了15年的界面动效后，我总结出了12个使用动效提升产品体验可用性的机会点，我将其称之为“十二条动效体验原则”。这

 分享迪士尼动画12原则的应用实例，希望能够对大家的设计有点帮助。迪士尼出品的 《疯狂动物城》可谓逗乐了全民，作为迪士尼动画的杰出代表，大人和孩子都爱看的缘由是什么?除了精彩的剧本，拟人和夸张的动画效果可谓是最具吸引力的地方。同样作为体验良好的界面，流畅的动效赋予了其生动和活泼。动画和动效的共通特征大概就是画面“动”的

分享迪士尼动画12原则的应用实例，希望能够对大家的设计有点帮助。迪士尼出品的 《疯狂动物城》可谓逗乐了全民，作为迪士尼动画的杰出代表，大人和孩子都爱看的缘由是什么？除了精彩的剧本，拟人和夸张的动画效果可谓是最具吸引力的地方。同样作为体验良好的界面，流畅的动效赋予了其生动和活泼。动画和动效的共通特征大概就是画面“动”的漂

坦白来说，虽然我之前在项目里做过一些小动效尝试，但一直没有什么系统的方法和原则指导，大多在原型软件里凭「感觉」随意调调了事，而说不清楚为什么要做成这样。刚好最近有在和团队的小伙伴们一起进行动效设计的研究与实践，对动效设计的价值、原则和实现交付开始有了更多的了解，在本文中浅薄地总结一下。明确价值：动效设计能解决什么问题？

读了这篇文章，你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等，特别全面，强烈推荐收藏学习。动效在用户体验设计中正变得越来越重要，那么动效能带来什么好处呢？体现交互层级： 动态界面使人更容易理解交互层级关系，减轻了人们的认知负担 给予反馈： 给人感觉界面是活的，让体验流畅

【文章摘要】在早期我们探索过用户界面的过于浮夸的动效后，De Cock 开始欣赏沉稳的设计传递出来的力量。这是那些发现动效设计有趣的人非常熟悉的过程。最初，你想让一切动起来，却从来不问问自己是否应该动。所以，在什么时候你应该让一些东西动起来呢?在2015年澳大利亚CSSConf上 ,Benjamin De Cock，一

在2015年澳大利亚CSSConf上 ,Benjamin De Cock，一个在动效设计上有优先权的交互设计师，分享了多年来的洞见 。他现在是一个在Stripe工作的用户界面设计师，Stripe是一个非常流行的、支付处理平台。Benjamin De Cock，提供了超越UI设计的领域，他拓展和提供了动效设计的最佳练习。