译文｜UI动画中微交互详解.pdfVIP

译文 ｜U I动画中的微交互详解 在UI/UX设计中 ，微交互 （Micro int eract io n ）是其中的重要关注点之一。这些微交互也 能够最好 的证明 ：注意细节可以给 （用户 ）很好的效果。大多数UI/UX相关的书籍或者文章都在试图说明一 个基本信息 ：当设计过程已经结束时 ，你应该最终得到的不仅仅是美观 ，而且首先得到的是好用和 有用。 在之前的T ubik的工作组的一些文章和实例研究中 ，我们也支持一个观点 ：UI/UX designers do not creat e just a piece of art : t hey make a product t hat so lves t he pro blem of t he t arget audience, pref erably in f ast and easy ay （UI/UX设计师不是再是仅仅设计一个艺术品 ：他们做的产品最好 能够通过快速 ，简洁的方式来解决目标群体 ）.这是经过深思熟虑得出的来自微交互是能够给设计成 功的产品提供关键特征 ：易用 ，实用 ，可用。 微交互的精髓 总的来说 ，微交互是指在一个特定的情况下用户的交互随着产品完成特定的一个动作或者行为。 举个例子 ，当你按下喜欢这个按钮时 ，你可以看到你做的这个喜欢动作可以被计算到。 （该 号码已更改 ，按钮改变颜色或变得不活跃 ，该副本上的按钮通知你 ，你已经做了行动 ，该按 钮或其他互动元素的副本通知 ，你是在那些谁喜欢 ，等 ）这就是微交互的情况.当你在适当的 文字栏目上写上有哪些信誉好的足球投注网站要求和发送到服务器 ，这就是一个案例。在社交网络中 ，在你关注和取 消关注一个人时就发生了微交互 ，在大多数情况下我们所做的设计中 ，不愿意去想那些简单 的步骤。 因此 ，很容易理解到用户体验主要是 ：接受理解微交互。这些神奇的种子 ，如果得到适当的照顾 ， 可以成长为伟大的可用性 ，效率和普及的产品。 在大多数情况下 ，微交互不由自主的固定了用户的行为 ，在用户使用的时候 ，设计师需要非常注意 ，让用户使用起来更加的自然 ，简洁 ，快捷。在微交互设计中界面动画就是很多方法中的一种使用 和提高的方式. 今天我和乐意通过用户界面的动画效果来提供更多的细节想法和一些例子. GIF of t he Tap Bar Co ncept bySergey Valiukh 微交互的动 效果 按钮的动画效果 显然 ，各式各样的按钮是最受欢迎的交互要素。更多的按钮被用户视为唤醒屏幕或者使用网络功能 的要素 ，甚至对于低水平的计算机的用户来说 ，因为虚拟按钮实际上是模仿着普通物理按钮的交互 ，所以 ，按钮是影响用户体验本质的因素之一。按钮可以让用户感觉容易或者烦恼和困惑 ，而在很 多情况下 ，按钮是最常用的微交互和导航的重要因素触发。因此 ，他们被用户严重的关注 ，从设计 师的决定 ，不仅颜色 ，形状 ，特殊效果 ，纹理和布局 ，但也要考虑必要性 ，适宜性和合适的动画 效果. UI Navigat io n Co ncept byLudmila Shevchenko Hamburger Menu A nimat io n byValent yn Khenkin GIF of t he Tapbar Int eract io ns bySergey Valiukh GIF f o r t he A dd But t o n bySergey Valiukh 下拉刷新动画 这种动画现在在用户界面中是最为流行 ，对于移动端产品 ，用户在第一次上手使用时经常提及到这 个动画. 一方面 ，它同时提供了两个互动的步骤 ，一个是互动的应用程序显示 ，另一个是用户已经达到了内 容滚动的上限使之让屏幕的应用程序发生交互。 另一方面 ，在图形用户界面设计阶段 ，在微交互过程中激活的元素 ，可以打开令人难以置信的广阔 的空间 ，这不仅是提供信息 ，而且还让人感觉到时尚 ，美观和有趣。此外 ，这种类型的界面动画可 以有效地使用特定的品牌元素 ，提高品牌知名度 ，使品牌的标志或吉祥物更令人难忘和可识别。 Pull To Ref reshbyKirill 过程状态动画 有些种类的微交互立即发生 ，有的当然需要一些时间来完成。不管怎样 ，为了积极的体验 ，用户需 要了解他们每一步都会发生什么。因此 ，加载过程和类似等