1 、材质 给多用户展示介面元素是由什么构成的:轻盈的还是笨重的?死板的还是灵活的?平面的还是多维度的?您需要让多用户对介面元素的互动模式有个基本的感觉。
2 、运动轨迹 您需要阐明运动的自然属性。一般原则显示没有生命的机械物体的运动轨迹通常都是直线,而有生命的物体拥有更为复杂和非直线性的运动轨迹。您要决定您的 UI 要给多用户呈现的什么样的印象,并且将这种属性赋予它。
3 、时间
在设计动效时,时间是有争议的和重要的考虑之一。在现实世界中,物体并不遵守直线运动规则因为它们需要时间来加速或者减速,使用曲线运动规则会让元素的移动变得更加自然。
4 、聚焦动效 要集中注意力于萤幕的某一特定区域。例如,闪烁的图示就会吸引多用户的注意,多用户会知道那有个提醒并去点选。这种动效常用于有太多细节和元素从而无法将特殊元素区别化的介面中。
5 、跟随和重叠 跟随是一个动作的终止部分。物体不会迅速地停止或者开始移动,每个运动都可以被拆解为每个部分按照各自速率移动的细小动作。例如,当您扔个球,在球出手后,您的手也依然在移动。
重叠意味着在个动作结束前开始的第二个动作,这样可以吸引多用户的注意力,因为两个动作之间并没有一段静止期。 6 、次要动效 次要动效原则类似于跟随和重叠原则。简要地讲,主要动效可被次要动效伴随。次要动效使画面更加生动,但如果一不小心就会引起多用户不必要的分神。
7 、缓入和缓出 缓入/缓出是设计的基础原则,尤其是在移动开发 UI 动效,和普通的动画制作中同等重要。虽然易于理解,但此原则却常常容易被忽略。缓入/缓出原则是来自于现实世界中物体不可能立刻开始或者立刻停止运动的事实。任何物体都需要一定的时间用来加速或者减速。当您使用缓入/缓出原则来设计动效时,将会汇出非常真实的运动模式。
8 、预期 预期原则适用于提示性视觉元素。在动效展现之前,我们给多用户点时间让他们预测一些要发生的事情。完成预期其中一种方法就是使用我们上述的缓入原则。物体朝特定方向移动也可以给出预期视觉提示:例如,一叠卡片出现在萤幕上,您可以让这叠卡片上面的一张卡倾斜,那么多用户就可以推测出这些卡片可以移动。
9 、韵律
动效中的韵律和音乐与舞蹈中的韵律有着同样的功能;它使动效结构化。使用韵律可以使您的动效更加自然。
10 、夸张 夸张的表现方法常常会被用到,但它并不是那么容易被阐释,因为它是基于被夸张化的预期动作或效果。它可以帮助吸引额外的注意力到特殊元素上。
在这篇文章中,我们探讨了设计动效的原则。希望能帮助您创造出独特有效的动效。 这里有需要您记住的且非常重要的 4 点: 1 、记住谁是您的目标多用户,并且设计您的原型方案去解决他们的问题; 2 、请确保您的动效的每个元素都具有其背后的基本原因(为什么是这样?为什么会是如此?为什么这个时间点?); 3 、为了使您的产品有特色,努力模仿自然界的运动模式来创造自然的动效; 4 、在专案的任何阶段,都要随时与开发人员保持沟通。