设计官方
Phase Trajectory Field
将生命周期、成熟度、变革适应、风险演化和情绪变化等离散阶段做成清透的阶段轨迹单图:冰蓝到薄荷的连续场、白色阶段窗、青蓝阶段标签和一条跨阶段强度轨迹共同说明“处于哪些阶段、指标如何起伏、何处最低或恢复”。优先用于 4–8 个有顺序阶段及每阶段的强度、评分或状态;不适合连续高频时间序列、流量守恒的漏斗或 Sankey、无顺序类别排名和仅有步骤说明而没有数值的数据。
Skill 文件
Skill
references
design-model.yaml
preview.html
SKILL.md
SKILL.md
| name | phase-trajectory-field |
|---|---|
| title | Phase Trajectory Field |
| description | 将生命周期、成熟度、变革适应、风险演化和情绪变化等离散阶段做成清透的阶段轨迹单图:冰蓝到薄荷的连续场、白色阶段窗、青蓝阶段标签和一条跨阶段强度轨迹共同说明“处于哪些阶段、指标如何起伏、何处最低或恢复”。优先用于 4–8 个有顺序阶段及每阶段的强度、评分或状态;不适合连续高频时间序列、流量守恒的漏斗或 Sankey、无顺序类别排名和仅有步骤说明而没有数值的数据。 |
Phase Trajectory Field
先确认阶段顺序、每阶段数值或状态、指标方向和转折含义。参考预览使用阶段折线与窗格,但阶梯、面积、阶段柱或区间同样可用;核心是“离散阶段 + 轨迹 + 简短阶段解释”。
Signature invariants
- 冰蓝到薄荷的清透连续场、白色阶段窗、青蓝标签和一个深蓝转折重点构成视觉身份。
4–8个阶段按真实顺序排列,每阶段同时拥有名称、数值或状态和最多一行解释。- 主轨迹跨越阶段并保持统一方向;最低点、拐点或恢复点只突出一个。
- 顶部只保留标题和短背景,底部色带承载来源或阶段轴说明。
- 精确令牌、容量和重排规则读取
design-model.yaml。
Composition grammar
Ordered phase trajectory — default
- 适合一个指标随离散生命周期、成熟度或变革阶段起伏。
- 标题与一句背景在上,中央阶段场同时显示轨迹和对齐阶段窗,底部说明指标方向或来源。
- 可使用折线、阶梯、面积、阶段柱或区间;阶段窗是解释锚点,不替代数据几何。
Phase bands with state ranges
- 适合每阶段存在范围、阈值或状态等级,而不是单一值。
- 使用区间、误差带或阶段色块表达范围,并直接标出重点转折。
Expression and capacity
- 首帧保留
4–8个阶段;名称过长时缩写并在解释中补充,不横向滚动。 - 阶段必须有业务顺序。若 x 轴是连续日期和大量时间点,应使用 Chronicle Trend。
- 若数据表达的是阶段流量和损耗,应使用 Blueprint Flow Ledger;本 Skill 不要求流量守恒。
- 只有步骤文案而无数值或状态时,不伪造轨迹。
Responsive transformation
landscape:阶段从左到右,轨迹横跨中央,阶段窗沿下方对齐。square:压缩标题与解释,保留 4–6 个阶段和一个重点转折。portrait:阶段改为从上到下,轨迹沿纵向推进,数值在横向表达强度。wide_short:标题缩为左侧短栏,右侧保留紧凑横向阶段轨迹,隐藏次要解释。- 所有模式保持完整顺序、指标方向和重点转折,不使用整体等比缩放。
Build sequence
- 核对阶段顺序、阶段值或范围、指标方向、单位和重点转折。
- 选择折线、阶梯、面积、阶段柱或区间,并建立阶段窗与轨迹对齐。
- 只强调一个最低点、转折或恢复点,阶段说明控制为短语。
- 按
references/platform-mapping.md验证五种画布。
实现前读取 design-model.yaml、references/tokens.md、references/visual-grammar.md 和 references/platform-mapping.md。
Ln 1, Col 1MarkdownSpaces: 2
No errors