ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

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

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 座新作。它的核心信息如下表条目值项目名称pritzker_2026_test_20260516画布格式PPT 16:91280×720页数11设计风格A) 通用全能型 编辑设计 / 杂志感 / 建筑摄影主导目标受众建筑/设计爱好者、设计行业从业者、文化媒体读者使用场景行业分享、设计课堂、自媒体长图、读书会演讲创建日期2026-05-16在 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 页面的几何基准属性值格式PPT 16:9尺寸1280×720viewBox0 0 1280 720页边距左右 60px / 上下 50px内容区1160×620viewBox0 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 配色方案角色HEX用途Background#F5F2EC米白宣纸底主背景Secondary bg#EDE8DE卡片/侧栏Primary#1C1C1C标题、正文Accent#B8935A编号、分隔线、强调Body text#1C1C1C正文主色Secondary text#5C5852副文、图注Tertiary text#8B8680混凝土灰页脚、辅助Border/divider#D4CFC4分隔线spec_lock.md 的colors段在 spec 之外补充了两个执行期颜色accent_light: #E8C788暖金浅色变体与scrim: #0A0A0A半透明遮罩色后者用于 hero 大图上承载文字的半透明黑底浮层scrim与35-55% 半透明黑底 scrim的版式约定对应。四、字体系统西文衬线 × 中文黑体的跨语种方案4.1 字体计划字体方向editorial CJK —— 西文衬线 × 中文黑体杂志专栏感。角色中文英文兜底标题Microsoft YaHei, PingFang SCGeorgiaserif正文Microsoft YaHei, PingFang SCArialsans-serif强调KaiTiGeorgiaserif代码—Consolas, Courier Newmonospace按角色聚合的完整字体栈标题Georgia, Microsoft YaHei, PingFang SC, serif正文Microsoft YaHei, PingFang SC, Arial, sans-serif强调KaiTi, Georgia, Microsoft YaHei, serif代码Consolas, Courier New, monospacespec_lock 中把字体族进一步细分到title_family、body_family、emphasis_family、label_family、caption_family、kai_short_family等多个命名角色如label_family: Georgia, serif这意味着执行阶段可以按角色而非字体名来解析字形——这正是 ppt-master 跨字体环境的可移植性设计中文字体缺失时自动回退到英文衬线/黑体的兜底链保证杂志感的视觉层次不塌陷。4.2 字号层级基准正文 Body 22px中等密度。用途比例项目值字重封面标题3.3×72pxBold章节/开篇标题2.2×48pxBold页面标题1.6–1.8×36–40pxBold项目大编号01–084×88pxLight Italic (Georgia)副标题1.3×28pxSemiBold正文1×22pxRegular注解/图注0.7×15pxRegular页码/脚注0.55×12pxRegular这套以正文 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而是让每页按内容性格挑节奏。四条原则相邻两页不重复 pattern同一 pattern 全 deck 不超过 2 次图比例驱动方向横图优先 hero/上下带方图优先并置竖图优先左右带同主题多图合并到一页多图组合而非拆页。原则 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 间距规范通用元素范围项目值安全边距40–60px60px内容块间距24–40px32px图标-文字间距8–16px12px非卡片容器大量 breathing/hero 页行高 1.5×全幅大图采用xMidYMid slice裁剪hero 文字浮层有 35–55% 半透明黑底 scrim不强求等宽栏文字宽度按可读性控制每行 24–32 汉字。每行 24–32 汉字是杂志排印的核心经验值——它在 1160px 内容区宽度下配合 22px 正文与 60px 边距自然限制了栏目宽度避免文字行过宽导致阅读疲劳。六、图标使用规范来源内置图标库tabler-outline描边 1.5px仅用于章节编号点缀、地理标识、年份徽章不强加于每页。用途图标路径页面地点定位tabler-outline/map-pinP03–P10每页右上时间/年份tabler-outline/calendarP02总览建筑师章tabler-outline/blockquoteP11结语翻页指示tabler-outline/arrow-rightP02图标库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 资源表节选核心条目文件名尺寸比例用途版式 pattern来源状态参考说明ando_h_rooftop.png685×5141.33P01 封面背景混凝土水景#1 full-bleed 浮动标题user已有安藤忠雄 H 美术馆屋顶水景ando_h_exterior.png1080×8101.33P03 安藤代表作主图#41 背景图 原生标注卡浮层user已有H 美术馆临河外观ando_h_interior.png667×9370.71P03 安藤副图竖图同上多图组合user已有H 美术馆室内空间chipperfield_milan_exterior.png1080×8101.33P04 奇普菲尔德主图#48 并置对比古罗马 vs 当代user已有米兰冰球馆外观zaha_tamkang_bridge.png960×6401.50P05 扎哈大桥主视觉#15 多图蒙太奇 横跨大字user已有淡江大桥流线姿态foster_shanghai_exterior.png1080×6521.66P06 福斯特大图#12 压暗底纹 巨号叠加文字user已有上海嘉艺术外观全景oma_new_museum_before.png1080×8091.33P07 OMA 扩建前#50 before/after 并置user已有纽约新美术馆扩建前zumthor_lacma_exterior.png1080×6081.78P08 卒姆托主图#14 中段横向横幅带user已有LACMA 大卫·格芬画廊横幅gehry_abu_dhabi_render1.png1080×6081.78P09 盖里渲染主图#19 留白浮图 细框图注user已有阿布扎比古根海姆主渲染kere_senegal_exterior.png818×5461.50P10 凯雷主图土砖外观#38 背景图 注解卡user已有塞内加尔歌德学院外观完整清单共 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 个 patternGroup C浮层类#19 浮图细框 → 1 个 patternGroup 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–P02P01 封面——版式 #1 full-bleed 背景 浮动标题混凝土水景为视觉锚标题2026 普利兹克奖大师季副标题8 座新作8 种深耕信息从苏州河畔到沙漠腹地·读懂顶级建筑师的思考与坚守 / 来源公众号孙琬童 / 2026P02 八位大师总览——负空间驱动 8 卡 4×2 方阵每卡只放编号 大师名 一行项目名 地理标识。八位大师及其项目编号建筑师项目地点01安藤忠雄苏州 H 美术馆中国苏州02戴卫·奇普菲尔德米兰圣朱利亚冰球馆意大利米兰03扎哈·哈迪德遗作淡江大桥中国台北04诺曼·福斯特上海嘉艺术中国上海05OMA SANAA纽约新美术馆扩建美国纽约06彼得·卒姆托LACMA 大卫·格芬画廊美国洛杉矶07弗兰克·盖里遗作阿布扎比古根海姆博物馆阿联酋阿布扎比08迪埃贝多·凯雷塞内加尔歌德学院塞内加尔达喀尔第二部分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 压暗底纹 巨号、P07OMASANAA#50 before/after 体块模型条、P09盖里遗作#19 三渲染浮层、P10凯雷#38 背景 注解卡均保持同构每页 1 个专属 pattern、1 条标题主线、3–4 条内容支线、明确的开馆/通车/开放时间锚点形成总览铺陈 → 逐项深耕 → 统一收束的叙事节奏。第三部分收束P11P11 结语所有传世皆源于深耕——负空间单元素 暖金强调引语无大图文字为主留白为主有人耗时二十年打磨一座场馆 — 卒姆托有人坚守本土人文让建筑扎根土地 — 凯雷有人突破边界、颠覆常规 — 扎哈、盖里收束语对空间、自然、人文的极致敬畏与深度思考页脚资料来源公众号孙琬童 / 致敬 8 位大师 / 2026十、演讲备注Speaker Notes要求条目要求文件命名与 SVG 同名01_cover.svg→notes/01_cover.md总时长约 12 分钟风格文化随笔式叙述温度优先于技术参数目的inform inspire与 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.pyviewBox: 0 0 1280 720全局统一背景用rect文本换行用tspan透明度用fill-opacity/stroke-opacity禁用rgba()禁用mask、style、class、foreignObject、textPath、animate*、script、g opacity字符—、·、→等用原生 Unicode禁用 HTML named entities如mdash;全幅图用preserveAspectRatioxMidYMid slice半透明 scrim 用rect fill-opacity。这六条约束的工程含义是所有视觉效果必须落在 PPTX 原生可表达的范围内。mask/foreignObject/textPath等 SVG 高级特性在导入 PPTX 时无法保证等价还原因此被一刀切禁用rgba()换成fill-opacity则是因为 OOXML 的 alpha 通道建模在元素属性而非颜色值上g opacity同样因为嵌套透明度无法在 DrawingML 中无损映射而被禁。这条安全边界让 svg_to_pptx.py 与 converter.py 的转换管线可以无降级地把 11 页 SVG 还原为原生形状、原生转场与动画的 PPTX示例的最终产物为exports/pritzker_2026.pptx含 SVG 快照版_svg.pptx。十二、从 spec 到产物的闭环本示例留下的可复用经验综合以上章节pritzker_2026 这份 design_spec 演示了 ppt-master 中一条完整的设计规格驱动生产链路规格先行用 design_spec 脚手架 定义项目信息、画布、色彩、字体、版式、图标、图片与大纲即本文主体执行锁固化spec_lock.md 将 canvas/colors/typography 的关键决策抽成执行期参数如accent_light、scrim、title_family防止生成阶段偏离设计决策模式审计量化图片资源清单的 pattern 覆盖审计提供了版式多样性的可验证指标可直接指导多页 deck 避免视觉重复约束边界先行SVG 技术约束清单把 PPTX 兼容性风险前移到设计阶段避免设计很炫、导出失败的返工。对读者而言可直接复用本示例的规格骨架把建筑摄影替换为你自己的摄影/产品/案例素材把 8 位大师的条目结构替换为目标内容保持全幅 hero 暖金强调 超大序号 多图组合的杂志排版手法即可快速产出同风格的高质感演示文稿。相关可复用资产包括 image-layout-patterns.md版式模式目录、templates/layouts7 套布局模板、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创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表