企业官网建设流程全解析

ppt-master 漏斗图（funnel）类型模板实战指南：从构成骨架到 AI 提示词组装

【免费下载链接】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-templates/funnel.md定义的可视化类型模板，系统讲解"漏斗图"的内部几何构成、与金字塔图的本质区别、两种文本策略（text_policy: none / embedded）的取舍，并结合image-generator.md的提示词组装管线、image_gen.py --manifest生成命令与类型对比集的真实渲染结果，给出可直接复用的实战方案。读完你将掌握：在design_spec.md §VIII中识别 funnel 适用场景、按构成骨架编写漏斗图提示词、并通过 PPT 图像生成管线落地为project/images/下的本地位图资产。

1. 什么是 funnel 类型：一个"向下收窄"的筛选结构

在 ppt-master 的类型模板体系中，type（类型）描述的是"本地信息图图像块内部的几何构成骨架"——即模型在矩形画布内绘制的内容布局。每个类型都有不可互换的布局结构：2×2 网格不是闭环循环、向上收窄的金字塔不是顶部宽大的漏斗、线性时间轴不是带箭头的顺序流程图。骨架决定了元素往哪里放（见 image-type-templates/_index.md）。

funnel是这个体系 11 种类型之一，其标准定义是：

一组顶部宽、底部窄的横向色带堆叠，代表逐级递进的转化阶段。每一级色带都比上一级更窄，暗示随着流程推进发生 attrition（流失）/filtering（筛选）。它是营销漏斗、销售管线、招聘漏斗、客户旅程转化的标准结构骨架。

原文档特别强调了一个关键区分：funnel 表达的是"筛选"（filtering），而不是"层级"（hierarchy）。它永远是"上宽下窄、向下收窄"的方向，寓意"大量进入顶部，少数到达底部"；与之相对，pyramid类型虽然也呈收敛结构，但通常向上收窄以表达层级/价值堆叠，方向语义完全不同（详见 image-type-templates/pyramid.md）。

1.1 类型是"每张图"决定的，不是"每套 PPT"决定的

需要注意的边界：type 与page_role（local/hero_page）是正交的。hero_page图片一律不选类型，改用 image-generator.md §4.1 的 A–E 构图原语；本地单主体/人像区域也不选类型；只有当page_role: local的结构化信息图确实命中目录匹配时才使用这 11 种类型——"它们是回忆工具，不是封闭集合"。当目录没有真正匹配的类型时，应该省略 type，改用自定义的 Primitive E 散文式构图。

2. 构成骨架：色带、负空间与中轴平衡

funnel.md 给出了类型模板的标准构成骨架，这是编写漏斗图提示词时"构图句"的直接来源：

┌──────────────────────────────────┐ ← Band 1 (widest) │ Awareness │ ├──────────────────────────────── ┤ ┌────────────────────────────┐ ← Band 2 (narrower) │ Interest │ ├────────────────────────── ┤ ┌──────────────────────┐ ← Band 3 │ Consideration │ ├──────────────────── ┤ ┌──────────────┐ ← Band 4 │ Conversion │ └──────────────┘

骨架的四个约束维度如下表：

这套骨架在实践中直接决定了提示词的几何描述。对比 image-type-templates/pyramid.md 可以看到二者在骨架层的差异：金字塔是"底部宽、顶部窄"的阶梯三角形堆叠，每层承载自己的标签/颜色/概念，用于能力栈、价值层级或软件架构分层；而漏斗强调的是向下的筛选与流失。

3. 两种文本策略：text_policy: none与embedded

funnel 类型支持两种文本策略，由每张图的通信目标决定，不能全局一刀切：

3.1text_policy: none— 图标入图，标签交给 SVG

每个色带只显示一个图标，阶段标签由 SVG 图层外部叠加。funnel.md 给出的提示词片段为：

NO text, letters, numbers, or stage labels in the image. Each band contains only one simple iconic symbol; SVG text overlay will add stage names externally.

（图中不得出现任何文字、字母、数字或阶段标签。每个色带只含一个简洁的标志性符号；SVG 文本叠加将在外部添加阶段名称。）

3.2text_policy: embedded— 标签直接排入画面

自包含的漏斗图，色带名称以排版形式排进作品中。要求：每个名称保持简洁、稳定、使用所需文字系统，并呼应套件正文字体。当精确/可编辑标签或过窄的色带无法保证可读性时，应把这些标签移到 SVG；否则在视觉评审（visual review）之后嵌入文字仍然有效。

3.3 两层所有权：先按可编辑性决策，而非模型能力

在 image-generator.md §5.3 中，文本被划分为两层：

• Layer 1（图像所有）：由提示词烘焙进位图。例如图内标注（坐标轴标签、A/B/C 标记、单位、比例尺、面板标签）、示意模块名、节点标签、信号路径 ID、本身即为视觉的稳定艺术字体。
• Layer 2（SVG 所有）：可编辑的<text>叠加。例如权威的套件/章节/页面标题、导航、页脚、正文项目符号、结论强调、可读的说明文字与图注。

