Proportion Bubble Brief
设计官方

Proportion Bubble Brief

将少量类别的规模、占比或触达率做成大胆的比例几何叙事:左侧钴蓝面积场承担主要比较,右侧淡紫编辑栏用高对比衬线标题和一段结论解释“谁最大、差距多大、为什么重要”。适合 3–7 个差异明显的规模或占比类别,以及需要一段传播性结论的受众、渠道、市场或结构比较;不适合数值差异很小、需要精确逐项排序、类别过多或面积无法按真实数值编码的数据。

去使用
user_0139
user_0139
浏览246
使用5

Skill 文件

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

  1. 核对数值、单位、分母和面积编码是否适合任务精度。
  2. 选择气泡、圆包、比例符号或规则面积块,并建立真实面积尺度。
  3. 只写一个传播性结论,确保最大类别、差距和口径在首帧可读。
  4. 按 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