先选对动画类型，再谈参数 | Mingcedar Studio

<section id="animation-selection" class="docs-block docs-block-intro docs-block-current"> <span class="section-kicker">选型</span> <h2>先选对动画类型，再谈参数</h2> <p>动画配置首先要确认表达目标。类型选错后，即使参数正确，也可能无法准确表达设备状态。</p> <div class="docs-detail-list"> <article id="animation-selection-item-1" class="docs-detail-row"> <strong>Blink：用于关键提醒</strong> <p>Blink 最适合报警和强提醒。它不用于表达连续过程，而用于提示用户关注少数关键对象。</p> </article><article id="animation-selection-item-2" class="docs-detail-row"> <strong>Move：位置在变，就用位移表达</strong> <p>当对象本质上是在页面里沿某个方向移动时，例如滑块、行程位置、水平推进件，应使用 Move 表达位置变化。</p> </article><article id="animation-selection-item-3" class="docs-detail-row"> <strong>Rotate：方向或角度在变，就用旋转表达</strong> <p>Rotate 适合指针、风机、阀门和方向件。配置重点是旋转中心与对象机械特征一致。</p> </article><article id="animation-selection-item-4" class="docs-detail-row"> <strong>Scale：长度在变，就用缩放表达</strong> <p>Scale 最适合液位、进度条、增长条、长度变化件。它真正关心的是哪一边固定、哪一边变化。</p> </article><article id="animation-selection-item-5" class="docs-detail-row"> <strong>Range：值跨区间变化时，动态和颜色往往一起看</strong> <p>Range 本身可以是颜色区间，也可以和几何范围映射配合。它最适合让用户快速判断数值落在哪个段位，而不是只看一个单一数字。</p> </article> </div> <div class="docs-note-grid"> <figure id="animation-selection-image-1" class="docs-note-card manual-doc-image-card"> <img src="/WEB_img/HQPPT/ColorBlinkBehaviorEditorForm.png" alt="Blink 动画" loading="lazy" decoding="async"> <figcaption> <strong>Blink 动画</strong> <p>Blink 只适合把注意力拉向少数关键对象。</p> </figcaption> </figure><figure id="animation-selection-image-2" class="docs-note-card manual-doc-image-card"> <img src="/WEB_img/HQPPT/GeometryBehaviorEditorFormPosition.png" alt="Move 动画" loading="lazy" decoding="async"> <figcaption> <strong>Move 动画</strong> <p>位置真的在变时，优先用 Move，而不是绕着写脚本。</p> </figcaption> </figure><figure id="animation-selection-image-3" class="docs-note-card manual-doc-image-card"> <img src="/WEB_img/HQPPT/GeometryBehaviorEditorForm.png" alt="Rotate 动画" loading="lazy" decoding="async"> <figcaption> <strong>Rotate 动画</strong> <p>角度变化和方向感最适合用 Rotate 表达。</p> </figcaption> </figure><figure id="animation-selection-image-4" class="docs-note-card manual-doc-image-card"> <img src="/WEB_img/HQPPT/GeometryBehaviorEditorFormSize.png" alt="Scale 动画" loading="lazy" decoding="async"> <figcaption> <strong>Scale 动画</strong> <p>长度变化和增长效果通常更适合 Scale。</p> </figcaption> </figure> </div> </section>