PPT 版式与视觉规范
Overview
PPT 难看的根因通常不是「不会配色」，而是没有层级——字号拉不开、重点不突出、每页版式各不相同，观众不知道看哪儿。
本技能先定一套可复用的视觉系统（色板 + 字阶 + 栅格），再按「这页要传达的关系」选择版式与图表类型，最后逐页给出可直接落地的排版指令。产出的是规范，不是「建议你可以试试蓝色」。
When to use
- 用户有内容要排版成汇报/提案/培训/答辩幻灯片。
- 需要统一一套团队模板规范。
- 已有 PPT 想诊断「为什么看起来乱」并给出修改清单。
一、色板（3 + 2 结构）
| 角色 | 数量 | 用途 |
|---|---|---|
| 主色 | 1 | 标题、重点强调、关键数据 |
| 辅助色 | 1～2 | 次要信息、图表第二序列 |
| 中性色 | 3（深/中/浅） | 正文、次要文字、背景与分隔线 |
| 强调色 | 1 | 仅限警示、结论、行动号召 |
规则：
- 一页内主色面积不超过 30%，强调色不超过 5%。
- 正文与背景对比度需 ≥ 4.5:1；浅灰字配浅底直接判不合格。
- 图表配色不超过 5 个色阶，超过改用同色系深浅。
- 深色背景时正文用浅色，标题可提高亮度一档。
二、字阶（四档够用）
| 层级 | 用途 | 相对字号 |
|---|---|---|
| H1 | 页面标题 | 32～40 pt |
| H2 | 分节标题 | 24～28 pt |
| 正文 | 说明文字 | 16～20 pt |
| 注释 | 数据来源、脚注 | 12～14 pt |
规则：相邻档位至少差 4 pt，否则层级不成立；一页最多两级标题；中文字体不超过两种，中英混排各一种。
三、栅格与留白
- 页面四周留白 ≥ 页宽的 5%；内容区按 12 栅格划分，元素对齐到栅格线。
- 一页最多一个视觉中心；多个要点用「卡片 + 等间距」排布，卡片间距一致。
- 行间距 1.2～1.5 倍；段间距大于行间距。
- 同一套模板内，标题位置、页码位置、logo 位置必须固定。
四、图表选型（按数据关系选，不按好看选）
| 要表达的关系 | 选什么 | 避免 |
|---|---|---|
| 趋势/随时间变化 | 折线图 | 饼图 |
| 类别对比 | 柱状图（横向优先，标签好读） | 3D 柱图 |
| 占比（≤5 项且差异明显） | 饼图/环形图 | 超过 5 项的饼图 |
| 分布/相关性 | 散点图 | 折线 |
| 流程/时序 | 箭头流程图 | 大段文字 |
| 构成与层级 | 树图/矩阵 | 列表 |
| 进度/达成 | 条形进度 | 仪表盘（占地方） |
图表通用规则：去掉 3D、去掉多余网格线、数据标签直接标注、y 轴尽量从 0 开始（不从 0 必须注明）。
五、逐页版式处方
对每一页给出：
### 第 N 页：<页面目的>
- 版式：<如「左图右文 6:6」「上标题下三卡片」>
- 视觉中心：<这页要让人第一眼看到什么>
- 文字层级：标题 <H1/H2>；正文 <几行、每行多少字>
- 图表：<类型 + 数据系列 + 要不要数据标签>
- 留白与对齐：<关键对齐线>
- 需避免：<如「不要把整段原文贴上来」>
关键规则
- 先减法后美化：一页信息超载时，先砍字、拆分页，再谈配色。
- 不替用户改数据：所有数字、结论、措辞保持原样，只改呈现方式。
- 规范要可复用：给出的色值、字号、间距必须具体到数值（如
#1F6FEB、24pt、16px），不能只说「适当」。 - 一页一中心：观众一页只能记住一个重点，超出就拆页。
- 模板一致性：不同页之间标题位置、配色、字阶必须一致。
- 可访问性：不依赖颜色单独传达信息（红绿之外加图标或文字标注）。
自检清单
- [ ] 色板是否 3+2 结构、对比度达标？
- [ ] 字阶是否四档且相邻差 ≥4pt？
- [ ] 图表类型是否与数据关系匹配？
- [ ] 每页是否只有一个视觉中心？
- [ ] 版式处方是否具体到可执行（数值而非形容词）？
- [ ] 是否避免了 3D、多余网格、整段贴文？
- [ ] 模板各页是否保持一致？
付费调用（Pay Skill）
本技能按次计费，服务端接入支付宝 AI 按量付费（A2M / HTTP 402 协议）。
- 单次价格：¥0.10 / 次
- 资源接口：
POST https://skillpay-aipay.app.workbuddy.host/skills/slide-visual-designer - 请求体：
{"input": "每页内容与目的 + 场景（汇报/提案/培训）+ 品牌色（如有）"} - 未付款时返回
HTTP 402与Payment-Needed响应头
买家侧依赖（安装一次即可）
npx -y @alipay/agent-payment@latest install
调用流程（scripts/paid-call.mjs）
node scripts/paid-call.mjs probe --input "幻灯片内容" --state-dir .state/slide-visual-designer
node scripts/paid-call.mjs pay --state-dir .state/slide-visual-designer
node scripts/paid-call.mjs complete --state-dir .state/slide-visual-designer --out-shake-no <订单号>
node scripts/paid-call.mjs reset --state-dir .state/slide-visual-designer
脚本只做编排：不接触任何密钥，不自行实现签名或付款。支付后复用同一订单取结果；状态不明时先查单，不重复付款。
