已经不记得从哪篇帖子中看到过了，对于我们入行不久的人来说，多看，多做，少说是我一直都遵循的规则。在项目结束的时候，我最多的时间就是去各大设计网站，设计贴吧等观看优秀的设计，有时候也会去关注各种赛事的近况。今天要总结的就是我偶然间在一篇博客中所看到的东西，只是喜爱做笔记的我，用必记录了觉得对自己有用的东西，望各位大神多多指点。

在我们耳边经常听到的就是ui设计或者是ux设计了，甚至都有些听腻的感觉，但是我们往往忽略了一些东西，记得在我上大学的时候，就经常听到老师讲设计源于生活，而生活源于细节。然而在ui设计或者ux设计中决定成败的关键元素之一就是微交互，是小小的细节带来的巨大回馈的最有利的证据。当下大部分的关于ui设计或是ux设计的书籍都围绕着一个基本信息：当设计流程结束后，用户最后得到的东西仅仅好看是不够的，“美貌”的同时是有用且有可用。

在公司听设计总监强调最多的就是：ui设计师或是ux设计师不是在创造一件艺术品，而是为目标用户打造解决问题的产品，帮助用户更方便快捷的搞定所需。一款成功的产品要同时具备易用性、实用性、有吸引力等关键要素，精雕细琢的微交互正是达到以上要素的不二法门。

1、微交互的本质

微交互通常是指用户在完成特定任务时与产品进行的交互过程。比如说你点击“点赞”按钮，并发现这个行为已经被计数了（点赞数会发生变化，按钮颜色改变或者变的不可点击，这些变化都无声的告诉你你已经完成了操作；背后的含义可能在暗示，你已经在点赞它的用户列表里了诸如此类）。填写文本框发送搜索请求也是个例子。微交互发生在我们在社交网络中关注和不关注的人身上，评价博文或者设定计时器——很多很多我们在做的事情其实都与微交互有关，只是大多情况下我们并没有留意些简单的步骤。所以说在你谈到用户体验的时候肯定少不了探究微交互，如果运用得当，微交互很有可能成为一颗打造完美易用性、惊人的高效及知名度的种子。微交互方面最权威的深度解析书籍可能是 Dan Saffer写的《Microinteractions》，他深入浅出的讲解了微交互的理念、框架、工作机制、包含的种类、分别得特点以及在用户体验中扮演的角色。在此向用户体验相关从业人士强烈推荐这本书，作者在书里阐释了对“以用户为中心的设计”很棒的理解。

大多数情况下，微交互能够让用户在不自知的情况下被吸引——这也是设计要做的最重要的事情之一：让操作任务变得自然、清晰和尽可能的流畅。设计中有很多方法去提升微交互的效果，界面动效就是其中之一。

那接下来就结合在博客中所看到的例子做一下总结：

参照Tubik Studio的设计项目和理念，我们总结过一些动效的基本用法和目的。那时候我们称动效是一种类似健康的东西：当身体无恙的时候你根本不会注意到它，但是当哪里抱恙之后，你才会意识到它的重要性。由动效支持的微交互也很难被用户差距到，除非有一天我们让这些动效都消失了。

（1）、动起来的按钮

button是交互中最in的元素，而且，他们最容易被用户感知，“点击”就可以触发屏幕的某个功能；即便是电脑操作水平很低的用户，点击按钮这个动作也很有操控实体的感觉。所以，按钮是左右用户体验的本质要素之一，好的按钮设计让交互变得轻松容易，反之则会令人抓狂和困惑。在很多案例中，button是最常被用作微交互的触发器和导航的关键要素。所以，为了全方位锁定用户的注意力，而作为ui设计师的我们不仅需要考虑按钮的颜色、形状、特效、纹理和位置，也要考虑必要性，适当性和动效的本质。

（2）、下拉刷新动效

这类动效现在也很流行，而且在进行app动效设计时，首先都会先设计这类动效。一方面，它同时提供两步交互，一是app告诉用户他已经到了内容瀑布流的顶端，以及，再拉，再拉它就要刷新啦！另一方面，它为创意UI设计开辟了全新的、广阔的空间，运用的元素不仅有告知性，而且是时尚的、好看的、有趣的。而且这类动效可以有效的运用特定的品牌因素，来支持日常的品牌曝光率，加深用户对logo和吉祥物的记忆和认知。。

（3）、进度动效

有些微交互是即时发生的，有些则需要一个过程。总之，优秀的用户体验应该让用户知道他们接下来应该干嘛了；所以，加载过程应该清晰的展示给用户，同时，这也是设计师展现创造力的大好舞台。和前面提到的一样，标准的解决方案同时兼顾了娱乐性、趣味性、有趣的细节；同时也提升了品牌的影响和要素。在这种情况下，设计师需要分析核心用户在此需要什么样的动效，是需要一个加载条，还是要附加一些别的类似百分比的解释数据。

另外一点需要强调的是，不管用户用的是什么类型的电子产品，他们真正需要的都是来自系统的即时的反馈。即便用户需要等待一些时间，他也要清楚的知道这一点。这是所有类型的动效的基础。动效最重要和最原始的目的是让交互过程变得更清晰、轻松和轻快，在此之外，才谈得上去设计一些所谓的“我X，这个dior”的效果。动效的基础是实用性，而不是纯粹的装饰和娱乐。