适用于 Windows 应用的动作

Fluent 动作在应用中有其用途。 它基于用户行为提供智能反馈、让 UI 感觉保持生动,并指导用户在你的应用中导航。 Fluent 动作在用户和其数字体验之间引起情感连接。 我们建立了用户已从物理世界中了解的自然运动的基础,并在这个基础上扩展我们的系统。

示例

WinUI Gallery

如果已安装 WinUI 2 库应用,请单击此处打开此应用,查看“动作”的实际应用

Fluent 动作原则

物理

运动中的对象展现现实世界中的对象行为。流畅、敏捷的运动可以打造自然的体验,从而建立起情感连接、增加个性化。

UI example of physical motion

在通过触控与 UI 交互时,UI 的移动与交互速度直接相关。 因为触控是直接操作,你与之交互的对象将影响其周围的对象。

功能

动作有其用途,并且具有可信性。 它指导用户了解复杂情况,并帮助建立层次结构。 移动为展示带来增强的效果,并通过隐藏感知延迟优化用户体验。

UI example of functional motion

页面过渡是专门构建的。 它们提供有关页面如何彼此相关的提示。 它们以被视为快速的方式移动,即使在效果不佳的情况。

连续的

点到点的流畅运动自然地绘制眼睛并指导用户操作。它巧妙地将用户任务拼接起来,使其感觉更可用、更友好。

UI example of continuous motion

对象在场景与场景之间移动或在场景内变形以提供连续性,并帮助用户保持上下文。

上下文

智能动作以与用户操作 UI 相同的方式向用户提供反馈。 交互以用户为中心。运动效果适合外形规格并围绕场景设计。它应该让每个用户都感觉舒适。

UI example of contextual motion

动画应绑定到用户交互。 上下文菜单从用户激活它的点部署。

动作文章

计时和缓动

“计时和缓动”是让对象进入 UI、退出 UI 或在 UI 内移动的运动感觉很自然的重要元素。

方向性和重力

方向信号有助于用户在体验过程中建立坚实的心理模型。 方向性移动受制于各种力,例如重力,这种力会增强运动的自然感觉。

页面过渡

页面过渡可使用户在应用中的各个页面之间导航,并提供有关页面之间的关系的反馈。 它们可帮助用户了解其在导航层次结构中所处的位置。

连贯的动画

连贯的动画让你可以通过为一个元素在两种不同视图之间的转换创建动画来创建动态且引人入胜的导航体验。