浏览 AI使用教程
长标题教程封面怎么排：先留文字安全区，再生成主体底图
用同一篇长标题制作横版、方版与 300px 缩略版的实际 SVG 样板，展示文字重排和主体避让；解释如何替换标题、导出和进入当前平台预览。
按实际操作顺序推进
每完成一段就检查当前输出，确认结果符合预期后再继续。
‘用小贺 API 跑通 Codex’放在左侧，裁成方图只剩‘跑通’
编辑要给一篇 Codex 教程做横版封面。生成图把电脑与界面放在右半边，左边留了标题空间；横版看起来正常，分享到方形卡片后文字前半段被裁掉。另一版让模型直接写中文，缩略图里出现错字。问题出在安全区和文字流程，而不只是提示词不够长。
本页现已提供同一标题的横版、方版和 300px 宽矢量缩略样板，文字均为独立 SVG 元素。它是排版工件，不是平台预览或 Codex 运行截图；发布界面仍需作者实际检查。
- 尺寸与安全区表
- 无字底图生成说明
- 人工文字层与缩略图验收
同一长标题分别排横版和方版，不靠直接裁切
横版 940×529、方版 500×500、缩略版宽 300px，均为教学尺寸。三版标题使用同一内容，不把方形裁切当成缩放。
横版、方版、缩略版
最长标题、主视觉和三种裁切先在一张表里定义
| 变量 | 本页教学设定 | 检查方法 |
|---|---|---|
| 标题 | 用小贺 API 跑通 Codex：安装、接入与验证 | 最长词组能否在目标字号下完整保留 |
| 横版 | 右侧为可辨识的终端或界面主体，左侧留连续低噪声空区 | 叠加标题后无文字压主体 |
| 方版 | 关键主体与标题核心词都在安全区内 | 真实裁切预览，不靠目测猜边缘 |
| 手机缩略 | 优先保留‘跑通 Codex’和品牌识别 | 按真实发布平台的缩略尺寸检查 |
| 文字处理 | 生成无字底图，中文由编辑器排版 | 检查错字、换行和对比度 |
具体像素、裁切比和安全边距必须按目标平台当前规格测量，不能把教学表当通用平台规则。
近景、场景、物件三版要围绕同一个文字安全区比较
| 候选 | 主体安排 | 适合什么时候 | 淘汰原因 |
|---|---|---|---|
| 近景界面 | 右侧终端/界面局部清晰可读 | 教程内容依赖具体工具识别 | 界面太小或虚构指令 |
| 工作场景 | 右侧桌面与操作者，左侧留浅色空区 | 希望读者理解操作发生的场景 | 元素太多挤进标题区 |
| 单物件 | 右侧电脑或键盘，主体完整 | 文章主题宽泛、无可展示操作界面 | 仅有氛围，无法辨认 Codex 主题 |
先无字成图，再加标题，最后做真实裁切预览
- 01
保存并修改样板
保存 SVG，用文本编辑器搜索“用小贺 API”“跑通 Codex”“安装、接入与验证”。三块画板分别有一份文字，改真实标题时都要同步。
查看三版文案是否一致，长行有没有碰到右边缘。 - 02
替换中性主体
需要界面时用已核对且脱敏的授权截图；无需操作细节则保留中性色块或图标。不得生成看似运行成功的假终端。
标题空间不被主体占用；事实只能来自真实截图。 - 03
按当前平台重排并导出
在编辑器建目标平台画板，分别复制横版和方版布局；保留 SVG，再导出 PNG。用草稿中的实际入口检查，不把本文的 300px 当平台标准。
由作者保存真实平台预览；本页没有该记录。
生成阶段只安排图像空间，不让模型写标题
可复制使用
生成阶段只安排图像空间，不让模型写标题
制作一张 Codex 实操教程的无字封面底图。画幅：[填目标平台实测尺寸]。主体放在右侧：一台电脑和清晰、可核对的终端操作场景；左侧连续留出足够容纳三行中文标题的低细节空间。保持主体完整，不要在画面里生成任何汉字、英文标题、Logo 或虚构的客户端成功记录。需要同时测试横版裁切与方形裁切，关键主体留在共同安全区。请另列近景界面、工作场景、单物件三种构图的利弊；输出应为无字底图，中文标题后期由编辑器排版并在实际手机缩略图中核对。
涉及真实界面、品牌标志或命令输出时，优先使用有权使用的截图和资产，不用生成画面冒充实测。
横版通过不等于缩略图通过
方图裁切后标题断词
- 原因
- 只为横版设计文字区。
- 怎么改
- 重排标题核心词至共同安全区；确实放不下时为方版单独排文字层。
生成图中的终端显示成功，但正文没有验证
- 原因
- 模型生成了看似真实的操作结果。
- 怎么改
- 移除虚构界面；用经过脱敏的实际截图或中性无字底图替代。
中文标题出现错字或不协调
- 原因
- 把准确中文交给图像模型渲染。
- 怎么改
- 只生成底图，在排版工具中添加可校对文字。
样板已经提供，发布前仍需检查真实入口
样板与发布证据的边界
横版、方版和缩略版均已绘制，标题与色块可编辑；没有平台预览、点击率或客户端成功运行证明。