交互设计中的功能动效

例如：下列两个动图：

视觉提示可以帮助用户更好的知道怎么去操作产品的界面。尤其是设计包含非常规对象或者单一的导航形式时，显得尤为重要。

这种功能动效是很容易被察觉的。当我们打开了一个页面，突然触发一个快速的一次性动效，来演示如何操作产品中的功能。

逻辑目的：可以展示非常规功能或者隐藏的事件。

这种动效可以吸引用户在内容太多的环境下的注意力。

设计师通常是避免嘈杂的布局和太多的内容的，当内容太多时，屏幕中的各种颜色和内容均试图吸引用户的注意。

一个解决的方式就是从界面上去掉些内容，但是这个方式在有的时候并不是那么给力。试图想一下一个新闻网站的负责人想要移除一些新闻和图片。

另一个角度想一下。动效是可以自然而然的得到页面上的视觉焦点的。无论是文本内容还是静止的图片，都是无法与动效比拟的。我们可以利用功能动效的这一优点。记住，通过添加动效获取最高视觉焦点是对嘈杂界面的一个缓坡。

在下面动效的例子当中，我们可以看到，在嘈杂的网页中把一个物品加入到购物车是不明显的。所以，这时候就需要动效。

逻辑目的：抓住用户注意力，超越嘈杂的界面。

例如下面一个动图。

未完待续

翻译自：Functional Animation In UX Design

译者：那啥那小啥啥去化斋

译文地址：http://www.jianshu.com/p/8b62ed0c949c#

注：相关网站建设技巧阅读请移步到建站教程频道。

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!