几个最常见的动画表达场景 | HQ VISU Designer

这一节不讲抽象概念,直接讲页面里最容易遇到的几种动态表达。

动画功能示例
示例

几个最常见的动画表达场景

这一节不讲抽象概念,直接讲页面里最容易遇到的几种动态表达。

风机运行:旋转 + 运行状态色

风机通常最适合用 Rotate 表达运行,同时配置基础运行状态色。旋转表达设备正在转动,颜色表达设备是否处于运行态。

报警灯:闪烁 + 报警文本

报警灯最适合 Blink,旁边再配 Script Text 或 Tag Text 显示报警内容。这样用户既知道有问题,也知道具体是什么问题。

液位条:Scale + 区间颜色

液位通常最适合 Scale 从底边往上长,再叠一个 Range Color 或状态区间颜色。这样既有形态变化,也有区间感知。

滑块 / 行程:Move + 位置区间

滑块、行程件和推进块更适合 Move。必要时可以再根据位置区间改变颜色,但不要把本该位移的对象做成整体缩放。

Range 动态表达
Range 动态表达

区间感和动态感结合起来时,用户更容易快速读懂数值状态。