020-29815005
预约专线时间:09:00-23:59

UI设计者必须知道的动效设计准则有哪些

新闻来源:优漫教育 日期:2021-07-12
动效率设计,特别是辅助互动的转场运作,现在UI设计培训公司越来越成熟。经过大量的案例分析,我们逐步总结出优秀转场激励效果的5大核心法则,今天的文章,我们就来分享这五个知识点。
  本质上是UI动效的核心。

  默认情况下,用户界面的状态变化大多是生硬而直接的,这让用户有时很难立即理解。实际生活中,事物并不会突然消逝,通常它们都会有一个转换的过程。在两个或两个以上的界面中,状态间的改变使用过渡动效填充,使用户理解它们是如何产生的,而不是一个瞬间过程。看一下下面的案例,用户从列表中选择一个条目来查看细节,小卡片以大卡片展开,其中动态变化的规则来源于真实世界。



  UI设计效率高是有层次的。

  具有层次性的动态效应往往能清楚地显示状态的变化,吸引用户的注意。它与人的意识有关,用户对焦点的关注和持续力都与其相关。好的过渡效果可以帮助用户在合适的时间内,根据活动是否能在适当的时间强调正确的内容,吸引用户的注意力,从而吸引用户。

  总结一下以下案例,一个圆形悬浮按钮(FAB),通过动态改变,扩展成三个导航按钮。使用者在动效发生前,并清楚动效变化的结果,但动效的运动趋势及变化趋势让使用者对后续的发展有了预期,之后的结果就不会离预期太远。同时,红色按钮在视觉上也很有吸引力,这种效果可以帮助引导用户进行下一次互动。


UI设计培训公司


 关联是转换效率的重要功能。

  因为是过渡,自然也包含了变化前后要素间的联系。好的过渡作用作用将新出现的界面元素以及先前的触发器元素连接起来,这样的逻辑可以让使用者清楚地了解改变的过程,以及界面前后的变化。

  以下两例均为交互触发的界面改变,第一例中,动作效率发生的位置与交互式触发器距离很远,违反了相似关联原理。

  在第二种情况下,动效发生点与触发点非常接近,这种作用效应无疑阐明了二者之间的因果联系。



  快速过渡是高效的UI运行效率的基础。

  假如有什么是每一项动效设计都必须具备的,那就必须快速高效的时机把握。当设计过渡力的时候,时间和速度一定是最需要设计师把握的因素。快捷、准确,绝不拖沓,这样做不会浪费用户的时间,让人感觉APP产生延迟,不会让用户感到烦躁。以下案例中,行动效率太慢显然给人一种动力不足的感觉。

  在切换不同状态时,运动过程尽可能迅速地让人们看到并容易理解,从而达到最好的状态。要考虑到有效的效率、方便的理解和用户的体验,动力效果应该在0.1s内和300毫秒后开始,在300毫秒内完成,而且还很好。



  UI清晰有效才是好动效果。

  不只高效,清晰是几乎所有优秀设计的共同点。动作效应是功能优先、视觉传达为核心的视觉元素,过于复杂的动作效果除了令人眼花缭乱,还会让人难以理解,甚至在操作过程中失去方向感,这对于用户体验绝对是一个退步,而非优化。

  一定要记住,屏幕上的每个变化都会引起用户的注意,它们都会成为影响用户体验和用户决策的因素,不必要的行为会让用户感到困惑。

  动力效应应避免一次呈现过多的效果,特别是当动力作用同时存在多重、复杂的变化时,自然就会出现混乱局面,少即是多的原则对于动效同样是金科玉律。若对某一效果的简化可以使整个UI更清楚和直观,那么这个修改方案肯定是个好主意。在动态效应中要同时考虑形状、尺寸和位移的变化,要确保路径清晰,并使变化直观。

  动力效率从本质上讲是视觉传达的一个组成部分,对有视觉障碍的使用者来说,他们不一定能从行动效果中获益,获得信息。因此,UI设计培训公司过渡效果总是围绕着用户交互和界面元素而存在,不管你想要产生什么样的动态效果,可爱或者自然,总是服务于功能,然后才是情感和氛围。