Figma / V101

季度业绩｜2026 Q1 数据海报

用高密度色块与巨型数字制作季度快报。一屏只讲一个指标，底部信息条始终提供名称和注释。

构图与编排可播放 · 可替换内容

整体编排规则示例

0.00 / 25.04 秒

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>季度业绩｜2026 Q1 数据海报 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#a3a099}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="sequence"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

画面元素巨型数字彩色矩形指标标签底部注脚署名

MOTION LANGUAGE

动作与构图

局部动作 · 构图规则

巨字和色块共同构成海报

让字形占据大部分画幅，适度裁切边缘，彩色矩形紧密拼接。数字和单位保持一个阅读整体，固定页脚提供季度、指标名和说明。

指标逐个切换，不同时争抢

季度引导之后依次给收入、同比和留存。先让观众找到指标名称，再给主数字；每项完成一次阅读停顿，再切下一张。

内容槽位	排版约束
季度	建立开场主题
收入	金额与单位连在一起
增长与留存	百分号不脱离数字
注脚	位置固定，保持可读字号
署名	降低密度，结束整组海报