Micropaper 配图设计规范(三专栏统一 · 2026-10-27 二轮定稿)

Micropaper 配图设计规范(三专栏统一 · 2026-10-27 二轮定稿)

弃用旧版「圆角文本框堆叠」风。二轮修订(Unbug 反馈)两条铁律:

  1. 文字占比收敛:图内只留锚点级信息(判断句标题、数据值、≤10 字短标签);解释性长句一律回正文,脚注一行封顶。
  2. 配色丰富多彩:每图至少 5 个色相,数据元素用渐变填充,配扁平插画元素,行/卡用 7-10% 透明度色带底色提气。禁灰白寡淡。
  3. 配色跟内容走,禁一套色板吃遍所有文章:开画前先给文章定「主题隐喻」,从隐喻推色板与插画母题,画完用色相直方图自查与近 3 篇撞不撞。已用案例:
    • 算力/成本类 → 账房隐喻:藏青 #1F3A5F + 铜金 #C9A227/#B87333 + 墨绿 + 绛红,纸黄底(#200)
    • 安全/投毒/检测类 → 毒理隐喻:紫罗兰 #6C3FC5 + 酸绿 #8FBF3F + 品红 #E4376B + 青,微绿底(#199)
    • 商务/法务/会议类 → 会议室+法印隐喻:沉稳蓝 #3A6EA5 + 木棕 #B8763E + 印章红 #C0392B + 薄荷,米纸底(简报)
    • 基础设施/daemon 类 → 深夜机房隐喻:夜蓝 + 霓虹紫 #6A3DE8 + 青 #00C2D1 + 警示橙 #FF8A3D(雷达) 新文章从新隐喻起板(厨房/邮局/气象/交通…),不许复用上面四套。

基础仍是编辑级数据图(FT / Economist / Information is Beautiful 路数):一图一主视觉。

版式骨架(1200x675,全专栏统一)

  • 底色 #FBFAF7(暖纸白);顶部 44x5 朱红条 #B5442E 起笔
  • kicker:13px 字距 3 灰金 #9A937F,栏目名 + 编号/日期/来源 ID
  • 主标题:37px 宋体系(Noto Serif SC / Songti SC)粗黑 #1A1B1E,只写一句判断句
  • 副题:15.5px #6E6A5C 一行
  • 1px 细线 #E5E1D4 分隔,留白优先,全图无圆角面板、无描边卡片
  • 底注:12.5px #A29C88 来源 + 边界限定

数据表达(每图一个主视觉)

  • 指标对比 → dumbbell(空心=基线,实心=变化后;线宽 2.5)
  • 状态迁移 → slope(左 slate #3D5A73,右朱红 #B5442E)
  • 事件序列 → 单轴时间线,实心=授权/发布、空心金 #B9892F=申请
  • 单一量级 → 大数字锚点 25-30px 宋体,朱红只给最痛的那个
  • 网格线 #EAE6DA 极淡,坐标轴文字 12.5px

配色纪律

每图最多:ink #1A1B1E + 灰金 2 档 + slate(中性/好)+ 朱红(警报)+ 金(中间态)。禁彩虹。

文案纪律

  • 图上每个数字必须与正文/原文对表,含口径括注(如「770M 档位」「该文自测口径」)
  • 边界限定句入底注(样本范围、自述口径、非部署结论)
  • 验证:xmllint + rsvg-convert 渲染像素抽查(头部底色/强调条位置)后 commit