visual-style-guide.md 3.6 KB

视觉样式规范

幻灯片尺寸

  • 比例:16:9 宽屏
  • EMU 尺寸:16256000 × 9144000 EMU
  • 英寸换算:约 17.78" × 10"

配色方案

角色 色值 用途
主色 #2E5B8B 顶部蓝线、分隔线、标题强调、页眉标题
辅色 #5B9BD5 图表主色、CONTENTS标签、数字高亮
深色背景 #1F3A5C 封面左侧块、深色装饰
白色 #FFFFFF 页眉背景、内容区背景、封面标题
浅灰背景 #F2F2F2 目录页/尾页背景、底部来源条
卡片浅蓝 #E7F0F7 KPI卡片背景
深灰文字 #333333 正文、主标题
中灰文字 #666666 副标题、次要信息
浅灰线条 #D9D9D9 分隔线、网格线

字体规范

层级 字体 大小 字重 颜色
封面大标题 微软雅黑 44pt Bold 白色
封面副标题 微软雅黑 32pt Regular 白色
页面主标题 微软雅黑 24pt Bold #333333
页眉报告名 微软雅黑 20pt Bold #2E5B8B
页眉日期 微软雅黑 16pt Regular #333333
正文/洞察 微软雅黑 14-18pt Regular #333333
KPI数值 Arial 28-36pt Bold #2E5B8B
KPI标签 微软雅黑 12-14pt Regular #666666
底部来源 微软雅黑 10pt Regular #888888
英文标签 Arial 14pt Regular #5B9BD5

布局间距

元素 位置(EMU) 尺寸(EMU)
顶部蓝线 (0, 0) (全宽, 50800)
页眉白底 (0, 50800) (全宽, 558800)
分隔蓝线 (0, 609600) (全宽, 50800)
页面标题区 (762000, 914400) (11430000, 508000)
内容主区域 (762000, 1524000) (14732000, 7112000)
底部灰条 (0, 8824000) (全宽, 320000)
底部来源文字 (762000, 8824000) (7620000, 320000)
底部页码 (13970000, 8824000) (1778000, 320000)

形状样式

  • KPI卡片:圆角矩形(ROUNDED_RECTANGLE),填充 #E7F0F7,无边框
  • 告警卡片:矩形,左侧带 50800 EMU 宽度的色条(严重=红色/警告=橙色/关注=蓝色)
  • 分隔线:高度 0-50800 EMU 的矩形,填充 #D9D9D9#2E5B8B

多主题配色方案(新增)

通用报告支持 5 套预设主题,可通过 ReportConfig.theme 选择。

主题ID 名称 主色 辅色 强调色 风格描述
business_classic 商务经典 #1E3A5F #10B981 #5B9BD5 深海蓝主调,稳重大气,适合正式汇报
fresh_minimal 清新简约 #059669 #34D399 #F59E0B 翠绿主调,清爽现代,适合创新团队
tech_blue 科技蓝调 #2563EB #06B6D4 #8B5CF6 科技蓝主调,年轻动感,适合数字化报告
warm_orange 暖橙活力 #EA580C #F97316 #EAB308 暖橙主调,温暖亲和,适合运营报告
dark_pro 暗夜深邃 #0F172A #38BDF8 #818CF8 深色主调,高端神秘,适合战略报告

自定义配色

from scripts.report_config import ReportConfig

config = ReportConfig(
    custom_colors={
        'primary': '#4F46E5',
        'secondary': '#EC4899',
        'accent': '#F59E0B',
    }
)

质量自检视觉效果

  • 检测字体是否超过 3 种,超过自动统一为微软雅黑
  • 字号 < 8pt 时自动提升至 8pt,> 60pt 时自动降至 60pt
  • 元素飞出页面边界时自动推回安全区域
  • 页面填充率 < 25% 时追加补充建议文本框
  • 图文重叠时自动错开位置