Mingcedar

所属产品: Mingcedar Studio DESIGNER

动画数量控制:越重要的状态,越应配置动画 | Mingcedar Studio

动画不应平均分配给所有对象。清晰稳定的页面通常只在最需要动态表达的层级配置动画。

首次发布 最近更新

<section id="animation-rules" 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-rules-item-1" class="docs-detail-row"> <strong>把动画留给最关键的信息</strong> <p>优先给报警、运动方向、旋转设备、液位变化和进度变化这类静态表达不够直观的信息加动画。普通状态色、普通文字和普通按钮通常不需要额外动画。</p> </article><article id="animation-rules-item-2" class="docs-detail-row"> <strong>动画和颜色应分层表达</strong> <p>如果对象已经通过颜色清晰表达状态,通常不需要再配置同等强度的动画。颜色和动画应分层表达:颜色负责基础状态,动画只强化重点状态。</p> </article><article id="animation-rules-item-3" class="docs-detail-row"> <strong>整页动画应控制数量</strong> <p>如果一整页大量对象同时闪烁、旋转或缩放,用户注意力会被分散,关键状态反而不突出。建议只在报警、方向、旋转设备和关键过程变化上配置动画。</p> </article><article id="animation-rules-item-4" class="docs-detail-row"> <strong>共享计算与附加显示</strong> <p>当前几何编辑器没有 Post Operations 输入区。可复用的换算函数放 Page Script,文本、边框和显隐交给相应行为;设备写入使用真实用户触发的交互入口。</p> <ul> <li>Page Script 提供同页换算函数</li><li>几何输入直接返回数值</li><li>颜色和文本使用相应行为</li><li>设备写入不放入动画表达式</li> </ul> </article> </div> </section>