ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

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

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 storiesBefore/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.png1280×54421:9的生成提示词——以团队规模化team scaling为统一主题左边是小团队 / 单一产品的孤立小人单个包裹右边是规模化团队 / 多产品增长的人群网络箭头流程增长图表中间以一条清晰的垂直分割线贯穿画布视觉权重左右均衡正是结构对称、内容相异的范本。3. 文字策略变体text_policycomparison 支持两种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-inkBefore/After 横向二分text_policy: embedded1200×500Professional 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: embeddedColor values are rendering guidance only声明色值仅是渲染参考防止模型过度拘泥值得注意的是最后一句文档明确色值是rendering guidance only——这与_index.md中渲染与 deck 颜色保持固定类型逐张变化的原则一致提示词中给出的 HEX 只是引导最终以 deck 锁定的色彩角色为准。5. 在完整设计流程中如何选用 comparisonimage_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: 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列时按类型默认容器组装提示词类型默认容器宽高比comparison1200×500 横向二分 / 每半区 600×5002.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 中的每项会就地更新statusGenerated / 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×5002.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),仅供参考
返回列表