guizang-ppt-skill/references/image-prompts.md

GPT-M 2.0 配图提示词

用于 Codex 环境下为本 skill 生成 PPT 配图。提示词只负责定基调,不要写成长篇说明。先判断图片落位和比例,再选择类型。

通用规则

• 风格基调:电子杂志 × 电子墨水,克制、真实、留白充足,适合横向网页 PPT
• 信息图、图表、截图再设计中的文字语言必须跟随用户语言:中文 deck 用中文,英文 deck 用英文
• 不生成卡通、3D、霓虹科技感、SaaS 模板感、过度装饰或假 logo
• 图片要给标题或正文留出可叠加空间,不要满屏堆细节
• 同一页或同一组图片必须使用同一比例、同一视觉缩放、同一边距密度
• 配图是嵌入 PPT 的素材,不是一张独立 slide:不要生成页眉、页脚、页码、标题栏、角标、署名、装饰边框或 slide chrome
• 生成后保存到 images/,命名为 {页号}-{语义}.{ext}

比例选择

用途	推荐比例	HTML 落位
章节封面 / 全屏主视觉	16:9	.frame-img.r-16x9 或 hero 背景参考
左文右图主图	16:10 或 4:3	.frame-img.r-16x10 / .frame-img.r-4x3
信息图 / 系统关系图	16:9 或 16:10	.frame-img.r-16x9.fit-contain / .frame-img.r-16x10.fit-contain
截图再设计 / UI 情景图	16:10	.frame-img.r-16x10.fit-contain
图文混排小图	3:2 或 3:4	.frame-img.r-3x2 / .frame-img.r-3x4
图片网格	统一横图	.frame-img.h-22 / .frame-img.h-26
小型面板组	统一横图	.frame-img.h-16 / .frame-img.h-18

信息图和截图再设计优先用 fit-contain,避免文字被裁切;纪实照片优先用默认 cover,保持画面张力。

图片标准化策略

A. 先选目标槽位

不要先生成图片再硬塞进页面。先决定图片落位:

1. 主视觉:16:9
2. 左文右图:16:10 或 4:3
3. 信息图/截图再设计:16:9 或 16:10,并使用 fit-contain
4. 多图网格/面板组:统一高度类,同一组内禁止混用高度

B. 用户原始图片/截图的处理

原始截图比例通常不可控,不要直接作为最终视觉标准。按下面顺序处理:

1. 如果原图比例接近目标槽位,直接放入统一 .frame-img 中,用 cover 或 fit-contain
2. 如果原图过高、过窄、过长,优先用"截图再设计 / UI 情景图"重新生成到目标比例
3. 如果一张 UI 图被拉成巨长条,拆成 2-3 张同尺寸局部面板;每个面板使用同一高度类
4. 如果必须保留原图,用 fit-contain 放进统一 frame,接受留白,不要裁掉关键文字

C. 生成提示词后缀

每个配图提示词最后都补一句规格约束:

输出必须是[16:9/16:10/4:3/3:2]横向构图,主体居中但保留边距,画面密度中等,与同组图片保持相同视觉缩放和边距。只保留核心图形/画面本身,不要生成页眉、页脚、标题、页码、角标、署名、装饰边框、超长条、竖图或不规则比例。

同一页需要多张图时,补一句:

这是一组图片中的一张,请保持与同组图片相同的画面比例、元素大小、边距、线条粗细和标注密度。

类型 1: 人文纪实照片

用于增加现场感、情绪和真实世界锚点。

生成一张横向纪实摄影配图,主题是:[页面概念]。风格像 Fujifilm / Leica editorial documentary,自然光、低饱和、轻微胶片颗粒、真实工作或生活现场,克制有人文温度。适合电子杂志 × 电子墨水 PPT,留出标题空间。不要商业摆拍、科幻界面、AI 机器人、logo 或水印。输出必须是[16:9/16:10/4:3]横向构图,主体居中但保留边距,画面密度中等。只保留核心照片本身,不要生成页眉、页脚、标题、页码、角标、署名、装饰边框、超长条、竖图或不规则比例。

类型 2: 杂志风信息图

用于解释概念、流程、对比、系统关系。

生成一张横向杂志风信息图,解释:[概念/流程/关系]。电子墨水风格,黑白灰为主,少量低饱和强调色,细线条、网格、编号、短标签、留白充足。图中文字使用[中文/英文],保持简短可读。不要卡通、3D、霓虹科技感或模板感。输出必须是[16:9/16:10]横向构图,主体居中但保留边距,画面密度中等。只保留核心信息图本身,不要生成页眉、页脚、标题、页码、角标、署名、装饰边框、超长条、竖图或不规则比例。

类型 3: 流程 / Pipeline 图

用于讲清从 A 到 B 到 C 的过程。

生成一张横向流程信息图,展示:[步骤 1] → [步骤 2] → [步骤 3] → [结果]。风格为电子杂志 × 电子墨水,细箭头、分段编号、短注释、克制留白。图中文字使用[中文/英文]。只保留核心流程图本身,不要页眉、页脚、标题、页码、角标、署名或装饰边框。比例:16:9。

类型 4: 对比图

用于 before / after、新旧模式、两种协作方式对照。

生成一张横向对比信息图,左侧是[旧模式],右侧是[新模式]。风格像高端独立杂志里的分析图,黑白灰和一个低饱和强调色,细线分栏、短标签、清晰层级。图中文字使用[中文/英文]。只保留核心对比图本身,不要页眉、页脚、标题、页码、角标、署名或装饰边框。比例:16:9。

类型 5: 系统关系图

用于多角色、多工具、多模块之间的关系。

生成一张横向系统关系图,展示:[角色/工具/模块]之间如何连接。电子墨水杂志风,节点、细线、箭头、编号和少量短注释,结构清晰,留白充足。图中文字使用[中文/英文]。只保留核心关系图本身,不要页眉、页脚、标题、页码、角标、署名或装饰边框。比例:16:9。

类型 6: 截图再设计 / UI 情景图

用于把真实截图、代码、设计稿、工作区处理成统一视觉素材。

生成一张横向 UI 情景图,把[截图/界面/工作区内容]再设计成适合杂志风 PPT 的视觉。保留真实产品工作流的感觉,使用纸张底色、细线框、网格、少量标注和克制阴影。图中文字使用[中文/英文],短而清晰。不要真实品牌 logo、花哨 dashboard、霓虹渐变或过度拟物。输出必须是16:10横向构图,主体居中但保留边距,画面密度中等。只保留核心 UI 画面本身,不要生成页眉、页脚、标题、页码、角标、署名、装饰边框、超长条、竖图或不规则比例。

类型 7: 数据大字报图

用于突出一个关键数字或少量指标。

生成一张横向数据大字报视觉,核心数字是:[数字],含义是:[含义]。风格为电子墨水杂志版式,超大衬线数字、少量短注释、细线、留白和纸张质感。图中文字使用[中文/英文]。只保留核心数据视觉本身,不要页眉、页脚、标题、页码、角标、署名或装饰边框。比例:16:9。