本港台开奖现场直播 j2开奖直播报码现场
当前位置: 新闻频道 > IT新闻 >

码报:有用胜于有趣:6 条 UX 设计动画原则(2)

时间:2017-07-06 09:22来源:香港现场开奖 作者:开奖直播现场 点击:
在某些情况下,你甚至可以更进一步并让其更加吸引人。假如你的应用中有一个「星星」按钮,它是你的「英雄」操作之一(从未见过,我知道)。这时你

在某些情况下,你甚至可以更进一步并让其更加吸引人。假如你的应用中有一个「星星」按钮,它是你的「英雄」操作之一(从未见过,我知道)。这时你就可以好玩一点,来让用户开心。让他们感到这是有励的,用户就会想要重复这个操作。注意下时间,动画需要及时被感知,否则它就会变得缓慢并且很快就被讨厌。还有一点,不要让其吸引过头。

让内容感觉是实时的

码报:有用胜于有趣:6 条 UX 设计动画原则

没有过渡 vs 从顶部滑入

如果你的 app 或者网页有实时的内容,比如照片,评论或者某种计数器,动画可以帮助你完成两件事情:顺畅地添加新元素以及缓冲加载这些元素可能造成的延迟。

讲故事

几乎在每一个应用程序中,都会有一个解释事情出错或者介绍新特性的地方。插图在这里发挥着巨大的作用,它提供了一种更加视觉化、及时的方式来帮助用户理解某个问题,以及如何将其解决。如果说一图胜千言的话,想象一下动画,那可是每秒30张图片。

码报:有用胜于有趣:6 条 UX 设计动画原则

尝试让用户微笑,即使是负面的消息。

这种类型的屏幕页面正是动画可以大放异彩的时机,让用户难忘,给用户带来微笑,即使情况不妙。然而,如果你的 app 总是显示一个错误页面,那么你可能希望忽略这点。你最不想要的就是让用户记住每次的错误。

既然你了解了在何时(When)、何处(Where)使用动画,那么我们接下来便是如何(How)使用了。

3.动画必须反映品牌

考虑一下一个物体从左到右的简单动效。事实上,仅仅通过调整缓动曲线就可以有无数种方法。基于此你可以为你的动画赋予个性。看看下面的例子,它们使用了相同的动效和计时,唯一的区别就是缓动曲线。

码报:有用胜于有趣:6 条 UX 设计动画原则

A:快速&活泼,B:顺滑&自然,C:弹性

虽然有无穷无尽的可能性,但是在你变得疯狂以及让你的转场过渡像果冻一样弹跳之前,考虑下你的品牌、用户以及你希望传播的调性。如果动画与调性不符,你的用户会感到尴尬并丧失对你品牌的信任。想象一下,如果你的银行 app 拥有你在游戏中看到的弹跳风格动画,你会信任它吗?

虽然动画反映品牌很重要,但是你在设计动画时需要牢记的是下一条原则。

4.动画不应成为唯一的英雄

动画是扭转局面的英雄,但不是一个形单影只的英雄,而更像是作为一个团队并肩作战的忍者神龟。如果你的动画占据了舞台中心,你不是在设计一个体验,而是在强迫用户观看一场电影。

码报:有用胜于有趣:6 条 UX 设计动画原则

炫酷 vs 一致

动画应该是体验整体的一部分,作为视觉设计的补充和交互体验的支持,保持克制是动画设计的关键。 在大多数情况下,优秀的动画甚至不会引起用户的注意。

如果你正在设计动画,你的工作不是取悦用户,而是尽可能用一种最简单、最直观和最自然的方式来助其实现目标,下一条原则就是与之相关的。

5.动画必须感觉自然

码报:有用胜于有趣:6 条 UX 设计动画原则

线性动画 vs 缓入缓出

我知道「感觉」这个单词可能有点模棱两可,但请耐心听我说。因为用户直接与用户界面进行交互,那么在某种程度上会有一种对用户界面遵循物理规律的特定预期。虽然你与之交互的列表会根据快慢进行回应是个好案例,但这同样适用于其他对象。

然而,这并不意味着所有的 app 都应该有同样的反应。在真实的世界中,如果你踢下球,它们并不会以同样的方式作为反应。足球会飞走但是保龄球有可能让你的脚受伤。就像我在前面的原则中提到的,这都关乎你希望品牌传递的调性和重点。

你必须定义应用的「材料」和重点是什么,并展示对应的行为,但请记住如果需要应该不断地优化调整,这样才不会违背下条原则。

6.动画不应该浪费时间

码报:有用胜于有趣:6 条 UX 设计动画原则

两个动画都是6秒。

(责任编辑:本港台直播)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容