硬性规则是"按可编辑性决策，而不是按模型能力"：Layer 1 文字永远无法被编辑、纠正、搜索、重设样式或重排。凡是必须保持精确、可搜索、可编辑、可能被改写的文字，无论text_policy写什么，都属于 Layer 2。这正是 funnel 的none策略把阶段名（Awareness / Interest / Consideration / Conversion）交给 SVG 的原因——阶段文案在 PPT 里随时可能被改写，而重生成一张图远比改一个 SVG 文字昂贵（"图内一个词=一次重生成，SVG 一个词=一次击键"）。

4. 提示词组装实战：从渲染、配色到构图句

funnel.md 提供了一个可直接复用的 fewshot 示例，这是提示词组装的核心参考：

Snippet A — vector-illustration + cool-corporate marketing funnel, text_policy: none, 600×800

Clean flat vector illustration of a marketing conversion funnel. Four horizontal bands stacked vertically, each band centered on the vertical axis and each ~20% narrower than the one above. Band 1 (top, widest): primary deep navy#1E3A5Fsolid fill, with a simple white megaphone icon centered on the left. Band 2: secondary lighter navy tint, with a heart icon. Band 3: accent gold#D4AF37, with a shopping-cart icon. Band 4 (bottom, narrowest): deeper accent gold, with a star icon. Each band has crisp straight edges and 8% drop shadow beneath. Thin secondary cream#F8F9FAdividers separate the bands. Background is calm secondary cream. Composed as a 600×800 portrait funnel block with 12% padding. NO text, letters, numbers, or stage labels anywhere — SVG will overlay all band names. Color values are rendering guidance only.

逐句拆解这个提示词，可以看到它完整遵循了 image-generator.md §4 的组装模板：

[Rendering style paragraph] + [Deck color behavior] + [Composition] + [Image-specific subject] + [Container note] + [Hard rules]

其中：

• 渲染段（Rendering）：vector-illustration是该项目的默认安全渲染，风格段落为"干净扁平矢量、粗体几何形状、自信的实色填充；1.5–2px 统一描边；形状内无渐变、颜色以纯色块应用；仅在增加深度处使用 8% 不透明度软投影；构图网格感知、平衡；图标简化到本质几何"（详见 image-renderings/vector-illustration.md）。它把颜色当作扁平编码区域而非材质模拟，HEX 值精确应用、不调色不叠加混合。
• 配色段（Deck color behavior）：cool-corporate是咨询/金融/B2B 套件的默认配色行为——secondary 浅灰#F8F9FA承载约 60–70% 画布作为呼吸空间，primary 深海军蓝#1E3A5F承载主体形状，accent 金色#D4AF37仅作少量强调点（详见 image-palettes/cool-corporate.md）。注意：该文件描述的是颜色行为而非 HEX 值本身，实际 HEX 三原色来自design_spec.colors（由 Strategist 设定），spec_lock.md colors中的角色锚点是套件身份锚，不是第二个用户选择。
• 构图段（Composition）：直接引用上文 §2 的构成骨架——"4 条横向色带垂直堆叠、每条约比上一条窄 20%、全部向垂直中轴居中"，并落实为"8% 投影、#F8F9FA细分隔线、#F8F9FA背景、600×800 竖版、12% padding"。
• 硬规则段（Hard rules）：NO text…对应text_policy: none的强制提示；"Color values are rendering guidance only" 对应 §5.1——HEX 只是渲染指引，绝不能作为可见文字出现（模型偶尔会把#1E3A5F这类色码画成可见标签，必须逐字追加该句）。

4.1 提示词预算与禁止项

组装后的完整提示词预算 150–300 词（嵌入文本的提示词更长，纯背景更短）。严禁 tag-soup——"modern, flat design, gradient, vibrant, professional, clean, 4K"这类标签堆砌会产出模型平均水平的劣质图；应写成一段连贯的视觉场景描述。对科学/学术/工程/医学等受监管题材，提示词深度可无限扩展（500–1000+ 词正常），预先缩短是被禁止的。

5. 默认容器尺寸与类型选择时机

当 design_spec.md 的资源清单（§VIII Image Resource List）未指定Dimensions列时，image-type-templates/_index.md §3 给出 funnel 的默认容器：

容器形状与类型语义强绑定：funnel 与 pyramid 都是 3:4 竖版肖像容器（一个向下收窄、一个向上收窄）；flowchart 是 3:1 横向横幅；framework/cycle 是 1:1 方形。宽高比随后会传给image_gen.py --aspect_ratio——注意每个后端只接受 CLI 并集的一个子集（例如 gemini 不支持3:1），--manifest会在发起任何请求前先对不接受该比例的后端报错失败。

5.1 何时选 funnel：Purpose 自动映射

按 _index.md §2 的自动选择表，page_role: local行在以下Purpose关键词命中时应选funnel：

Conversion funnel / sales pipeline / hiring funnel →funnel

