UI动效设计转场的核心规则技巧有哪些
新闻来源：优漫教育
日期：2021-11-26
动态效果不仅是界面的重要支撑元素，也是用户交互的基础。与静态界面相比，动态过渡动态效果更符合人类自然认知系统，有效降低了用户的认知负荷，屏幕上元素的变化过程，前后界面的变化逻辑，而层次结构之间的变化关系在动态效应的加持下变得更加清晰和自然。
UI动态设计越来越成熟。通过大量的案例研究和经验，总结出专项绩效的六个核心规则。
1.自然是好的UI动态的核心
用户界面只是静态和僵硬，但用户很难立即理解。在现实生活中，事物不会突然出现或突然消失，会有一个过渡过程。当接口中有许多状态时，过渡状态之间的变化可以用过渡填充，这样用户就可以理解他是如何来的，而不是一个瞬间的过程。
2.快速过渡是高效UI的基础
快速准确，永不拖延是UI动态效果的基础。在设计过渡动态效果时，时间和速度必须是设计师要把握的最重要因素。如果每个动态设计都必须具备任何东西，那么它必须是一种快速高效的时序控制。准确的表达不会浪费用户的时间，也不会让用户烦躁。
当元素在不同状态之间切换时，运动过程是尽可能快的，当人们可以看得清楚，容易理解，从而成为状态。为兼顾动态效果的高效性、理解的便利性和用户体验，动态效果应在用户触发后0.1s内开始，300ms内结束，不会浪费用户时间，恰到好处。
3.高效的UI动态效果鲜明
良好的过渡动态有助于在正确的时间点吸引用户对关键内容的关注。鲜明的动态效果通常可以清楚地显示状态的变化并吸引用户的注意力，这取决于动态效果是否可以在正确的时间强调正确的内容。
4.清晰的UI动态效果好动态效果
动态效果是以功能优先、视觉传达为核心的视觉元素。过于复杂的动态效果不仅有炫耀技巧的嫌疑，而且难以理解，甚至在操作时会失去方向感。这是用户体验的倒退，而不是优化。清晰度是几乎所有好的设计的共同点，而不仅仅是动态效果。
动态效果应避免一次表现出过多的效果，尤其是当动态效果同时出现多重复杂的变化时，自然会呈现出混乱的局面。少即多的原则也是动态效果的黄金法则。如果动态简化可以使整个UI更清晰，更直观，那么这种修改方案一定是一个好主意。当动态效果同时包括形状、大小和位移的变化时，一定要保持路径清晰直观。
5.联想是过渡效应的重要功能
良好的过渡效果将新出现的界面元素与先前的交互和触发元素联系起来。既然是过渡，自然就涉及到变更前后各要素之间的关联。这种关联逻辑用户清楚更改的过程以及界面中的更改前后。动态效应的发生点和相互作用的触发点非常接近，这种动态效应无疑阐述了两者之间的因果关系。
系统激活显示和隐藏两种不同的状态，让用户知道在哪里可以找到隐藏的窗口。
6.可用性和可访问性
动态效果本质上是视觉传达的组成部分。对于视障用户来说，他们可能无法从动态效果中获得收益和获取信息。因此，考虑到这部分用户的需求，您应该提供额外的信息来帮助他们理解界面的变化。
结论
过渡效果始终存在于用户交互和界面元素周围。无论您想要实现什么动态效果，可爱还是自然，它始终具有功能，然后是情绪和氛围。
