PPT Master 图像类型模板详解:comparison 左右对比构图的设计规范与实战提示词
【免费下载链接】ppt-masterAI turns documents or topics into real, native PowerPoint decks—with native shapes, transitions and animations,>项目地址: https://gitcode.com/GitHub_Trending/ppt/ppt-master
导读
在 PPT Master 的图像生成体系中,image_type(图像类型)描述的是局部信息图块在画布内部的几何构图骨架——也就是"模型在矩形内画什么形状的布局"。comparison是其中最具辨识度的类型之一:它用左右(或上下)两个对称的半区承载两种对立状态,天然服务于 Before/After、A/B 方案、优缺点、新旧对比、心智转变叙事等场景。本文以 comparison.md 为核心骨架,结合仓库中类型模板索引、AI 图像对比参考集与图像生成脚本,完整讲解 comparison 的构图规范、文字策略变体、Fewshot 提示词写法,以及它在真实设计流程中的选用规则。
1. 什么是 comparison 类型:显式的二元对立
在 PPT Master 的image_type体系中,每个类型都定义一种不可互换的几何骨架:2×2 网格不是闭环,向上收窄的金字塔不是上宽下窄的漏斗,线性时间轴不是顺序流程图。骨架决定了元素在画面中的位置约束。
comparison 类型的核心签名是显式的二元性(explicit duality)——这是它与其余类型的本质区别:
图像内部具有两个对称或近似对称的半区,中间有清晰的分隔线,每个半区代表一个选项或一种状态。与所有其他类型不同,comparison 的标志性特征就是这种明确的"二分"。
它适用于:
- 优缺点对比页(pros/cons)
- 心智转变叙事(mindset-shift narratives)
- 方案评估(option evaluations)
- 转型故事(transformation stories)
- Before/After、A vs B、传统 vs 新型(traditional vs new)
关于"type 是什么、不是什么"的完整界定,可参阅 image-type-templates/_index.md:类型不是页面角色(那是page_role: local/hero_page),不是画面主体内容,也不是高层资产分类——它仅仅是局部信息图块内部的几何构图骨架。类型是逐张图片决定的,而不是逐套 Deck 决定的。
2. 构图骨架:两种二分方式
comparison 提供两种子结构,横向二分最常用。
2.1 Sub-structure 1 —— 横向二分(最常见)
画面被一条垂直分隔线分为左右两半:
┌────────────┬────────────┐ │ │ │ │ LEFT │ RIGHT │ │ (before, │ (after, │ │ option A)│ option B)│ │ │ │ └────────────┴────────────┘2.2 Sub-structure 2 —— 纵向二分
画面被一条水平分隔线分为上下两半:
┌──────────────┐ │ TOP │ │ (before) │ ├──────────────┤ │ BOTTOM │ │ (after) │ └──────────────┘2.3 布局规格表
| 维度 | 规范 |
|---|---|
| LAYOUT | 两个近似等大的半区 + 清晰的分隔线(垂直或水平);每个半区承载各自的内容 |
| ELEMENTS | 每侧拥有各自的锚点元素(一个人物图形、一组图标、一张图表、一个风格化场景);视觉处理上"结构对称、内容相异" |
| NEGATIVE SPACE | 外缘留白 12–15%;分隔线可以是细线、几何形状或纯粹的留白 |
| DIVIDER | 保持干净——手绘线、垂直标尺、几何形状或留白皆可,但要显得有意为之(intentional) |
这套规格在仓库的 AI 图像对比参考集中有直接印证。type/_manifest.md 中记录了 comparison 参考图(comparison.png,1280×544,21:9)的生成提示词——以"团队规模化(team scaling)"为统一主题,左边是"小团队 / 单一产品"的孤立小人+单个包裹,右边是"规模化团队 / 多产品增长"的人群网络+箭头流程+增长图表,中间以一条清晰的垂直分割线贯穿画布,视觉权重左右均衡,正是"结构对称、内容相异"的范本。
3. 文字策略变体:text_policy
comparison 支持两种text_policy变体,与类型模板体系中"每个类型文件都包含 text-policy 变体"的约定一致(见 _index.md 的说明:"text_policy和page_role是逐张图片决定的,参考各类型文件的变体小节与页面沟通目标")。
3.1text_policy: none—— 纯图形对比
每侧只包含视觉锚点(人物图形、图标、场景),不含任何文字标签。"Before / After" 或 "A / B" 等标签由 SVG 在外部叠加(而不是画进图像里)。参考集中 type 对比集的comparison.png正是这一策略——提示词明确要求 "No readable text labels",左右两侧的状态完全靠图形语言表达,标签由外层 SVG 负责。
3.2text_policy: embedded—— 内置手写文字
每侧可以包含简短的手写体标签:
- 顶部标出 "BEFORE" / "AFTER";
- 每侧内部放 2–3 个简短关键词,例如 "slow / manual / fragile" vs "fast / automated / reliable"。
经典组合提示:ink-notes + comparison + embedded是一组经典搭配,产出效果类似"宣言式的 Before/After 页(manifesto Before/After page)"。ink-notes 渲染风格的完整定义可参考 image-renderings/ink-notes.md,其手绘笔记质感与 comparison 的二分骨架天然契合。
两种策略的取舍标准:标签是"画面语义的一部分"就选
embedded;标签交给外层 SVG 以保持更严格的排版控制就选none。
4. Fewshot 提示词实战:完整的 Before/After 横幅
以下是 comparison 文档中附带的完整 Fewshot 提示词(Snippet A),它同时锁定了渲染风格(ink-notes)、色彩方案(mono-ink)、构图(横向二分)与文字策略(embedded),是一份可以直接复用的高完成度样本:
Snippet A —— ink-notes + mono-ink,Before/After 横向二分,text_policy: embedded,1200×500
Professional hand-drawn visual-note style on pure white background
#FFFFFF. The composition is a Before/After horizontal split with a clean vertical hand-drawn divider down the center. Both sides use confident black ink line work with slight wobble. Left side ("Before"): a simplified stick-figure character with frustrated posture, a speech bubble in hand-lettered English caps reading "OLD WAY", and three small hand-drawn dashes with brief 1-word annotations ("manual", "slow", "fragile"). Right side ("After"): a confident stick-figure character with a checkmark above, hand-lettered "NEW WAY" caps label, and three checkbox-style annotations ("automated", "fast", "reliable"). A curved "shift" arrow bridges left to right at mid-height. Sparse semantic accent: coral red#E8655Aonly on left-side pain markers (about 4% area); muted teal#5FA8A8only on right-side positive markers (about 3% area). Total color accent under 8%. Composed as a 1200×500 hero banner with 14% inner padding. Hand-lettered text kept to short keywords. Color values are rendering guidance only.
4.1 逐段拆解:这份提示词为什么有效
| 片段 | 作用 | 对应规范 |
|---|---|---|
| "Before/After horizontal split with a clean vertical hand-drawn divider down the center" | 锁定二分骨架与分隔线 | LAYOUT + DIVIDER 规范 |
| "Both sides use confident black ink line work with slight wobble" | 锁定 mono-ink 渲染基调 | 渲染风格由 deck 级锁定 |
| 左右各列出锚点元素(沮丧火柴人+气泡 vs 自信火柴人+对勾) | 定义两侧"结构对称、内容相异" | ELEMENTS 规范 |
| "coral red only on left-side pain markers (~4%), muted teal only on right-side positive markers (~3%), total accent under 8%" | 用语义性强调色强化对立 | 色彩角色约束 |
| "Composed as a 1200×500 hero banner with 14% inner padding" | 锁定容器与留白 | NEGATIVE SPACE 12–15% 规范 |
| "Hand-lettered text kept to short keywords" | 符合 embedded 策略的短词原则 | text_policy: embedded |
| "Color values are rendering guidance only" | 声明色值仅是渲染参考 | 防止模型过度拘泥 |
值得注意的是最后一句:文档明确色值是"rendering guidance only"——这与_index.md中"渲染与 deck 颜色保持固定,类型逐张变化"的原则一致,提示词中给出的 HEX 只是引导,最终以 deck 锁定的色彩角色为准。
5. 在完整设计流程中如何选用 comparison
image_type是 PPT Master 图像生成流水线的一环,完整上下文可参考 image-generator.md 与 strategist-image.md。选用 comparison 需要遵循以下规则:
5.1 何时选用
根据 _index.md §2 的Purpose → type自动选择表:
Purpose关键词 | 类型 |
|---|---|
| Comparison / Before-After / A/B / VS | comparison |
当design_spec.md §VIII Image Resource List中某行page_role: local的Purpose确实匹配 Comparison / Before-After / A/B / VS 时,就选comparison;反之则省略type,直接用自然语言描述构图。该表是参考而非约束。
5.2 何时必须跳过
hero_page封面/章节页:不选任何 type,改用page_role: hero_page+ image-generator.md §4.1 的四类构图原语(single-subject / portrait / typographic / atmospheric);- 局部单一主体/单人像:保持
page_role: local,用 §4.1 的 Primitive A/B 按区域尺寸描述。
5.3 容器尺寸默认值
当 Image Resource List 未指定Dimensions列时,按类型默认容器组装提示词:
| 类型 | 默认容器 | 宽高比 |
|---|---|---|
| comparison | 1200×500 横向二分 / 每半区 600×500 | 2.4 / 1.2 |
横向二分横幅(wide split banner)是 comparison 的"天然容器形态"——21:9 左右的宽幅恰好容纳两个等大半区。该默认值同样体现在 AI 图像对比参考集里:type/comparison.png实际生成尺寸为 1280×544。
5.4 使用流程
- 对每个
page_role: local的结构性信息图行,用上表选定类型; - 对
hero_page或局部单一主体/肖像行,跳过类型选择,使用 image-generator.md §4.1 的 prose 原语; - 通过
read_file image-type-templates/<type>.md读取本 Deck 实际用到的类型文件(大多数 Deck 只用 2–4 种类型,每种最多加载一次); - 将类型的构图骨架与 deck 级锁定的渲染风格、色彩角色叠加应用。
一套 Deck 使用多种类型是正常现象——渲染风格与 Deck 颜色保持固定,类型则逐张图片变化。
6. 参考图:如何阅读 comparison 的对照样本
仓库在 ai-image-comparison/type/ 目录中提供了 11 种类型的对照参考集,采用受控变量对比法:渲染固定为vector-illustration、调色板固定为cool-corporate,仅类型在 11 种之间变化,主题统一为"团队规模化业务"。
阅读comparison.png时重点关注:
- 内部构图骨架:清晰垂直分割线贯穿画布,左右等大、权重均衡;
- 两侧内容对比:左侧"个体+单包裹"(小规模/独立操作)vs 右侧"人群层级+包裹流程+增长图表"(规模化协作/成果提升);
- 色彩语义:深海军蓝承载两侧主体结构与分割线,金色强调只出现在右侧(After 侧的积极状态),且总占比低于 8%——正是"结构对称、内容相异、强调色语义化"的教科书式呈现。
如需复现这套参考图,可通过image_gen.py的 manifest 模式运行:
python3 skills/ppt-master/scripts/image_gen.py \ --manifest skills/ppt-master/references/ai-image-comparison/type/_manifest.json \ -o skills/ppt-master/references/ai-image-comparison/type/ \ --backend openaimanifest 中的每项会就地更新status(Generated / Failed / Needs-Manual),重跑时只会重试Pending与Failed项,已生成的项会被跳过。注意参考图使用 OpenAI gpt-image-2 生成,其他后端(gemini / doubao / qwen 等)产出会存在模型级差异,这属于模型本身的差别,而非 PPT Master 维度体系的差别。
7. 小结:把 comparison 写进提示词的关键清单
- 先锁定二分:明确写 "split composition / Before-After horizontal split with a clean vertical divider",不要只写 "comparison" 一个词;
- 两侧对称但内容相异:为左右(或上下)各自指定锚点元素与状态语义;
- 控制留白与分隔线:外缘 12–15% 内边距,分隔线"干净且有意为之";
- 选定文字策略:
none(外层 SVG 加标签)或embedded(内置简短手写关键词,如 "OLD WAY / NEW WAY"); - 色彩为语义服务:强调色只落在某一侧的状态标记上,总量控制在 8% 以下,且声明色值仅为渲染参考;
- 容器尺寸:无 Dimensions 指定时用 1200×500(2.4:1)的横向二分横幅。
以上所有规范、尺寸默认值与示例提示词,均可直接在本仓库的 comparison.md、类型索引 _index.md 与参考图集 ai-image-comparison/type/ 中核验与复用。
【免费下载链接】ppt-masterAI turns documents or topics into real, native PowerPoint decks—with native shapes, transitions and animations,>项目地址: https://gitcode.com/GitHub_Trending/ppt/ppt-master
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考