动效可以通过灵活变化(形状、大小、位移等)使应用的界面更加充满活力。在应用设计中,应当巧妙地设计动效,让切换各个功能模块时的操作体验更加流畅,可以更好地解释一个界面里各元素的变化过程,以及强化各个元素的层级结构关系。一款成功的动效设计都会包含以下几个要素。
一.响应的反馈
视觉反馈在动效设计中极为重要,它可以给用户一个自然期望所产生的及时且符合逻辑的确认。在生活中,按按钮点亮一盏灯;按门铃会响,等等,在这整个交互过程中,只要做出一个操作,系统就应当予以及时的反馈,这符合习惯和对即将发生的事情的预期。使用者界面应当根据用户所触发的操作快速给予反馈,同时应当表明新的界面和触发后产生的UI元素之间的联系,让用户总是知道当前的操作将会带来什么变化。
二.快速灵敏
界面各个元素在发生位置或状态改变时,变化的速度不能过慢,而导致过长时间的等待,同样也不能太快,以致用户看不清、不能理解动效的逻辑含义。
三. 简明清晰
在单次交互动效中不宜发生太多元素的动态变化。交互动效应当清晰、简明、一致,酷炫不是目的。四.目的性
动效在交互中对视觉体验有着显著的影响,好的动效会正确、恰当地指引用户进行下一步的操作。第一次使用某个应用时不能预测交互会发生什么,但是动效能帮助用户专注当前的目标而不被干扰。
五. 过渡流畅自然
任何元素的移动应当遵循现实中的物体运动规律,避免出乎意料的交互动效。在现实生活中,一个物体对象的加速或减速都会受到外力的影响(重力、摩擦力等),而且运动速度的变化是连续而非突变的,因此同样在动效设计里,突然的、奇怪的运动模式都会显得不自然,丧失了愉悦的使用体验。如果说界面布局可以组织UI元素的静态位置,那么动效可以组织UI元素在时间维度上的演进,每一毫秒界面元素如何出现或消失,其大小、位置、透明度如何变化,通过动效的诠释,用户与产品的交互过程会更加顺畅。
六.关联性
触发一个动作的UI控件与即将出现的新面板之间必须有逻辑上的紧密联系,这样才有助于用户更好地理解这个操作。
七. 增强操纵
“操纵”是移动产品用户体验中一个很重要的概念,简单来说,它要求交互对象的反应行为是可以预测的,不需要任何提示,并且符合对于现实世界规律的认知。这就要求设计的作品需要拉近界面操作与用户的距离,让用户难以发现虚拟的交互对象与现实的操作行为之间的屏障,很多新奇和令人兴奋的设计点都来源于此。
八.引导帮助
由于移动界面的空间非常有限,需要隐藏一部分功能,手势操作也是移动应用中很常见的交互元素,要怎样才能让用户发现隐藏的功能,并告诉他们怎么使用手势呢?这个时候,动效作为一种生动的表现形式,往往起到很好的引导帮助作用。
九.升华体验
假如产品已经拥有了良好的可用性,却缺乏亮点,或许可以考虑为其增加动效。将动效融入产品中,往往会带来更加愉悦的用户体验,也更能细腻地表现应用的性能和气质。具有一致性的标志动效,可以帮助产品在细节中流露出独有的品牌特性,增加产品的魅力值。
相关资讯
您可能对下面的文章也感兴趣!