ppt-master 实战：pritzker_2026 杂志感建筑主题 PPT 的 Design Spec 全流程拆解

ppt-master 实战：pritzker_2026 杂志感建筑主题 PPT 的 Design Spec 全流程拆解

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

导读：本文以仓库中的实战示例examples/ppt169_pritzker_2026/design_spec.md（设计规格说明书）为骨架，完整拆解一份 11 页、16:9、由建筑摄影主导的"编辑杂志感"演示文稿从规格定义到落地的全过程。读者将掌握 ppt-master 项目中 Design Spec 的 11 个标准章节（项目信息、画布规范、视觉主题、字体系统、版式原则、图标规范、可视化清单、图片资源清单、内容大纲、演讲备注、技术约束），并理解设计规格如何通过 spec_lock（执行锁）约束 SVG 到 PPTX 的生成管线。

一、项目背景：一个"建筑大师季"示例 deck 的规格起点

examples/ppt169_pritzker_2026/design_spec.md对应一个名为pritzker_2026_test_20260516的项目：用 11 页篇幅介绍 2026 年普利兹克奖（Pritzker Prize）相关 8 位建筑大师的 8 座新作。它的核心信息如下表：

在 ppt-master 的设计体系里，这份 design_spec.md 就是生成 deck 的"宪法"。它遵循 design_spec 脚手架 的章节结构（标注了ppt-master-schema: design-spec/v1），同时对应 spec_lock 脚手架 中记录的"执行锁"——把 spec 中的画布、颜色、字体等关键决策固化为生成阶段的硬约束。

说明：examples/ppt169_pritzker_2026/目录在当前工作树中不可见，但完整内容（design_spec.md、spec_lock.md、11 页 svg_final/svg_output、notes、exports 等）保留在仓库 Git 历史中；本文以该历史版本为事实依据，并结合当前仓库skills/与templates/中的实时文档交叉验证。

二、画布规范：一切排版的原点

design_spec 的第二章给出了所有 SVG 页面的几何基准：

viewBox="0 0 1280 720"与 spec_lock 中canvas段（viewBox: 0 0 1280 720、format: PPT 16:9）完全一致，说明这一画布约定从设计规格一路锁死到执行阶段。它在 ppt-master 中对应 canvas-formats.md 定义的ppt169格式，也是 layouts/presentation_core 等布局模板的统一坐标空间——所有百分比、边距、行高都建立在这 1280×720 的绝对坐标上。

三、视觉主题：杂志感的色彩与基调

3.1 风格定位

• 风格：编辑杂志感 + 建筑摄影主导
• 主题：Light theme（浅色主题）
• 基调：克制、克难、克重——大图说话，文字点题；混凝土质感的米白底色 + 墨黑文字 + 暖金强调

"编辑杂志感"是这份 spec 的风格关键词：不追求信息堆砌，而是通过大图留白、克制配色、精准排版制造阅读节奏，让每页像杂志跨页而非传统幻灯片。

3.2 配色方案

spec_lock.md 的colors段在 spec 之外补充了两个执行期颜色：accent_light: #E8C788（暖金浅色变体）与scrim: #0A0A0A（半透明遮罩色），后者用于 hero 大图上承载文字的半透明黑底浮层（scrim），与"35-55% 半透明黑底 scrim"的版式约定对应。

四、字体系统：西文衬线 × 中文黑体的跨语种方案

4.1 字体计划

字体方向：editorial CJK —— 西文衬线 × 中文黑体，杂志专栏感。

按角色聚合的完整字体栈：

• 标题：Georgia, "Microsoft YaHei", "PingFang SC", serif
• 正文："Microsoft YaHei", "PingFang SC", Arial, sans-serif
• 强调：KaiTi, Georgia, "Microsoft YaHei", serif
• 代码：Consolas, "Courier New", monospace

