创建营销传播图形(海报与套系)
核心目标
让没读过任务的人在三秒内读懂这张海报在说什么、五秒内相信它已经贴在街上或发在账号上。交付两样东西: 成品平面稿(每个触点、每个尺寸一张最终像素,像真实发布的海报,不打水印、不标"示意"、不用占位)和 母版文件夹(HTML/CSS 画板母版、内容插槽、素材层、色与字规范、一条命令重出全部成品)。成品给人看效果 做决定,母版让人能改内容接着出。我们做的是示例与方向,不是印刷厂文件;但示例必须像真的一样。
成品是最好的参考效果图:让看的人感到这件事能做到的上限,而不是把人的感知拉到"文档级"的下限。任何"怕被误认成
真实照片"的顾虑都用 README.md 与 POSTER-BRIEF.md 里的来源说明解决,从不用降级画面解决。
遵循五个原则:
- 分层版面是基底。 任何海报都是五层:画板 → 背景层 → 主视觉层 → 图形元素层 → 文字与品牌层。
基底是固定尺寸的 HTML/CSS 画板,不是一张生成图;版面与全部活字只在 HTML 画板里排,SVG 只做 logo 与符号的资产格式,
用 SVG 坐标排版面即基底失败。每张成品的主视觉或场景级背景必须是
image_generate产出的位图; 纯排版方向也不例外,它的背景层是有构图、光源与景深的场景级生成图。无缝材质、纸纹、噪点不算生成层。 - 一个焦点、一个主视觉、一种做法。 主视觉只有一个,只用一种做法(照片 / 抠图 / 插画 / 3D 渲染,均为生成图 或用户真图;或纯排版),不叠加第二种;标题是唯一的第一眼。手绘几何、线描图标、"抽象形态"不是主视觉做法。
- 活字不画字。 标题、副标、日期地点、价格、CTA、logo 全部是真实字体的活字或矢量;生图只出背景与 主视觉素材,prompt 里明确不要文字。
- 系列只变内容不变容器。 画板、背景做法、图形元素、标题位置、信息层位置、logo 位置是不变项; 变的只有主视觉内容与文案。
- 像真的一样。 真名称、真日期、真地点、真价格、真 logo;场景可信、拼写正确;缩小到拇指大仍能认出。用户没给的
事实用可信替身做到最终效果,并在
README.md的《替换清单》逐项列出;成品画面上永远不出现"待替换 / 待填 / 预留"。
本 Skill 只拥有海报与营销图形的领域判断。流程与证据服从共享 $visual-artifact-design。长期品牌系统转交
品牌领域并继承其批准资产;编辑出版物与学术海报转交编辑领域;独立插画与数据图表转交对应领域;只有最终
消费者是网页时才组合 $build-polished-visual-frontends,HTML 画板不把海报变成网站。
最终消费者、目标媒介和观看环境必须写入交付合同,并以最终像素或等价终态验收;字体、图像、商标和生成资产记录来源、许可与替换边界。
什么算好,七条判据(后文以代号引用):
- P1 唯一焦点:标题或主视觉之一是第一眼,其余都退后;缩到 200 px 高仍先看到它。
- P2 三级层级:钩子(标题 / 主视觉)→ 支撑(副标、日期地点)→ 细则(票价、二维码、赞助、法务), 信息层默认集中在底部约 1/5;参考或阅读顺序支持其他位置时,可整体调整并在最小系统合同中记录依据, 但日期、地点与行动入口必须容易定位,不能无规则散落。
- P3 一个主视觉一种做法:满版照片、抠图主体、插画、3D 渲染、纯排版只选一种;没有第二个抢眼视觉;主视觉不是手绘几何。
- P4 活字正确:所有文字逐字正确、字体是所选字体、字号符合观看距离;画面里没有生成的伪文字。
- P5 系列同容器:并排缩略像一套;不变项逐张 diff 为零;变量只在主视觉与文案。
- P6 尺寸即规格:每个触点用它真实的像素或毫米尺寸出图,安全区内有标题与 CTA,不是同一张图缩放。
- P7 像真的:没读过任务的人把它当成真实发布的海报;真 logo、真信息、可信场景,没有模板占位感。
0. 入口 gate:先判断这是不是本 Skill 的任务
用户不会说"我要海报",会说"做个图 / 做个宣传 / 做个封面"。读到本 Skill 不等于任务属于本 Skill。开始任何工作前对照 下面三条,三条同时成立才继续;任何一条不成立,在回复里写一行"不属 create-marketing-graphics,改按 <Skill 名>" 并转到对应 Skill,不许先做再改,也不许自由归类:
- 输出是定尺寸单帧静态平面文件:像素或毫米定死,交付 PNG/JPG/PDF;不可滚动、不可交互、不分页。
- 一帧承载全部信息:读者一次扫读完,不逐页读、不逐段读。
- 用途是传播:宣传、告知、售卖、招募、邀请、展示。
| 用户说的是 | 判定 | 去哪 |
|---|---|---|
| 海报、传单、KV、banner、社媒图、公众号头图与封面、灯箱、易拉宝、展板、广告图、单页邀请函、电商主图、节日贺图、视频封面 | 本 Skill | 继续第 1 节 |
| 微信长图、竖长推广图(定尺寸、静态、传播,但分段读) | 本 Skill,画板拉长 | 继续,尺寸清单写明总高与分段 |
| PPT、报告、手册、杂志、学术海报、任何多页或逐页读的东西 | 不是 | design-editorial-and-presentations |
| logo、VI、名片、品牌手册、标志应用规范 | 不是 | design-brand-identities |
| 网页、落地页、dashboard、任何可点可滚的界面 | 不是 | build-polished-visual-frontends |
| 数据图表、重信息图(读者是读数据,不是扫标题) | 不是 | create-data-visualizations |
| 单张无文字插画、场景图 | 不是 | create-illustrations-and-scenes |
| 单个图标、图形元素、纹样 | 不是 | design-icons-and-symbols |
边界规则:一件任务同时含海报与其他物("海报再配一版 PPT"),海报部分按本 Skill 做,其余转出并在 README 写明;
海报里的 logo 由用户提供或按品牌 Skill 产出,本 Skill 不设计标志。判定结果写进 POSTER-BRIEF.md 第一行。
1. 先读懂任务,再决定做什么
新建或大改前,先在工作区根目录(submission/ 之外)的 POSTER-BRIEF.md 写一张海报决策卡:
主体: 品牌 / 活动 / 产品的正式名称,用户提供的 logo 与既有资产
唯一承诺: 这张海报只说的那一句话(一句,不是三句)
受众与场景: 谁、在哪、停留多久、离多远看(地铁通道 3 s / 社媒信息流 1 s / 展位 10 s / 街头 5 m)
信息层内容: 日期 / 时间 / 地点 / 票价 / 二维码或 URL / CTA 动词 / 主办与赞助(逐条原文,缺的标"未提供")
用户列出的触点: 逐条原文
交付档位: single | series | social_kit | display_set | campaign_full
尺寸清单: 每个触点的像素或毫米尺寸与来源(平台规格 / 印刷规格 / 用户给定)
表达强度: quiet | editorial | loud
主视觉来源: route(truth_asset | generated_visual)+ 一句艺术指导;manual_svg / "不生成"不是合法取值
背景来源: route + 与主视觉的关系(同一场景外延 / 同一光源环境 / 从主视觉取色的纯色)+ 一句;纯排版方向必须是场景级 generated_visual,材质纹理不算;"默认暖白纸"不是合法取值
硬约束: 用户禁忌、既有品牌资产、语言、接收方
未知与阻断: 日期未定阻断什么、logo 缺失阻断什么
硬约束只来自用户要求、既有资产、语言和接收方;模型偏好的气质、色相、"想做得更完整"都不是硬约束。
信息层缺失项(公司名、嘉宾名、地址、电话、二维码):成品上用可信替身做到最终效果,替身逐项写进 README.md 的《替换
清单》;二维码生成真实可扫的码指向替身 URL。
mode 分 create / edit / govern / diagnose:create 与改变主视觉或容器的 edit 走完整流程;窄 edit
(改日期、换一张系列)只从最早失效的一步进入;govern 与 diagnose 只读复现与定位。campaign_full
档位的 campaign record、渠道合同、权利与失效传播按需读取营销传播模式。
第零步:把触点翻译成档位(选技术前必做,不许跳过)
用户提需求的方式是说场合、列触点、给日期,不会写交付清单。翻译是本 Skill 的责任:
| 档位 | 用户通常怎么说 | 成品平面稿 | 母版里必须有 |
|---|---|---|---|
single |
"做张海报",一个场合一个尺寸 | 定调帧 1 张 | hero.html tokens.css sizes.json spec.md README |
series |
"一套 / 一组 / 每场一张 / 每个城市一张" | 定调帧 + 系列 ≥ 3 张 + contact sheet | single + series.html data.json render.mjs |
social_kit |
"发朋友圈 / 小红书 / 公众号头图 / story" | 定调帧 + 1:1、4:5、9:16 三帧 | single + 每比例一份 HTML |
display_set |
"易拉宝 / 展板 / 灯箱 / 大牌 / 门头" | 定调帧 + 每种展示物一张(真实 mm 换算) | single + 尺寸换算表 |
campaign_full |
列了多个触点、说"要投放 / 供应商要用" | 以上全部 | 全部 + campaign record |
规则:用户列了两种以上载体就至少是 social_kit 或 display_set;说"一套"就是 series;只有一个场合一个
尺寸才是 single。"印刷厂要用"翻译为尺寸与出血正确、字体内嵌,不翻译为默认交付 CMYK;用户明确要 CMYK / 四色 / 喷绘时,
CMYK 是导出步骤:HTML 画板经 Playwright page.pdf 出矢量 PDF,再用 Ghostscript 转 CMYK(生产级附录有探针数据),不改变
基底、五层与生成层规则。骨架与各档位裁剪
见交付骨架。
标杆索引 gate
在形成任何方向之前,读取 references/poster-examples/INDEX.md,按第零步的翻译结果(用途 × 载体 × 视觉主导)
读取命中行的图:用途图一张(四例)加命中的载体 / 视觉图 1–2 张,再加每个任务必读的 anatomy.jpg;不通读。每张记录到
POSTER-BRIEF.md:
看到的结构(标题位置、主视觉做法、信息层位置、系列不变项)、可迁移的规则、不可复制的资产。禁止复制任何一张
的字体、色板、图形、句式或构图。用户给了既有 campaign 资产或参考时,另存实际可查看的画面并标注哪些必须沿用。
索引与 BRIEF 里没有阅读记录,不得生成任何素材或画板。
阅读记录落成 REFERENCE-CONTRACT,每条关系一行:
- fact_id: R1
source_frame: 索引里的哪张图、哪一格(或用户给的参考文件)
observed_relation: 看到的结构关系(如"标题占高 28%,信息层压在底部 18% 的色带上")
protected_axis: 迁移时不能动的轴(层级 / 面积 / 位置 / 读序)
target_object: 本任务里承接这条关系的对象(定调帧的哪一层、系列的哪个不变项)
representative_frame_evidence: 定调帧里它成立的像素证据
final_frame_evidence: 终态里它仍成立的证据
deviation_constraint: 允许偏离到哪里为止
至少一条宏观结构或读序、一条层级或面积关系、一条主视觉做法或系列不变项;只写颜色关系不算完成。
2. 立意与方向,再落到最小系统
在本节做出任何方向决定之前,完成三次阅读,顺序固定:
- 解剖:读取
references/poster-examples/anatomy.jpg。看五层怎么叠、信息层在哪、标题占多大、字号与距离 的关系;这页决定了后面所有帧的骨架。 - 标杆:按索引读取用途图(四例)与命中的载体 / 视觉图。用途图里标注(Freepik)的是模板,只学版式与层级,不学占位 文案与渐变团;真实成品连信息层与品牌落位一起学:金馬两款怎么共用一套笔触,乌镇剧目模板哪些位置不动,天猫猫头 怎么用固定容器装 14 家品牌,BOSS 直聘怎么让文字当主视觉。
- 风险:按
$review-against-ai-patterns第 1 节读取图鉴索引与标本。海报任务常命中 P 配色模板、B 表达块、 D 插画画风、G 灰色小字;命中即读,不为凑页数多读。
然后建立两份工作证据,随做随记,只记会改变文件、像素或验收的决定:
POSTER-BRIEF.md——正面:要什么。包含决策卡、档位翻译、标杆阅读记录、最小系统合同、结构候选与淘汰、
定调帧证据、KIT-MANIFEST、生成链记录、终检段。
ANTI-SLOP-CHECK.md——负面:避什么。内容、格式与结账规则见 $review-against-ai-patterns;交付前对全部成品做一次全局扫描。
最小系统合同
候选与所有帧都从这份合同出发,写进 POSTER-BRIEF.md:
画板: 触点 → 像素或毫米尺寸 → 出血 → 安全区(逐个触点)
背景层: 默认由 image_generate 生成(满版场景 / 环境 / 材质,可独立生成,也可 images=[主视觉] 外延),为主视觉服务;纯色只是例外且须从主视觉取色;一句话写它和主视觉的关系与 prompt 骨架
主视觉: 做法只选一种(满版照片 | 抠图主体 | 插画 | 抽象形态 | 纯排版);主体是什么、占画面多大、在哪
图形元素: 系列识别用的固定形状(色块 / 椭圆 / 波纹 / 徽章 / 边框);没有去处不建
标题: 字面、字重、字号相对画板高度的比例(1/4–1/3)、位置(顶部 | 中心)
文字层级: 标题 : 副标 : 信息层 : 细则 的字号比(如 100 : 45 : 22 : 14);标题字距;中西文配对
信息层: 内容清单(来自决策卡)、位置(默认底部约 1/5;其他位置记录参考或阅读顺序依据)、有无 CTA 按钮 / 二维码
色: 主色 1(HEX、职责);强调色 1;中性色 ≤ 2;深浅两种底上的文字色
系列规则: 不变项清单;可变项清单;变量来源(data.json 字段)
世界设定: 生成素材共用的场所、时段、光线、人群;所有素材发生在同一个世界
"高级、年轻、有冲击力"不是合同内容。颜色不能来自题材直译(音乐节就荧光、亲子就彩虹、科技就蓝紫渐变), 必须能说出主色在这个场景的近邻海报中的位置与它承担的职责。
结构候选
候选数量为 1 + 未决高影响分叉数,最多三个;先画三张 200 px 高的缩略草图(HTML 直接出小图即可),每张换
一个焦点方案。方向只有在改变主视觉做法、标题与主视觉的主次、信息层结构或系列容器时才不同;换颜色、字体、
背景纹理不构成新方向。候选用中性编号 A / B / C,统一尺寸与内容盲排,眯眼比较谁的焦点先被看见;分别记录
可见指纹、失败条件与淘汰理由。若区别只来自颜色或材质,全部返回。
字体选型(中西文都必须显式选型)
合同的字体行必须写明标题字、正文字的具体字面与理由;画板优先用真实字体文件(有网时按下表取,离线用镜像内 Noto CJK 出子集),裸用系统默认字体等于没有排版。标题的性格来自字重与字号的极端对比,不来自加粗默认黑体。
| 海报气质 | 中文标题 / 正文 | npm 包 | 拉丁配对 |
|---|---|---|---|
| 演出、节展、大促、loud | 思源黑体 Black / Heavy 当标题,Regular 正文 | @fontsource/noto-sans-sc |
@fontsource/anton / Space Grotesk |
| 文化、戏剧、书法感、editorial | 思源宋体 Bold 标题(或手写体单字点睛) | @fontsource/noto-serif-sc |
EB Garamond / Playfair Display |
| 人文、温度、社区、quiet | 霞鹜文楷 | lxgw-wenkai-webfont |
Inter / Source Serif 4 |
| 编号、日期、价格 | — | @fontsource/jetbrains-mono / Inter Tight |
同左 |
中文排版底线:数字与英文用拉丁字体;中西文之间留 0.25 em;标题字距收紧;标点不落行首;竖排标题用
writing-mode: vertical-rl 且只用于文化类。
画板探针 gate(生产任何素材前)
选定字体与尺寸后、生成任何图之前,先写一张只有标题、副标、信息层与色块的空画板,用 render_file(视口 = 画板 px,
scale 按触点表,motion_mode=static,output_dir=proof/probe)出图并用 preview_file 查看:证明所选中西文字体真的被
加载(无 tofu、无系统字体回退)、字号比例与观看距离成立、pages/ 像素与 document.pdf 页面 pt 等于规格换算值(含出血)。
探针失败就停下修字体或环境,不允许"先用系统字体做完再说"。探针不是定调帧,bundle 留在 proof/probe。
图像来源纪律与清单
每一层里的每个视觉对象只选一个 route,写进 POSTER-BRIEF.md 的图像来源清单(按成品逐行:层、对象、route、
真实性边界、一句为什么是这张):
| route | 适用对象 | 生产方式 |
|---|---|---|
truth_asset |
用户提供的 logo、产品照、艺人照、场地照;宣传对象是软件或网页时的真截图 | 动手前穷尽搜索任务材料并逐张查看 |
generated_visual |
主视觉、场景级背景、插画、3D 物件、材质与纹理、表现型 icon、装饰形状与示意图 | image_generate;系列变体用 images=[母图] 派生 |
standard_symbol |
二维码、箭头、标准操作符号;用户 logo 的矢量化 | 成熟符号家族或代码生成;位图 logo 用 potrace / vtracer 描(见 $visual-artifact-design references/svg-and-vector.md),不用代码重建 |
exact_graphic |
由数据、坐标、拓扑决定的图表、地图、技术图形 | 专业库或数据驱动 renderer |
不存在 manual_svg、decorative_css、placeholder_as_final 路线。SVG 是输出格式,不是路线:手写几何做主视觉、
装饰形状、流程示意、"抽象形态",都是图鉴 D 组病。表现型 icon 走 generated_visual:先生成家族母图,再用 image edit
派生,在成品尺寸下检查轮廓。色块、分隔线、网格线可以是 SVG/CSS,但它们不是视觉对象,不能顶替主视觉。
高档可得时禁止用低档:truth_asset 可得就不生成;无真图时 generated_visual 是唯一合法动作,不许留白、不许用 CSS
渐变或手写 SVG 模拟照片、材质与物件。下面这些都不是不生成的理由:"本方向不依赖材质、灯光、场景"、"使用生成图
容易被误认成真实产品照"、"纯排版风格"、"印刷要 CMYK"、"没有产品照片"、"矢量更适合印刷"。没有产品照就生成非产品的
环境或场景级主视觉;怕误认就在 README 写来源说明。要的是让人看到上限的效果图,不是把画面降到文档级。
生成失败不退回手绘:出图全黑、乱码、构图不可用时重生成或用 image edit 修正,最多两轮再换 prompt 骨架;探索图不是 资产,不能当"已生成"的证据;任何情况下不许改用代码画主视觉、图形或场景来顶替。
生成图不得标注为真实产品照或真实人物,真实性边界写在 README 与 BRIEF;成品画面上不出现任何制作过程话语或
"示意 / 待替换"字样。分辨率账:背景与主视觉的物理像素
≥ 画板对应区域的像素(印刷件按 300 dpi、大幅面按 150 dpi 计),不够就重新生成更大尺寸或缩小显示区域,
不许拉满;交付前做一次 2 倍缩放的截图对比。生成前的艺术指导与生成后的像素检查清单,读取
../build-polished-visual-frontends/references/assets-and-imagegen.md 第 4、5 节,不重写。
素材层 gate(定调帧开始前)
assets/generated/ 里至少有一张将作为主视觉或场景级背景进入成品的生成图(image_generate 传 output_dir=assets/generated),附 prompt.txt;无缝材质、纸纹、
噪点不满足本 gate。POSTER-BRIEF.md 图像来源清单有对应的 generated_visual 行。没有这一层不许开始定调帧,也不许以
"先排版后补图"跳过。harness 核查两件事:本任务发生过 image API 请求;生成像素在成品里达到主视觉量级(引用面积
≥ 画板 35%,且不是平铺纹理)。只有底纹整轮判败,与画面好坏无关。
工具清单
新建方向或更换主要工具时,在 POSTER-BRIEF.md 写工具清单,只回答七件事:能力与最难状态 / 候选与各一条
可观察理由 / 选择与为何例外最少 / 气质是否匹配 / 职责边界 / 如何服从最小系统合同 / 最终产物中如何证明它真的
工作。任何自建实现(自写抠图、自写字体渲染)必须先写调研过哪些现成工具与不用的一句理由;写不出就不许自建。
有网时外采字体、模板与素材是被允许且被期待的,来源记入 THIRD_PARTY_NOTICES.md。
3. 让成熟工具承担成熟能力
基底是 HTML/CSS 画板(按物理尺寸换算成 px)+ Raven render_file 定尺寸出图 + preview_file 自检;image_generate
只产素材层(背景、主视觉、抠图),从不产整张海报、从不画文字;图形元素用内联 SVG;系列与多尺寸由数据驱动的模板出图。
尺寸口径表、scale 取值、render_file 的位图回退事实与命令样式见实现技术路由,
本节只给路由结论:
| 交付物 | 技术 | 不这样做 |
|---|---|---|
| 画板与所有文字 | HTML/CSS,画板 px 由 mm 换算(96 px/in)或取平台像素,出血加进画板,五层固定 z 序,tokens.css 唯一色值来源,本地字体文件 |
让生成图里出现标题 / 日期 / logo;引用 CDN 字体;题目要 CMYK / 四色 / 喷绘就弃 HTML 画板改画 SVG |
| 出图与成品 | render_file(scale=印刷 4 / 大幅面与数字 2, motion_mode=static),成品一律从 bundle 的 pages/ 原样或精确缩放取得,印刷 PDF 拷 document.pdf |
自建截图脚本当主路径;拿 preview/ 缩略图当成品;向用户承诺矢量 PDF |
| 背景层 | 背景层默认也是 image_generate 的产物:满版场景、环境、材质都可以直接生成;主视觉定稿后用 image_generate(images=[主视觉]) 把它的世界外延成满版背景,或另生成同一光源的环境;只有当主视觉需要留白时才用纯色,色值从主视觉取样并在 BRIEF 写明 |
渐变团、流体、发光弧当背景;不看主视觉就铺一张默认暖白纸,两个题材同一个底色 |
| 主视觉层 | image_generate;抠图用纯色平底生成后 ImageMagick 去底;同一世界靠 images=[上一张];主视觉里要出现 logo、产品或文字实体时用多图 edit 融合(底图 + 资产 + 参考帧一次输入) |
各张各自抽卡、光线互不相干;把矢量标志或产品图贴到生成图上 |
| 图形元素 | 二维码与标准符号走 standard_symbol;表现型图标、装饰形状、示意图走 generated_visual 家族派生;只有色块、分隔线、网格线用 SVG/CSS |
每张画不同的装饰;手绘几何示意图当主视觉 |
| 系列 | data.json + series.html,render.mjs 填模板写 build/,render_file 逐张出图 |
手改每张 HTML |
| 多尺寸 | 每比例一份 HTML 共用 tokens;只重排、改裁切、改行长 | 同一张图直接缩放或裁切 |
| 展示物 / 户外 | mm → px 换算出大图;远看缩略测试 | 用 A4 稿放大 |
| 一致性与 proof | montage contact sheet;HEX 子集核对 |
人工声明"已一致" |
用户明确要求印刷厂或平台投放文件时,才读取路由文档末尾的"生产级附录"。"喷绘店要 CMYK"、"只能印四色"是交付格式要求:
HTML 画板经 Playwright page.pdf 出矢量 PDF,再按附录用 Ghostscript 转 CMYK;这不是放弃生成层、跳过探针或跳过 proof
的理由,也不是改用 SVG 排版面的理由。
4. 先完成决定成败的定调帧
在生产任何其他文件之前,先做一张定调帧:用户最主要的那个触点,真尺寸,真名称、真日期、真 logo,背景与主视觉 来自生成素材,全部文字活字,像一张已经发布的海报。
按以下顺序查看实际像素:
像不像真的:真 logo、真信息、可信场景、没有模板占位感(P7)
→ 缩到 200 px 高,第一眼是不是标题或主视觉(P1)
→ 三级层级是否成立,信息层是否按合同集中组织,日期、地点与行动入口是否容易定位(P2)
→ 主视觉是否只有一个、只用一种做法(P3)
→ 逐字校对全部文字,字号是否符合观看距离(P4)
→ 尺寸与安全区是否等于规格(P6)
→ 与两张真实同类海报缩略并排,能否一眼分出是谁
P7 与 P1 不成立时重生成素材或回到最小系统合同,不用阴影、光效、更多装饰掩盖。定调帧未通过之前,不得生产
系列、多尺寸或展示物。通过的定调帧存入 output/hero/,作为后续所有帧的参考图链起点与不变项来源。
5. 从定调帧铺开:系列、套件与母版
定调帧稳定后,两条线并行推进,都记在 POSTER-BRIEF.md 的 KIT-MANIFEST:
path / 类型(成品 | 母版 | 素材)/ 触点与尺寸 / 生成方式与参考图 / 状态 planned → built → verified / 证据
成品:按档位铺开。系列从 data.json 出,每张只换主视觉内容与文案;社媒三帧各自重排而不是缩放;展示物按真实
毫米换算出图。每帧过 P7、P1–P4、P6 才进入 verified;系列第三张完成时做一次并排缩略(P5),之后只在不变项
变化时再做。用户没点名的尺寸不做,不为"显得系统"扩张。
母版:master/ 里每个比例一份 HTML,tokens.css 唯一色值来源,fonts/ 真实字体,data.json 只含可变项,
sizes.json 记每份 HTML 的画板 px 与 scale,render.mjs 一条命令重出全部成品像素;spec.md 写画板尺寸(mm 与 px)、出血、
字号层级、色值、信息层内容与系列不变项;
assets/generated/ 每张素材附 prompt 与参考图链。成品里每个像素都能指回母版或素材。
一致性在本节执行,不留到终检:所有成品并排缩略像一套;色值只在 tokens.css 定义一次;某个触点若需要新的字体、
新的图形元素或新的标题位置,返回最小系统合同。README.md 核对清单与文件夹一致,写明档位、每个文件的尺寸与
用途、重出图命令。
6. 看见这些迹象就停下来重构
制作中出现下列任一项,立即停下并更新 ANTI-SLOP-CHECK.md:
- 生成图里出现了文字、伪文字、水印,或干脆整张海报是一张生成图(P4、原则 3 失败);
- 成品里没有任何位图层,全是排版与线描图形(原则 1、素材层 gate 失败);
- 主视觉、示意图或装饰形状是手绘几何 SVG,生成图只当底纹(route 违规、图鉴 D 组);
- 成品位图追不到任何
render_filebundle,版面没经 HTML 画板;场景图里的 logo 或产品是贴上去的,无厚度无光影; - 渐变团、流体、发光弧线、粒子当背景或主视觉;抠图人物悬浮在渐变上(图鉴 P / B 组);
- 两个抢眼视觉、两个标题、三种字体(P1、P3 失败);
- 信息层散落在四角,日期和地点找不到,二维码是占位方块(P2、P7 失败);
- 系列里每张的标题位置、logo 位置、图形元素都不一样;或者每张只是同一张图换颜色(P5 失败);
- 社媒尺寸是海报直接裁切,标题被切掉一半(P6 失败);
- 题材直译:音乐节就荧光渐变、亲子就彩虹卡通、科技就蓝紫光线、美食就暖黄光斑;
- 背景与主视觉无关:默认暖白 / 米纸底,换个题材还是同一个底色,背景没有为主视觉服务(图鉴 P 组模板病);
- "Lorem ipsum"、"your logo here"、"image not included" 一类模板残留,名称写成"某某品牌"或"贵司",画面上有 "待替换 / 待填 / 预留"(P7 失败)。
海报专项标本已回填进共享图鉴:P6 素纸底开窗、B7 生成场景上压纸色参数卡、N7 参数做成柱状图、G4/G5 免责小字、 O5 英文大写加编号眉题、D4 示意图当主视觉。上述信号按组对应:纸卡压图→B、素纸底→P、手绘几何主视觉→D、占位→H。
7. 按风险检查,不制造审查循环
- 方向检查:定调帧完成时,只看 P7、P1–P4、P6 与同类并排。
- 系列检查:系列第三张或社媒第二帧完成时做一次并排缩略,之后只在不变项变化时再做。
- 最终检查:最后一次可见修改后,打开全部成品与 contact sheet;先以首次观看者身份写下"没读过任务的人
3 秒看到什么、20 秒内能否找到日期地点或行动入口、信不信它是真的",记入
POSTER-BRIEF.md终检段;再把 定调帧与所读标杆格并排,写出"它仍强于本产物的三点",每点指到一个可改的层或对象。 - Diagnose / Audit:只读复现和定位,不进入制作轮次。
执行六个返工测试:
- 眯眼测试:每张缩到 200 px 高,第一眼必须是标题或主视觉;不是就回结构候选。
- 5-10-20 测试:5 秒读懂标题、10 秒看完主视觉、20 秒内找到日期地点或二维码;超时的那一层重排。
- 逐字校对:把成品里所有文字与决策卡的信息层原文逐字比对;生成素材里不得残留任何字形。
- 字号距离表:按观看距离核对标题与信息层字号(每 3 m 约 25 mm 字高;社媒标题 ≥ 画面高 8%)。
- 系列 diff:不变项逐张比对为零;把两张系列互换文案后仍成立,说明容器成立。
- 真实感测试:任选两张给没读过任务的视角,会不会被当成真实发布的海报;被识破的原因逐条修,不解释。
- 上限测试:把成品与所读标杆并排,问"这像一张让客户看到上限的效果图,还是像一份排版文档";像文档就回素材层 gate 补生成层或换主视觉做法。
reviewer 与 SELF_REVIEW_ONLY 规则见 $review-against-ai-patterns 第 3 节。
8. 完成条件
交付前确认:
POSTER-BRIEF.md含决策卡、档位翻译、REFERENCE-CONTRACT(每条有代表帧与终帧证据)、画板探针记录、最小 系统合同、候选与淘汰、定调帧证据、KIT-MANIFEST、图像来源清单(逐成品)、工具清单、生成链记录与终检段 (含首见描述与并排三点);无"待回填 / 待检查";- 定调帧通过 P7、P1–P4、P6,原图在
output/hero/,且早于全部其他成品; - 成品覆盖用户全部触点与档位要求的尺寸,每帧
verified,output/contact-sheet.jpg并排像一套; submission/与档位骨架一致;master/tokens.css是唯一色值来源,master/fonts/有真实字体,spec.md有字号 层级与系列不变项,README.md的重出图命令node master/render.mjs真实跑过一次且尺寸对上;- 七个返工测试有真实结论,逐字校对、真实感与上限测试没有未修的项;
assets/generated/至少一张作为主视觉或场景级背景进入成品,图像来源清单有其generated_visual行;所有新建 inline SVG 与.svg已逐项登记归类(standard_symbol/exact_graphic/ 色块网格),未登记即未完成;成品画面无"待替换"类字样, 缺失事实在README.md《替换清单》逐项列出;- 探针帧、定调帧终帧与 contact sheet 的
render_filebundle 在工作区根目录proof/(含pages/与document.pdf), 成品像素与pdfinfo页面尺寸都对上规格换算值; ANTI-SLOP-CHECK.md已按$review-against-ai-patterns的完成条件结账;- 只报告真实完成、检查范围、
SELF_REVIEW_ONLY与已知限制。
campaign_full 的 campaign record、渠道合同、权利与失效传播见营销传播模式;专业软件
的能力边界按需读取专业工具能力档案。