最全的动效落地方法（上篇）：在界面设计中，好动效是什么样的？

本文主要介绍了界面动效的价值，以及一些优秀的界面动效实例。enjoy~用户体验设计的发展日趋完善，优秀的动效是完善用户体验中不可或缺的一环，优秀的界面动态设计可以让产品的用户体验锦上添花……你会说，这些道理我都懂，但是动效做起来真的很麻烦啊。直接切入到大家常见的问题吧：一般情况下，在沟通界面动效的过程中，工程师会希望设计师使用更具体的表达方式。这里所谓「具体」的意思是：接近

产品 2018年04月04日

7个GIF图例，来证明动效设计并不复杂

这篇文章希望通过7个GIF图例来证明动效设计并不复杂，只需在关键之处增加一点点变化，就能让效果大大提升一个境界。通过这些范例，你会发现状态连续性、元素关联性，以及用户注意力控制的重要性。在做动效设计中，我参考的设计规范有：Material Motion、IBM’s Animation Principles、The UX in Motion Manifesto。我使用的工具是

产品 2018年04月03日

用户体验设计中绕不开的环节：动画和动效

本文尽可能系统地呈现动画和动效在视觉和交互上的常见功能和作用。enjoy~动画效果是用户体验设计中绕不开的环节，而在移动端交互当中，动效是作为转场的润滑剂，承上启下的重要环节而存在。无论是发送信息，打开设置，选中元素，导航到下一个页面，这些变化发生的时候，动效让这一切不那么突兀，自然地过渡，呈现状态变化，帮助用户更清晰的明白当前的状态，这是绝佳的方式。在今天的文章当中，我们

交互体验 2018年03月29日

案例分享：使设计质量飞跃至卓越的UI动效技巧

这篇文章，我们来一起看一些可以将UI设计从优秀提升到卓越的案例，通过一些细节的调整，你可以通过动效来提升整体的UI设计水平。这篇文章中的案例（我做出的动效）遵循了以下这些规范：（这三篇文章需要在外网上查看）Material MotionIBM’s Animation PrinciplesThe UX in Motion Manifesto让标签下的内容滑动起来图左是将新标签

产品 2018年03月28日

在设计过程中，设计师如何输出一个更落地的动效呢？

优秀的动效设计更能让用户从中感到惊喜，让用户感受到产品的温度和调性。国际惯例，在开始之前，还是先来聊一聊我们设计中心在人机交互中对于动效的一些经验和想法。动效，一直都存在于这个物理世界中。随着技术的不断进步和设备性能的不断提高，以及带有动效行为设计的不断优化，改变了我们在人机交互过程中原本复杂而无聊的交流过程，暂且不考虑它的作用，最直观的就是用户已经习惯了在电脑中体验丝般顺

产品设计 2017年03月16日

功能性动画设计：优秀的转场效果

成功的动效设计具有以下6个特征：1. 响应视觉反馈在UI设计中极度重要。因为它符合了用户确认应答的天然需要，所以它管用。在现实生活中，按钮、遥控和各种物体，会响应我们的操作，人们对事物的期待就是如此。图片来源：Smart Design界面应当快速响应用户输入，准确地说是要在用户触发的一刹那响应，展现出新界面和元素与触发它们的操作之间的关联。在整个应用中到处点击，并且总是能知

产品设计 2016年07月26日