spec_lock 中把字体族进一步细分到title_family、body_family、emphasis_family、label_family、caption_family、kai_short_family等多个命名角色（如label_family: Georgia, serif），这意味着执行阶段可以按"角色"而非"字体名"来解析字形——这正是 ppt-master 跨字体环境的可移植性设计：中文字体缺失时自动回退到英文衬线/黑体的兜底链，保证杂志感的视觉层次不塌陷。

4.2 字号层级

基准：正文 Body = 22px（中等密度）。

这套以"正文 22px = 1×"为基准的比例系统很有借鉴价值：封面标题 72px 是正文的 3.3 倍，而"项目大编号 88px"以 Georgia Light Italic 呈现，是杂志排版中典型的"超大序号"手法——用巨大的淡斜体数字建立视觉锚点，与 3.2 节的暖金强调色配合，形成每页的"章节呼吸感"。

五、版式原则：不预设主导 pattern 的"按页配节奏"

5.1 页面三段式结构

• 页眉区：50–100px（编号 + 章节锚标）
• 内容区：约 520px（图文主体）
• 页脚区：30–40px（页码、来源、品牌锚）

5.2 版式模式库（Layout Pattern Library）

这份 spec 的特别之处在于不预设主导 pattern，而是让每页按内容性格挑节奏。四条原则：

1. 相邻两页不重复 pattern；
2. 同一 pattern 全 deck 不超过 2 次；
3. 图比例驱动方向（横图优先 hero/上下带，方图优先并置，竖图优先左右带）；
4. 同主题多图合并到一页（多图组合）而非拆页。

原则 3"图比例驱动方向"直接体现在 §VIII 图片资源清单中：竖图（ratio < 1，如ando_h_interior.png0.71、kere_senegal_courtyard.png0.67）全部作为副图/内嵌小图使用，而横图（ratio ≥ 1.33）承担 hero 主图、full-bleed 背景或横幅带。

这些 pattern 编号（#1、#12、#14、#15、#19、#38、#41、#48、#50）来自 ppt-master 的 image-layout-patterns.md 模式目录。需要说明：当前仓库该目录使用两段式 ID（如#P1-01、#P3-03，字母表示构图职责、数字选族），而 pritzker 示例使用了更早的单编号体系（#1–#50）；二者的对应关系可结合该目录的"构图语法"（Primary Structures / Modifier Layers / Asset-Dependent / Cross-Page 四族）理解——例如本 spec 中的 #1 full-bleed 即#P1-01 Full-bleed title field的语义，#48/#50 对应#P3-03 Before/after or A/B comparison的多图对比族。

5.3 间距规范

通用：

非卡片容器（大量 breathing/hero 页）：

• 行高 1.5×；
• 全幅大图采用xMidYMid slice裁剪；hero 文字浮层有 35–55% 半透明黑底 scrim；
• 不强求等宽栏；文字宽度按可读性控制（每行 24–32 汉字）。

"每行 24–32 汉字"是杂志排印的核心经验值——它在 1160px 内容区宽度下，配合 22px 正文与 60px 边距，自然限制了栏目宽度，避免文字行过宽导致阅读疲劳。

六、图标使用规范

• 来源：内置图标库tabler-outline（描边 1.5px）；
• 仅用于章节编号点缀、地理标识、年份徽章，不强加于每页。

图标库tabler-outline是 ppt-master 内置的描边风格图标集（仓库中位于 templates/icons/tabler-outline，共 5000+ 个 SVG）。spec 中标注了"描边 1.5px"与"仅作点缀"的纪律，避免图标喧宾夺主——这是杂志感设计"少即是多"的落地体现。

七、可视化清单：明确"无图表"

无数据可视化页。本 deck 完全图文叙事驱动，无图表。

这一节虽然只有一句话，但它是有意的规格声明而非省略：在 ppt-master 的图表体系中（如 templates/charts 下的 30+ 种原生图表模板），是否使用图表必须显式声明。pritzker_2026 选择纯图文叙事，意味着所有页面不需要生成 Chart XML、不触发 executor-chart.md 的图表管线，也节省了 native-data-interface.md 的数据绑定环节——规格在这里起到了"管线裁剪"的作用。

八、图片资源清单：27 张图的调度与审计

