news 2026/9/10 23:21:20

PPT Master 图像类型模板详解:comparison 左右对比构图的设计规范与实战提示词

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
PPT Master 图像类型模板详解:comparison 左右对比构图的设计规范与实战提示词

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_policypage_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 / VScomparison

design_spec.md §VIII Image Resource List中某行page_role: localPurpose确实匹配 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列时,按类型默认容器组装提示词:

类型默认容器宽高比
comparison1200×500 横向二分 / 每半区 600×5002.4 / 1.2

横向二分横幅(wide split banner)是 comparison 的"天然容器形态"——21:9 左右的宽幅恰好容纳两个等大半区。该默认值同样体现在 AI 图像对比参考集里:type/comparison.png实际生成尺寸为 1280×544。

5.4 使用流程

  1. 对每个page_role: local的结构性信息图行,用上表选定类型;
  2. hero_page或局部单一主体/肖像行,跳过类型选择,使用 image-generator.md §4.1 的 prose 原语;
  3. 通过read_file image-type-templates/<type>.md读取本 Deck 实际用到的类型文件(大多数 Deck 只用 2–4 种类型,每种最多加载一次);
  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 openai

manifest 中的每项会就地更新status(Generated / Failed / Needs-Manual),重跑时只会重试PendingFailed项,已生成的项会被跳过。注意参考图使用 OpenAI gpt-image-2 生成,其他后端(gemini / doubao / qwen 等)产出会存在模型级差异,这属于模型本身的差别,而非 PPT Master 维度体系的差别。


7. 小结:把 comparison 写进提示词的关键清单

  1. 先锁定二分:明确写 "split composition / Before-After horizontal split with a clean vertical divider",不要只写 "comparison" 一个词;
  2. 两侧对称但内容相异:为左右(或上下)各自指定锚点元素与状态语义;
  3. 控制留白与分隔线:外缘 12–15% 内边距,分隔线"干净且有意为之";
  4. 选定文字策略none(外层 SVG 加标签)或embedded(内置简短手写关键词,如 "OLD WAY / NEW WAY");
  5. 色彩为语义服务:强调色只落在某一侧的状态标记上,总量控制在 8% 以下,且声明色值仅为渲染参考;
  6. 容器尺寸:无 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),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/10 23:19:20

8 家降噪算法横评总评:谁在什么场景下最强?

本系列前面几篇讲完了 8 家降噪算法的原理、代码和 5 case 定性观感&#xff0c;本篇把它们放到同一批 332 条音频上做统一 STOI DNSMOS 评测&#xff0c;从性价比、场景敏感度、有参 / 无参一致性等多角度看真实分层。8 家一览&#xff1a;分层算法参数量采样率出处端侧实时R…

作者头像 李华
网站建设 2026/9/10 23:19:17

纽约出租车流量预测:时空图神经网络实战指南

简介&#xff1a;本资源是一份面向人工智能课程学习者与初学者的纽约出租车流量预测实战项目&#xff0c;基于深度学习技术实现时空序列建模&#xff0c;适用于期末大作业、课程设计及深度学习入门实践。压缩包共31个文件&#xff0c;包含9个核心Python源码&#xff08;含GRU、…

作者头像 李华
网站建设 2026/9/10 23:17:46

【STM32开源项目】智能家居

目录 一、项目概述 二、实现功能 1、功能详解&#xff1a; 2、项目清单&#xff1a; 3、演示视频&#xff1a; 三、硬件介绍 1、原理图&#xff1a; 2、PCB硬件设计&#xff1a; 四、程序设计 五、项目成品效果图 六、项目总结 七、包含资料 一、项目概述 本项目基…

作者头像 李华
网站建设 2026/9/10 23:17:42

PROFIBUS GSD文件详解:安川变频器通讯配置核心指南

简介&#xff1a;本资源为安川电机GA700、GA500、CH700、A1000及U1000全系列变频器通用GSD文件&#xff0c;面向工业自动化工程师、PLC系统集成人员及现场调试技术人员&#xff0c;解决PROFIBUS-DP等现场总线环境下变频器与上位控制系统&#xff08;如西门子S7、倍福TwinCAT&am…

作者头像 李华
网站建设 2026/9/10 23:15:58

量子退火算法在TSP问题中的Python实现与优化

1. 量子退火算法与传统TSP求解的困境 旅行商问题&#xff08;Traveling Salesman Problem, TSP&#xff09;作为组合优化领域的经典NP难问题&#xff0c;在物流路径规划、芯片布线、DNA测序等实际场景中具有广泛应用。传统计算方法在面对大规模TSP问题时往往面临以下挑战&#…

作者头像 李华