即"转化漏斗 / 销售管线 / 招聘漏斗"三类场景。与之邻近的类型要严格区分：Process/workflow →flowchart（顺序箭头）；Hierarchy/value stack →pyramid（层级堆叠）；Closed-loop →cycle（闭环迭代）。同一套 PPT 中多类型并存是常态——渲染与套件配色全局锁定，type 则逐图变化。

5.2 与 pyramid 的辨析要点

funnel 与 pyramid 是类型体系中最容易被混淆的一对，二者的判定可以归纳为一张对照表：

6. 落地执行：manifest、生成命令与视觉评审

6.1 在image_prompts.json中登记类型

组装好的漏斗提示词写入project/images/image_prompts.json，funnel 对应的 manifest 条目形如（参考 image-generator.md §6 的 schema）：

{ "filename": "funnel_p05.png", "purpose": "Conversion funnel (Slide 05)", "type": "funnel", "page_role": "local", "text_policy": "none", "aspect_ratio": "3:4", "image_size": "1K", "prompt": "{fully assembled paragraph per §4}", "status": "Pending" }

其中type字段可选：仅当本地结构化信息图真正命中 11 种类型模板时才填；hero_page、Illustration Sheet、单主体/人像以及 §4.1 E 散文构图都省略该字段。text_policy必填（none或embedded，按 §5.3 逐图判断）。

6.2 生成路径：image_gen.py --manifest

manifest 验证通过后，Path A（API 路径）执行：

python3 scripts/image_gen.py --manifest project/images/image_prompts.json --output project/images

该命令会为每条Generated行背后的文件做校验再跳过，以有界并发迭代可重试行，并原子地写入每个条目的状态；中断是安全的（已完成条目保持Generated）。后端选择、.env查找顺序、provider key 与 OpenAI 兼容旋钮详见 scripts/docs/image.md。单图重生成形式image_gen.py "prompt" --filename …仍保留用于临时 re-roll。后端返回的是各自原生分辨率，需将实际像素回填进Dimensions；当文件远大于规划上屏尺寸时用image_treat.py --fit WxH下采样，绝不放大。

6.3 输出后的检查：文本策略与视觉评审

• 对text_policy: none的漏斗图，生成后必须确认图中没有任何文字——必要时枚举式强化提示词："no letters, numbers, words, signs, labels, captions, watermarks"。
• 对embedded策略且字符串含 CJK 字符时，允许看一眼生成文件，只回答"字符是否与批准字符串完全一致"这一个问题；不一致则重新生成该条目；同一字符连续三次重生成仍失败时，停止并把该标记改为原生文本，记录 fallback，且绝不在页面上解释。
• 页面级检查遵循 visual-review.md 的评审标准：图内文字与 SVG 叠加文字不得互相遮挡（H3）、可读性对比度不得低于 4.5（小字）/ 3.0（≥24px）（H4）、图片与说明文字间距超过 60px 或图上有无 scrim 的繁忙区文字属于软性问题（S9）等。

7. 参考案例：类型对比集中的真实漏斗渲染

项目在skills/ppt-master/references/ai-image-comparison/type/下维护了一套 11 类型的对比渲染集（_subject.md 记录了受控变量：vector-illustration渲染 +cool-corporate配色固定为基线，type 作为唯一变量，主题为"team scaling a business"）。其中funnel.png是 funnel 类型的真实生成结果，manifest 中记录的提示词与 alt 文本如下：

Clean flat vector illustration, vertical funnel composition with 4 horizontal bands stacked vertically, each band centered on the canvas vertical axis and ~20% narrower than the band above (visibly converging downward). ... Band 1 (top, widest) holds a megaphone-and-many-people icon (AWARENESS), band 2 a smaller group with handshake icon (INTEREST), band 3 a single team-around-table icon (ENGAGEMENT), band 4 (bottom, narrowest) a growth-arrow icon (CONVERSION). ... NO band labels or text. No HEX codes visible.

同一对比集中，pyramid.png以相同渲染与配色绘制了 4 层"向上收窄"的阶梯层级（culture→team→product→growth，金色 apex），与 funnel 形成直接对照——两图并列即可直观看出"向下筛选"与"向上堆叠"两种收敛方向的差异：

8. 常见问题速查

针对漏斗图类型，结合 image-generator.md §8 的调试表可整理出高频问题：

结语

funnel 类型是 ppt-master 图像类型模板体系中最具"业务语义"的骨架之一：它把营销漏斗、销售管线、招聘漏斗等场景的转化逻辑固化为一套可复现的几何构成——3–6 条向下收窄的色带、逐层 15–25% 的宽度递减、垂直中轴居中的图标阵列、随收窄放大的负空间，配合text_policy两层文本所有权模型，让"图内只留图标、阶段名交给 SVG"成为默认且可控的选择。从 funnel.md 的骨架与 fewshot，到 image-generator.md 的组装模板与image_gen.py --manifest执行管线，再到类型对比集中的真实渲染验证，这条链路可以让一张高质量漏斗图在套件内稳定复现，并始终与 deck 的渲染与配色身份保持一致。

【免费下载链接】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