8,088
个编辑
视觉效果：修订间差异
跳转到导航
跳转到搜索
→连贯的动画
（→视觉差异） |
（→连贯的动画） |
||
| 第118行： | 第118行： | ||
=====连贯的动画===== | =====连贯的动画===== | ||
连贯的动画让你可以通过为一个元素在两种不同视图之间的转换创建动画来创建动态且引人入胜的导航体验。 这有助于用户维持其上下文并提供不同视图之间的连贯性。 | |||
在连接的动画中，在 UI 内容的更改过程中，在两个视图之间出现 "继续" 元素，在屏幕上，从其在源视图中的位置到新视图的目标位置。 这强调了视图间的通用内容，并在转换过程中创建了漂亮而动态的效果。 | |||
PLACEHOLDER | |||
======为何选择连贯动画？====== | |||
在页面之间导航时，很重要的一点是让用户了解导航过后会出现哪些新内容，以及这些新内容与他们在导航时的意图有何关联。 连贯动画提供了一个强大的视觉隐喻，通过将用户的注意力转移到两个视图之间共享的内容，强调了二者之间的关系。 此外，连贯动画为页面导航增添了视觉效果和润色，这可以帮助让你的应用的动态设计与众不同。 | |||
======协调动画====== | |||
协调动画是一种特殊类型的入口动画，其中元素与连接的动画目标同时出现，并在屏幕上移动连接的动画元素时与连接的动画元素一起进行动画处理。 协调动画可以向一个转换添加多个视觉效果，并进一步将用户的注意力转移到源视图和目标视图之间共享的上下文。 在这些图像中，该项目的标题 UI 使用协调动画创建动画。 | |||
PLACEHOLDER | |||
当协调动画使用重力配置时，重心将应用于连接的动画元素和协调的元素。 协调的元素将与连接的元素 "一次性"，使元素保持真正的协调。 | |||
=====突出显示===== | =====突出显示===== | ||
突出显示是当用户在交互式元素（如命令栏）附近移动指针时突出显示这些元素的灯光效果。 | 突出显示是当用户在交互式元素（如命令栏）附近移动指针时突出显示这些元素的灯光效果。 | ||