8.1 资源表（节选核心条目）

完整清单共 24 个条目、27 张图（含 3 张备用图：oma_new_museum_interior.png、zumthor_lacma_interior.png、kere_senegal_interior.png），全部标记为user来源、Existing状态——即使用用户已有的摄影素材，不依赖 AI 生图（对应 image-layout-patterns.md 中"消费项目本地资产，不在 SVG 实现期进行获取或处理"的资产所有权约定）。

8.2 版式覆盖审计（Layout Pattern Coverage Audit）

规格对 pattern 使用做了显式审计，这是本文件最有工程价值的段落之一：

• Group A（容器类）：#1 封面、#12 压暗底纹、#14 中段横幅、#15 蒙太奇+文字 → 4 个 pattern
• Group C（浮层类）：#19 浮图细框 → 1 个 pattern
• Group D（图即画布类）：#38 背景+卡片、#41 背景+标注卡 →2 个 pattern，满足 Group D 覆盖硬约束
• Group E（多图类）：#48 并置、#50 before/after → 2 个 pattern
• 总计：9 个不同 pattern 跨 4 组；无任何 pattern 使用超过 2 次；相邻页无重复。

这一审计意味着：spec 不仅在"选图"，还在"编排模式多样性"层面做了可量化检查——9 个 pattern、每组至少 1–2 个、单 pattern 上限 2 次、相邻不重复，四个条件同时满足，从结构上杜绝了视觉重复感。

九、内容大纲：11 页三幕式叙事结构

第一部分：开篇（P01–P02）

P01 封面——版式 #1 full-bleed 背景 + 浮动标题（混凝土水景为视觉锚）：

• 标题：2026 普利兹克奖大师季
• 副标题：8 座新作，8 种深耕
• 信息：从苏州河畔到沙漠腹地·读懂顶级建筑师的思考与坚守 / 来源：公众号孙琬童 / 2026

P02 八位大师总览——负空间驱动 + 8 卡 4×2 方阵，每卡只放编号 + 大师名 + 一行项目名 + 地理标识。八位大师及其项目：

第二部分：8 座新作逐一深耕（P03–P10）

每页遵循"一个建筑师 = 一种版式 pattern"的规格，并携带标题、副标题（建筑师 + 获奖年份 + 时间节点）与 3–4 条叙事要点。节选三页示范 spec 的"规格-内容"对应关系：

P03 安藤忠雄——版式 #41（横图为底 + 左侧浮卡 + 右上竖图内嵌）：

• 标题：在江南园林里写一首混凝土诗
• 副标题：安藤忠雄 · 1995 年普利兹克奖 · 2026.1 开馆
• 要点：立体园林—回游性设计理念；清水混凝土材质语言（摒弃装饰，几何线条 × 光影留白）；屋顶以水为主题的空间叙事；核心理念"让建筑归于自然，让艺术治愈人心"。

P05 扎哈·哈迪德（遗作）——版式 #15（三图横向蒙太奇 + 上方半透明深色横幅承载大标题）：

• 标题：跨越江河的流动态势
• 副标题：扎哈·哈迪德 · 2004 年普利兹克奖 · 2026.5.12 通车
• 要点：全长 920 米，全球同类型最长跨度单塔不对称斜拉桥；100% 还原扎哈生前理想化设计；工程力学 × 先锋美学的融合；"永不设限"——大师已逝，思想延续。

P08 卒姆托——版式 #14（顶部留标题、中段横幅大图、底部叙事文字）：

• 标题：20 年打磨的诗意艺术方舟
• 副标题：彼得·卒姆托 · 2009 年普利兹克奖 · 2026.5.4 开放
• 要点：耗资 7.24 亿美元、32,293 ㎡、历时 20 年；七座极简混凝土亭子横跨威尔希尔大道；摒弃艺术品等级化；"建筑是场所的诗意容器"。

