先选对动画类型,再谈参数 | HQ VISU Designer

动画配置首先要确认表达目标。类型选错后,即使参数正确,也可能无法准确表达设备状态。

动画功能选型
选型

先选对动画类型,再谈参数

动画配置首先要确认表达目标。类型选错后,即使参数正确,也可能无法准确表达设备状态。

Blink:用于关键提醒

Blink 最适合报警和强提醒。它不用于表达连续过程,而用于提示用户关注少数关键对象。

Move:位置在变,就用位移表达

当对象本质上是在页面里沿某个方向移动时,例如滑块、行程位置、水平推进件,应使用 Move 表达位置变化。

Rotate:方向或角度在变,就用旋转表达

Rotate 适合指针、风机、阀门和方向件。配置重点是旋转中心与对象机械特征一致。

Scale:长度在变,就用缩放表达

Scale 最适合液位、进度条、增长条、长度变化件。它真正关心的是哪一边固定、哪一边变化。

Range:值跨区间变化时,动态和颜色往往一起看

Range 本身可以是颜色区间,也可以和几何范围映射配合。它最适合让用户快速判断数值落在哪个段位,而不是只看一个单一数字。

Blink 动画
Blink 动画

Blink 只适合把注意力拉向少数关键对象。

Move 动画
Move 动画

位置真的在变时,优先用 Move,而不是绕着写脚本。

Rotate 动画
Rotate 动画

角度变化和方向感最适合用 Rotate 表达。

Scale 动画
Scale 动画

长度变化和增长效果通常更适合 Scale。