动效设计在交互稿的逻辑展示及提高可读性方面是很有必要的，当然其作用也不限于交互稿的展示，还有很多富有创意的设计点都可以用动效设计来进行表现。 对于交互设计师...

动效在今年融入了界面设计中，但总的来说很多的动效仍然没有达标。对于高级的动画师而言，必须严格的掌握动画的节奏、时间、速度、构图、结构和动力学，而本文是关于国...

这是关于动效设计的12条原理，一起来看看吧~ 首先看下面表格： 缓动（Easing）、偏移和延迟（Offset & Delay）与时间相关。  父子关系（Parenting）用于阐述元素...

本文主要介绍了界面动效的价值，以及一些优秀的界面动效实例。enjoy~ 用户体验设计的发展日趋完善，优秀的动效是完善用户体验中不可或缺的一环，优秀的界面动态设计可...

这篇文章希望通过7个GIF图例来证明动效设计并不复杂，只需在关键之处增加一点点变化，就能让效果大大提升一个境界。 通过这些范例，你会发现状态连续性、元素关联性，...

本文尽可能系统地呈现动画和动效在视觉和交互上的常见功能和作用。enjoy~ 动画效果是用户体验设计中绕不开的环节，而在移动端交互当中，动效是作为转场的润滑剂，承上...

什么是动态LOGO？为什么企业和品牌需要为动态LOGO投资？它们在实际应用当中有什么注意事项？本文会给你答案。enjoy~ 很多设计趋势的诞生，和技术本身的发展是分不开的...

本文主要讲述了为什么做动效，好的动效设计的标准是什么，如何做动效设计，以及如何使自己设计的动效完美落地。 看完本文你会学到： 1. 为什么需要动效设计？ 什么是...

本文微交互动效设计描绘的方向属于功能性动效，适用于UI界面的交互动效设计。具有清晰的逻辑目的，着重帮助用户理解和有效的度过当前所处的状态。动效涵盖范围有入场/出...

如果你想要了解更多背景信息，建议先阅读我的前一篇译文《动效的基本常识》，其中介绍了动画与动效的差异、即时与非即时的定义、动效提升可用性的四种方式（可预期、连...

作者 José Torre 是 TomTom 公司的资深视觉设计师，有感于动画被大量错误使用的现状，结合自身多年的设计经验，总结出 6 条动画设计原则，通过丰富的案例介绍了在何时、...

沿着这7个思路，你可以正确地使用动效取悦用户。 当我们在探讨产品设计细节的时候，会频繁地提及“愉悦”这个词。必须承认，愉悦的体验，是优秀产品中所潜藏的魔法。在设...