其余 P04（奇普菲尔德，#48 并置对比）、P06（福斯特，#12 压暗底纹 + 巨号）、P07（OMA+SANAA，#50 before/after + 体块模型条）、P09（盖里遗作，#19 三渲染浮层）、P10（凯雷，#38 背景 + 注解卡）均保持同构：每页 1 个专属 pattern、1 条标题主线、3–4 条内容支线、明确的开馆/通车/开放时间锚点，形成"总览铺陈 → 逐项深耕 → 统一收束"的叙事节奏。

第三部分：收束（P11）

P11 结语：所有传世，皆源于深耕——负空间单元素 + 暖金强调引语（无大图，文字为主，留白为主）：

• 有人耗时二十年打磨一座场馆 — 卒姆托
• 有人坚守本土人文，让建筑扎根土地 — 凯雷
• 有人突破边界、颠覆常规 — 扎哈、盖里
• 收束语：对空间、自然、人文的极致敬畏与深度思考
• 页脚：资料来源：公众号"孙琬童" / 致敬 8 位大师 / 2026

十、演讲备注（Speaker Notes）要求

"与 SVG 同名"的约定使备注文件与页面一一对应，这是 ppt-master executor-notes.md 与 notes_to_audio.py 等工具链的输入基础——备注不仅是"讲稿"，还可作为 TTS 音频旁白的来源（见 audio-narration.md）。

十一、技术约束清单：SVG 到 PPTX 的"安全边界"

design_spec 最后一章是执行期硬约束，它直接对应 ppt-master 的 SVG 编写规范（可对照 semantic-svg.md、svg_authoring_contract.py 与 svg_quality_checker.py）：

1. viewBox: 0 0 1280 720（全局统一）；
2. 背景用，文本换行用；
3. 透明度用fill-opacity/stroke-opacity，禁用rgba()；
4. 禁用：mask、、class、foreignObject、textPath、、、；
5. 字符—、·、→等用原生 Unicode，禁用 HTML named entities（如—）；
6. 全幅图用preserveAspectRatio="xMidYMid slice"；半透明 scrim 用。

这六条约束的工程含义是：所有视觉效果必须落在 PPTX 原生可表达的范围内。mask/foreignObject/textPath等 SVG 高级特性在导入 PPTX 时无法保证等价还原，因此被一刀切禁用；rgba()换成fill-opacity则是因为 OOXML 的 alpha 通道建模在元素属性而非颜色值上；同样因为嵌套透明度无法在 DrawingML 中无损映射而被禁。这条"安全边界"让 svg_to_pptx.py 与 converter.py 的转换管线可以无降级地把 11 页 SVG 还原为原生形状、原生转场与动画的 PPTX（示例的最终产物为exports/pritzker_2026.pptx，含 SVG 快照版_svg.pptx）。

十二、从 spec 到产物的闭环：本示例留下的可复用经验

综合以上章节，pritzker_2026 这份 design_spec 演示了 ppt-master 中一条完整的"设计规格驱动"生产链路：

1. 规格先行：用 design_spec 脚手架 定义项目信息、画布、色彩、字体、版式、图标、图片与大纲（即本文主体）；
2. 执行锁固化：spec_lock.md 将 canvas/colors/typography 的关键决策抽成执行期参数（如accent_light、scrim、title_family），防止生成阶段偏离设计决策；
3. 模式审计量化：图片资源清单的 pattern 覆盖审计提供了"版式多样性"的可验证指标，可直接指导多页 deck 避免视觉重复；
4. 约束边界先行：SVG 技术约束清单把 PPTX 兼容性风险前移到设计阶段，避免"设计很炫、导出失败"的返工。

对读者而言，可直接复用本示例的规格骨架：把"建筑摄影"替换为你自己的摄影/产品/案例素材，把 8 位大师的条目结构替换为目标内容，保持"全幅 hero + 暖金强调 + 超大序号 + 多图组合"的杂志排版手法，即可快速产出同风格的高质感演示文稿。相关可复用资产包括 image-layout-patterns.md（版式模式目录）、templates/layouts（7 套布局模板）、templates/icons/tabler-outline（图标库）以及 getting-started.md（上手指南）。

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