设计官方
Skill 文件
Skill
references
design-model.yaml
preview.html
SKILL.md
SKILL.md
| name | proportion-bubble-brief |
|---|---|
| title | Proportion Bubble Brief |
| description | 将少量类别的规模、占比或触达率做成大胆的比例几何叙事:左侧钴蓝面积场承担主要比较,右侧淡紫编辑栏用高对比衬线标题和一段结论解释“谁最大、差距多大、为什么重要”。适合 3–7 个差异明显的规模或占比类别,以及需要一段传播性结论的受众、渠道、市场或结构比较;不适合数值差异很小、需要精确逐项排序、类别过多或面积无法按真实数值编码的数据。 |
Proportion Bubble Brief
先确认面积编码是否适合数据精度。预览使用比例气泡,但紧凑圆包、比例符号、规则面积块或准确的图形面积单元同样可用;核心是“左侧大尺度比例场 + 右侧编辑结论”,不是某一种气泡图模板。
Signature invariants
- 白色与淡紫形成对角切分,钴蓝比例几何占据画布主要面积,珊瑚红只作细小信号。
- 主视觉保留
3–7个类别,面积必须由真实数值驱动,标签优先置于形状内部。 - 右侧编辑栏只有一个短标题、一段结论和一个微型主题标记,不变成第二张图或 KPI 列表。
- 最大类别与第二大类别必须一眼可辨;数值差异过小时改用更精确的 Skill。
- 精确令牌、容量和重排规则读取
design-model.yaml。
Composition grammar
Proportional field with editorial rail — default
- 左侧约三分之二为比例几何场,右侧为淡紫结论栏,对角边界将两者连成一张海报。
- 适合说明受众构成、市场规模、渠道触达、预算份额或少量类别贡献。
- 面积场可使用气泡、圆包、比例符号或规则面积块,但只能选择一种几何语言。
Dominant group focus
- 当一个类别明显领先时,让其占据视觉中心,其余类别环绕并降低标签层级。
- 右侧结论解释领先幅度和业务意义,不重复罗列所有数值。
Expression and capacity
- 首帧保留
3–7类;超过容量时合并长尾并明确标注“其他”,或改用排名类 Skill。 - 面积与数值保持平方根尺度关系,不能直接把半径等比例映射为数值。
- 类别差异低于约
10%且需要精确比较时,优先使用条形图或矩阵。 - 若数据是节点—边关系、样本分布或空间点位,不使用本 Skill。
Responsive transformation
landscape:比例场在左、编辑栏在右,对角分界穿过两区但不遮挡标签。square:比例场扩展至上方和左侧,结论压在右下角,减少到3–5个类别。portrait:比例场移到上部,结论栏放在下部;对角线改为浅斜带,不强塞左右双栏。wide_short:短标题栏在左,比例场横向展开在右,只保留3–4个主要类别和一句结论。- 圆和比例形状保持真实纵横比,布局重新打包,不拉伸、不整体缩放。
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