visual-style-guide.md 2.3 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