ppt-master AI 图像调色板对比集全解析:受控变量提示词工程与 14 种色彩行为对照
【免费下载链接】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 技能库中ai-image-comparison/palette调色板对比集(_manifest.md及其配套的_manifest.json、_subject.md)展开。你将掌握该对比集背后的受控变量方法论——"一个维度变化、其余维度固定"的图像对照实验设计,理解"调色板 = 色彩行为而非 HEX 色值"这一核心概念,看到 14 种色彩行为的完整 HEX 角色表与可直接复用的生成提示词,并学会通过image_gen.py --manifest复现或扩展这套对比资产,以及它在当前生成流程中的准确定位(legacy 诊断素材,而非新的确认控件)。
一、这套对比集是什么:为什么需要 14 张同一构图的图片
打开ai-image-comparison/README.md,目录顶部就写明了它的性质:这是一份AI 图像对照参考画廊(Reference Gallery),保存了 rendering(渲染)、palette(调色板)、type(构图类型)三类对比资产。其中 palette 子目录有 14 张图,变量是"调色板(14 种色彩行为)",固定的基线是"单主体 hero 构图(§4.1 Primitive A)+vector-illustration渲染"。
这套画廊采用的核心方法论是受控变量对比(controlled-variable comparison)——同时变化一个维度,固定另外两个维度,从而精确观察每个维度对图像的独立贡献:
| 子目录 | 数量 | 变化的变量 | 固定基线 |
|---|---|---|---|
rendering/ | 20 | 渲染(20 种视觉风格) | 单主体 hero 构图(§4.1 Primitive A),调色板 = cool-corporate |
palette/ | 14 | 调色板(14 种色彩行为) | 单主体 hero 构图(§4.1 Primitive A),渲染 = vector-illustration |
type/ | 11 | 类型(11 种page_role: local内部构图) | 渲染 = vector-illustration,调色板 = cool-corporate |
三个子目录各自包含:_subject.md(受控变量与主题说明)、_manifest.json(生成清单,可用image_gen.py --manifest运行)、以及每张<dimension>.png成品图。
基线选择背后的工程考量
README 中给出了三个基线被选中的具体理由,这本身就是可复用的实验设计经验:
- 渲染固定为
vector-illustration:它是目录中兼容性最好的渲染(与全部 14 个调色板均 ✓✓ 兼容),作为"原点"对被比较的维度干扰最小; - 调色板固定为
cool-corporate:最中性、最常用,其主/辅/强调三种角色清晰,不会掩盖被比较的维度; - 构图固定为单主体 hero(§4.1 Primitive A):一个主体占据画布 60–70%,是最具视觉代表性的形态,渲染与调色板的差异因此表现得最明显。
主题对象本身也刻意保持一致:一位自信的专业人士站在上升的增长图表旁,目视前方("A confident professional standing beside an upward growth chart, looking forward")。固定主题 + 固定构图 + 固定渲染,14 张图唯一的区别就只剩色彩行为——这正是对比集"一眼看出差异"的前提。
二、核心概念:调色板是"色彩行为",不是 HEX 色值
这是整个对比集设计中最关键、也最容易被误解的一点。_subject.md用一整节强调了它:
Important: this set doesnotfix HEX values across all 14 palettes. Each palette uses its own typical HEX triplet.
也就是说,14 张图并不共享同一组 HEX,每个调色板使用它自己最典型的色值。原因在于:一个调色板的本质是色彩行为(color behavior)——饱和度、对比度、气质(temperament)、比例关系——而它期望的 HEX 本身就是该行为的一部分。若把 cool-corporate 的深海军蓝强行塞进 vivid-launch 的构图,会得到一张"用克制海军蓝伪装促销能量"的怪异图片,从而失去调色板的语义代表性。
_manifest.json的baseline字段用一句话点破了这一设计意图:
"HEX is NOT fixed across this set — each palette uses its own typical HEX triplet, because palette is about color behavior + the HEX it expects."
这也与真实生产场景吻合:用户选择了 vivid-launch,那么其design_spec中的 HEX 就是鲜艳的,而不是海军蓝。这套对比集模拟的正是每个调色板在其典型生产场景下的样子。
三、14 种色彩行为全景:HEX 角色表与气质速览
下面是_subject.md中给出的完整 HEX 对照表(主色 / 辅色 / 强调色三角色),这是理解整组图片的"密钥":
| 调色板 | 主色 Primary | 辅色 Secondary | 强调色 Accent |
|---|---|---|---|
| cool-corporate | #1E3A5F深海军蓝 | #F8F9FA近白 | #D4AF37金色 |
| warm-earth | #9A3412赤陶 | #FEF3C7奶油色 | #D4AF37金色 |
| tech-neon | #0EA5E9电光蓝 | #0A0E27深海军蓝 | #06B6D4青色 |
| editorial-classic | #0F2C4C深海军蓝 | #FAF7F2暖奶油 | #C2410C焦橙色 |
| macaron | (柔和粉彩) | #F5F0E8奶油 | #F97316珊瑚色 |
| mono-ink | #1A1A1A近黑 | #FFFFFF纯白 | #E8655A珊瑚红 |
| vivid-launch | #E11D48品红 | #FAFAFA近白 | #F97316橙色 |
| dark-cinematic | #14B8A6青绿 | #0A0E27深暗 | #D4AF37琥珀色 |
| duotone | #0F766E深青 | #D97706琥珀 | (仅两色) |
| nature-organic | #166534森林绿 | #FEF3C7奶油 | #D4AF37蜂蜜色 |
| jewel-tone | #047857深祖母绿 | #FEF3C7深奶油 | #D4AF37抛光金 |
| frost-ice | #DBEAFE淡冷蓝 | #F8FBFD近白 | #3B82F6钢蓝 |
| sunset-gradient | #EC4899深粉 | #F97316暖橙 | #9333EA紫 |
| earthy-dusty | #C9A38C哑光赤陶 | #E8E0D5哑光燕麦 | #A8B5A0哑光鼠尾草 |
命名约定
每个文件名即为<palette>.png,与references/image-palettes/下对应的档案文件一一对应(如cool-corporate.png↔cool-corporate.md),方便交叉检索历史定义。
如何阅读这组图
_subject.md给出了四个观察维度,建议把 14 张图并排浏览时重点对照:
- 色彩温度(Color temperature)——冷感专业(cool-professional)vs 暖感人文(warm-human)vs 中性编辑风(neutral-editorial);
- 饱和度(Saturation)——克制(restrained)vs 鲜艳(vivid)vs 单色(monochrome);
- 主/辅/强调的平衡(Dominant/support/accent balance)——三种语义角色在画面中各自出现得多强烈;
- 强调色的分量(Accent weight)——那个小面积强调色到底占据了多少视觉存在感。
以强调色面积为例,cool-corporate 的金色被严格限制在 5% 以下,而 vivid-launch 的橙色作为"联合主演"高达 25%——同样是强调色,语义重量完全不同。
四、提示词骨架:14 张图共享的固定模板
所有 14 张图的 prompt 都共享同一个结构骨架,这是理解整套提示词工程的入口。以_manifest.md开头声明的 Deck Style Anchor 为总纲:
Single subject hero composition, vector-illustration rendering: clean flat vector with bold shapes, sharp edges, no gradients, no shadows.
拆解每一条 prompt,固定部分包括五层:
- 渲染风格段:
Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, no shadows, solid flat fills throughout.这直接对应image-renderings/vector-illustration.md的风格定义——无渐变、无阴影、纯色平涂、1.5–2px 等宽描边。 - 主题与构图:
Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition).这正是image-generator.md§4.1 Primitive A"单一主体 hero"原语的执行。 - 色彩行为段(每张图唯一变量):如 cool-corporate 的
Color behavior is restrained-corporate: secondary off-white #F8F9FA occupies 60-70% ...。 - 安全边距:所有图都要求
12-20% inner safe-zone padding,为后续 SVG 叠字预留呼吸区。 - 硬规则收尾:
No embedded text labels, no HEX codes visible.对应image-generator.md§5.1"HEX 仅是渲染指引,绝不作为画面文字出现"的全局硬规则——提示词里写明了 HEX,但画面里绝不能出现任何 HEX 字样或颜色名称文字。
这套"渲染段 + 色彩行为段 + 构图段 + 硬规则"的四段式组装,与image-generator.md§4 Prompt Assembly Template 的官方模板完全一致,对比集的 prompt 就是这个模板的一次批量实例化。
五、逐类拆解:五组代表性的色彩行为提示词
1. cool-corporate —— 克制型企业风
Clean flat vector illustration with bold geometric shapes, sharp edges, no gradients, no shadows, solid flat fills throughout. Subject: a confident professional standing beside an upward growth chart, looking forward. Single dominant subject occupying 60-70% of the canvas (hero composition). Color behavior is restrained-corporate: secondary off-white
#F8F9FAoccupies 60-70% of the canvas as calm breathing space; primary deep navy#1E3A5Fcarries the main subject in confident solid blocks; accent gold#D4AF37appears only in one or two small emphasis points totaling under 5% of the area.No fourth color.Flat solid fills only — no metallic, no glossy reflections. 12-20% inner safe-zone padding. No embedded text labels, no HEX codes visible.
要点:强调色 ≤5%、"无第四种颜色"、明确排除金属光泽与高光反射——克制感是靠"面积配比 + 颜色数量限制"双重约束实现的。它对应的历史档案image-palettes/cool-corporate.md将其定位为咨询/金融/B2B 默认调色板。
2. tech-neon —— 高对比科技霓虹
... solid flat fills throughout(subtle 8%-opacity glow halos allowed for tech-neon energy)... secondary deep digital navy
#0A0E27covers about 50% of the canvas as the dark field; primary electric blue#0EA5E9carries the main subject in confident saturated tones (about 35%)with a soft 8%-opacity glow halo around it; accent vivid cyan#06B6D4appears in 10-15% as small bright pops on the chart, also with implied glow.High contrast between vivid foreground and dark digital background.
要点:这是"规则例外"的典范——基调是"无阴影无渐变",但为传达霓虹能量,允许主色周边出现 8% 不透明度的光晕。例外必须被显式声明在 prompt 内,且限定在固定数值(8%),而不是交给模型自由发挥。历史档案中注明它与其他渲染(如 sketch-notes、水彩)存在气质冲突,提示词中刻意强调了"亮色前景 vs 暗色数字背景"的高对比。
3. duotone —— 双色海报
... only two solid colors total ... Color A — deep teal
#0F766E— carries the main subject silhouette and the dominant zone of the canvas (about 50%). Color B — vivid amber#D97706— carries the background field and the secondary zone (about 48%).The two colors are the entire palette — no third hue beyond a barely-perceptible neutral 2% in transitional textures.Editorial poster balance.
要点:双色调色板的约束是所有调色板中最硬的——整幅画面只有两种颜色,仅允许 2% 的过渡纹理中性色存在。这呼应image-palettes/duotone.md中"screen-print 直接对齐"的兼容性判断:丝网印刷本身就是双色的标志性媒介。
4. sunset-gradient —— 背景渐变的唯一例外
Flat vector illustration with bold geometric shapes layered over a smooth atmospheric gradient background (sunset-gradient overrides the rendering's usual no-gradient rule for the BACKGROUND FIELD only — shapes on top remain flat). ... the entire background flows as a smooth diagonal gradient — primary deep pink
#EC4899in the lower-left, transitioning through secondary warm orange#F97316in the middle band, into accent purple#9333EAin the upper-right. ... Above the gradient, a near-black silhouette professional and chart shapes sit as flat solid forms (about 30%) as the focal rest point.
要点:这是第二个"规则例外"案例,而且例外边界被切分得极其精确——渐变只允许出现在背景区域,前景图形必须保持平涂。整个背景沿对角线流动(左下深粉 → 中部暖橙 → 右上紫),前景用近黑色剪影充当"视觉休息点"。这条 prompt 展示了如何用一句话划定例外范围,防止模型把渐变扩散到不该出现的地方。
5. earthy-dusty —— 莫兰迪式整体降饱和
... solid flat fills atuniformly reduced saturation (Morandi-adjacent)... every color appears desaturated 30% from a vivid source. Secondary muted oat
#E8E0D5carries about 50% of the canvas as calm dusted field; primary muted dusty terracotta#C9A38Cforms the subject silhouette and chart in soft warm earth tone (about 35%); accent muted sage#A8B5A0appears as one thin horizontal line near the chart and one small dusty dot, totaling about 12%.No vivid colors anywhere.Refined, contemplative, slow.
要点:这里定义了全局性的色彩操作规则——"所有颜色在鲜艳源色基础上统一降饱和 30%",并明确写出"任何地方都不允许鲜艳色"。观察整套 14 条 prompt 会发现一个规律:每条 prompt 的差异都集中在"色彩行为"一个段落里,其余四层(渲染、构图、边距、硬规则)几乎逐字相同——这正是受控变量法的可读性所在。
其余调色板(warm-earth、editorial-classic、macaron、mono-ink、vivid-launch、dark-cinematic、nature-organic、jewel-tone、frost-ice)均遵循同一骨架,完整 prompt 与 alt text 可在_manifest.md中逐条查阅。
六、数据源与复现:manifest 驱动的批量生成
1. manifest 是唯一事实源
_manifest.json是这套对比集的机器可读事实源,结构为:
{ "project": "skills/ppt-master/references/ai-image-comparison/palette", "generated_at": "2026-05-15", "comparison_set": "palette", "baseline": { "rendering": "vector-illustration", "subject": "a confident professional standing beside an upward growth chart, looking forward", "note": "HEX is NOT fixed across this set ...", "composition": "single-subject hero (image-generator.md §4.1 Primitive A)" }, "deck_style_anchor": "Single subject hero composition, vector-illustration rendering: ...", "items": [ { "filename": "cool-corporate.png", "purpose": "Palette comparison — cool-corporate", "aspect_ratio": "16:9", "prompt": "Clean flat vector illustration ...", "alt_text": "Cool-corporate palette: vector hero of professional and growth chart in deep navy on off-white with restrained gold accent", "status": "Generated" } ] }14 个条目(cool-corporate、warm-earth、tech-neon、editorial-classic、macaron、mono-ink、vivid-launch、dark-cinematic、duotone、nature-organic、jewel-tone、frost-ice、sunset-gradient、earthy-dusty)全部为 16:9 宽高比、状态Generated。这与image-generator.md§6 定义的 manifest 模式完全一致——filename / purpose / aspect_ratio / prompt / alt_text / status为必填字段。
2. 复现与重新生成
_manifest.md顶部明确标注它是由image_gen.py --render-md自动生成的 Markdown 渲染,不应手工编辑;重新生成需重跑命令。完整复现命令来自ai-image-comparison/README.md:
python3 skills/ppt-master/scripts/image_gen.py \ --manifest skills/ppt-master/references/ai-image-comparison/palette/_manifest.json \ -o skills/ppt-master/references/ai-image-comparison/palette/ \ --backend openai运行后生成图片落在对应子目录,每个条目的status会被原地更新为Generated/Failed/Needs-Manual;重跑时只重试Pending和Failed的条目,Generated的条目会被跳过——这套幂等机制在image_gen.py中实现(--manifest参数支持并发执行并原子化写回状态,--render-md用于中断后刷新 Markdown 侧车文件)。
原图参考集是用OpenAI gpt-image-2后端生成的。README 特别提醒:其他后端(gemini / doubao / qwen 等)会产出视觉上不同的结果——这反映的是模型层差异,而非 ppt-master 维度体系本身的差异。换言之,这套对比集刻画的是"同一维度体系下不同模型的差异幅度",复现时后端选择会影响具体画面,但不会改变受控变量的结构。
3. 生成时序约定
生成顺序与固定基线存在逻辑依赖:先有rendering/(渲染基线)+palette/(cool-corporate 作为最常用调色板基线)确认基线,再有type/(基于前述两个基线比较构图)。三个集合被刻意设计为相互独立——当前流程决策 rendering 时只看rendering/,legacy 的 palette 集合不得影响或重新引入独立的颜色决策。
七、历史定位:legacy 诊断资产,而非当前流程控制项
必须澄清这套对比集在 ppt-master 当前生成流程中的准确位置——它不参与当前 deck 生成的颜色选择。
image-palettes/_index.md是一份"兼容性墓碑(compatibility tombstone)"文档,明确列出当前生成契约:
| 输入 | 当前行为 |
|---|---|
spec_lock.md colors | 核心循环 deck 颜色锚点;结合已完成的 Design Spec 与图像上下文解释,允许同族色调/材质/光照衍生,不创建另一个调色板 |
image_rendering | 只控制渲染处理;不产生第二次颜色决策 |
Legacyimage_palette行 | 忽略;不能覆盖已确认的 deck 身份 |
| 无调色板行 | 符合预期;不得凭空合成预设或custom回退 |
同时存在多项禁止事项:规划或生成当前 deck 时不加载同级调色板预设文件、不使用历史自动选择表/兼容矩阵/prompt 片段、不写入image_palette: custom或image_palette_behavior。而ai-image-comparison/README.md也从 UI 角度强调:当前 Confirm UI只展示 rendering,deck 颜色直接来自所选 PPT 色彩系统;palette 图库保留用于 legacy 诊断,绝不能成为第二个确认控件。
这意味着本文档的 14 张图与 14 条 prompt 的正确用法是:
- 诊断历史 lock:当旧项目的
design_spec中出现 legacyimage_palette字段时,用这组图核对当时的色彩行为意图; - 维护对比资产:按需重跑
image_gen.py --manifest刷新这套诊断图; - 理解维度体系:作为"色彩行为 vs HEX"概念的直观教学素材。
不应将其当作当前项目里可供选择的颜色方案库。
八、从对比集反推的提示词工程经验
把这套对比集当作样例库,可以提炼出四条可直接迁移到自己的 AI 图像 prompt 工程中的方法论:
- 用受控变量代替自由发挥:想研究任何一个视觉维度(渲染、色彩、构图),就把另外两个维度钉死。固定主题对象 + 固定面积比例,才能让单一维度差异"跳出来"。
- 把"色彩行为"写成可执行的面积配比:不要只写"商务风、科技感"这类形容词,而要写成"辅色占 60-70% 作为呼吸区、主色承载主体 35%、强调色 ≤5%"——模型对具体比例的执行力远高于对抽象气质的理解。
- 例外必须显式声明且限定数值:tech-neon 允许 8% 光晕、sunset-gradient 只允许背景渐变、earthy-dusty 统一降饱和 30%——规则例外都写清了边界和数值,而不是让模型自行判断。
- 硬规则逐条沉淀在每条 prompt 末尾:"无内嵌文字、无可见 HEX 码、12-20% 内边距"在 14 条 prompt 中重复出现,确保任何一条被单独取出时都不会丢失关键约束——这正是
image-generator.md§5 全局硬规则"追加到每条组装提示词末尾"的落地实践。
参考本套对比集所在目录的完整上下文,可继续阅读image-generator.md(提示词组装模板与 §4.1 构图原语)、image-renderings/_index.md(20 种渲染目录)、image-palettes/_index.md(legacy 调色板兼容契约),以及生成工具image_gen.py的 manifest 执行逻辑。
【免费下载链接】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),仅供参考