
UI动效设计日趋成熟。通过大量的案例分析和经验,总结出了专场动效的6个核心规则。
1、自然是好UI动效的核心
用户界面中只是静止是生硬的,然用户很难立刻理解。在现实生活中,事物不会突然的出现也不会突然的消失,都会有一个过渡的过程。当界面有很多状态的时候,转态之间的变化可以使用过渡来填充,让用户明白他是怎么来的,而非一瞬间的过程。

2、快速的过渡是高效UI动效的基础
快速准确,绝不拖沓是UI动效的基础,在设计过渡动效的时候,时间和速度一定是最需要设计师把握好的因素。如果说有什么是每个动效设计都必须具备的,那一定是快速高效的时机把控。准确的表达不会浪费用户的时间,也不会让用户产生烦躁。


当元素在不同状态之间切换的时候,运动过程在让人看得清、容易理解的情况下尽量快,这样才是最佳的状态。为了兼顾动效的效率、理解的便捷以及用户体验,动效应该在用户触发之后的0.1s内开始,在300ms 内结束,这样不会浪费用户的时间,还恰到好处。
3、高效的UI动效是层次分明的

4、清晰的UI动效才是好动效

动效应该避免一次呈现过多效果,尤其当动效同时存在多重、复杂的变化的时候,会自然地呈现出混乱的态势,少即是多的原则对于动效同样是金科玉律。如果某个动效的简化能够让整个UI更加清晰直观,那么这个修改方案一定是个好主意。当动效中同时包含形状、大小和位移变化的时候,请务必保持路径的清晰以及变化的直观性。
5、关联是过渡动效的重要功能
良好的过渡动效连接着新出现的界面元素和之前的交互与触发元素,既然是过渡,自然就牵涉到变化前后元素之间的关联。这种关联逻辑让用户清楚变化的过程,以及界面中所发生的前后变化。

动效的发生点和交互的触发点是非常靠近的,这个动效无疑阐述了两者之间的因果联系

动效连接显示和隐藏的两个不同状态,让用户知道上哪儿找隐藏的窗口。

6、可用性和可访问性

webacessibility.com 中提供了不少关于动效设计的内容和建议。
结语

关键词:北京UI设计培训,北京UI设计,北京UI培训