Presentation Core 4:3 布局设计规范解析面向投影仪与学术课堂的 16 页型原生 PowerPoint 布局系统【免费下载链接】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 仓库中 presentation_core_43/templates/design_spec.md 展开它是「Presentation Core 4:3」这套纯结构structure-only4:3 布局系统的官方设计规范专为仍在使用 4:3 投影设备的教室、报告厅、学术会议与固定老旧屏显的会议室设计。读完本文你将完整掌握该布局系统的画布与安全框坐标、16 种页型的槽位几何与占位符契约、签名设计元素Signature Design Elements的取舍逻辑以及它在 ppt-master 模板流水线中如何被校验、预览、注册与生成原生 PPTX。一、定位什么是「结构型布局」而不是「品牌模板」在开始逐条解读规范之前需要先明确该布局在整个模板体系中的位置。根据 layouts/README.md 的定义Layout a structure-only reusable template bundle画布、Master/Layout 结构、页型、槽位几何、语义文本角色、对齐/换行/容量行为以及 SVG 页型清单——不包含品牌色、字体字重身份、最终字号阶梯、Logo、语音或图标风格。也就是说presentation_core_43只负责回答「页面骨架怎么搭」不负责回答「最终长什么样」。规范开头就明确指出The neutral prototype paint exists only to expose hierarchy and slot geometry; it is not an identity segment. Color, typography, logo, voice, and icon treatment remain downstream decisions.原型中出现的#F4F6F8面板、#D6DCE3细线、#CBD5E1强调色块都只是用来暴露层级与槽位几何的「中性原型漆」具体配色、字体、Logo、文案风格由下游的 Deck 或品牌皮肤skin接管。这正是设计规范文档在目录结构中跳过了 Template Overview、application contract 与 identity section 的原因。从仓库索引 layouts_index.json 可以看到系统级元数据layout_id: presentation_core_43、canvas_format: ppt43、page_count: 16以及 16 种页型的完整枚举——它就是布局系统的「发现源头」discovery source of truth。二、Frontmatter 元数据逐字段解读design_spec.md 的 YAML frontmatter 是该布局的机器可读契约字段含义如下字段值含义layout_idpresentation_core_43布局唯一标识与layouts_index.json中的 key 一致kindlayout模板种类为「结构型布局」区别于brand/style/deckcategorygeneral通用类别不归属政府、专项等场景summarystructure-only 4:3 系统16 个作者编排的 PowerPoint 布局供选择阶段使用的一句话场景描述canvas_formatppt43画布格式 ID对应 PPT 4:3canvas_width/canvas_height1024/768画布像素尺寸canvas_viewbox0 0 1024 768SVG 根 viewBoxreplication_modestandard记录工作区的产生方式standard/fidelity/mirrornative_structure_modestructured工作区为结构化模式页面按计划编译其结构page_count16页型总数page_types16 个页型 key页型清单placeholders16 项占位符映射每个页型声明的{{...}}占位符集合其中canvas_format: ppt43是理解整套设计的钥匙。根据 canvas-formats.md 的格式速查表ppt43对应 PPT 4:3尺寸精确为1024x768、viewBox 为0 0 1024 768典型场景是「传统投影仪、学术演讲」。与之对照16:9 的ppt169是1280x720两者是不同的坐标系同比例画布如banner也不会混用。frontmatter 中的placeholders映射16 个页型各自的{{...}}槽位名正是下文中「页型槽位几何」的入口索引也是svg_quality_checker.py --template-mode校验「页面是否缺少常规占位符」的依据。三、Signature Design Elements4:3 画布上的七个结构性决策规范的「IV. Signature Design Elements」小节用一张表格定义了该布局区别于其他布局的结构性行为。这些决策不是装饰而是针对 1024×768 窄幅画布相对于 16:9 的宽幅做出的几何取舍逐条解读如下。ElementTemplate-specific behavior原文解读Shared frame一个克制的 Master 背景 56px 水平安全框保持页型名单连贯标题带在所有带标题页面上占据56 36 912 64内容区从 y 136 延伸到 y 712统一的 56px 左右边距构成安全框标题带x56, y36, 宽 912, 高 64与内容区y136~712是全系统统一的坐标语言Narrower column budget912px 内容宽度给每个半页列 440px、每个三分之一列 288px分栏布局中的正文相对单栏页面降一档字号保证行长可读、避免强行断词912 1024 − 2×56440 半页列两列间留 32px 沟槽288 三分之一列Vertical preference更高的字段使纵向堆叠成为首选而非退路stacked_split将页面分为两条通栏宽画布上需要左右分栏的内容在这里优先纵向分栏4:3 画布高度 768 高于宽度占比纵向堆叠比左右分栏更自然Square-leaning metric gridkpi_grid把四个指标放在一个证据面板之上的 2×2 块中而不是四个横排——横排会把每个指标压到不可读的宽度4:3 更接近正方形2×2 指标块优于 1×4 横排Image systempicture_caption使用一个占据整个左侧字段的 typedpicture槽 独立说明栏caption rail匹配 4:3 房间显示良好的近正方形裁切图片区x56,y56,616×656说明栏x696,y56,272×656Data systemchart_insight与table_summary声明 typedchart/table槽其作者编排的组保持完整 SVG fallback只有当显式请求该导出路径时可选替换元数据才能物化为 PowerPoint 原生数据对象typed 槽承诺的是槽位契约而非「已插入图片/原生对象」Text entry普通正文与对象槽从左上开始居中仅保留给 KPI 数值、短流程节点、时间轴要点与聚焦陈述对齐策略有明确边界居中不是默认值Neutral framing浅色面板与细线在原型中揭示意图区域下游 Deck 或品牌皮肤控制最终配色与开头「原型漆非身份」的定位呼应这些行为在 SVG 原型中有精确的坐标对应。以 12_kpi_grid.svg 为例四张指标卡分别为56 136 444 120、524 136 444 120、56 280 444 120、524 280 444 1202×2 块列宽 444间距 24证据面板为56 424 912 288标题带56 36 912 64与规范完全一致KPI 数值载体使用text-anchormiddle居中而证据区{{CONTENT_AREA}}从左上80 448开始——正是「居中仅保留给 KPI 数值」的实现证据。四、Page Roster16 页型清单与槽位契约规范的「V. Page Roster」小节完整列出 16 个页型。下表完整继承原文并补充 frontmatter 中的占位符契约与典型用途SVGLayout keyPowerPoint picker namePurpose原文占位符来自 frontmatter01_title_slide.svgtitle_slideTitle SlideAccent-anchored title and subtitle cover强调块锚定的标题与副标题封面{{TITLE}}、{{SUBTITLE}}02_title_content.svgtitle_contentTitle and ContentPage title over one full-width content region{{PAGE_TITLE}}、{{CONTENT_AREA}}03_section_header.svgsection_headerSection HeaderLarge section title with supporting description{{CHAPTER_TITLE}}、{{CHAPTER_DESC}}04_two_content.svgtwo_contentTwo ContentEqual left and right content regions{{PAGE_TITLE}}、{{LEFT_CONTENT}}、{{RIGHT_CONTENT}}05_comparison.svgcomparisonComparisonPaired headings over paired comparison bodies{{PAGE_TITLE}}、{{LEFT_TITLE}}、{{LEFT_CONTENT}}、{{RIGHT_TITLE}}、{{RIGHT_CONTENT}}06_title_only.svgtitle_onlyTitle OnlyTitle slot with an otherwise open canvas{{PAGE_TITLE}}07_blank.svgblankBlankZero-slot composition surface无08_content_caption.svgcontent_captionContent with CaptionMain content with a dedicated caption rail{{PAGE_TITLE}}、{{CONTENT_AREA}}、{{CAPTION}}09_picture_caption.svgpicture_captionPicture with CaptionFull-height picture slot with a caption column{{PAGE_TITLE}}、{{CAPTION}}10_hero_statement.svghero_statementHero StatementOne dominant claim with a short qualifier{{KEY_MESSAGE}}、{{SUBTITLE}}11_three_card.svgthree_cardThree-Card SynthesisThree parallel synthesis regions{{PAGE_TITLE}}、{{CARD_1}}、{{CARD_2}}、{{CARD_3}}12_kpi_grid.svgkpi_gridKPI GridFour metrics in a 2×2 block over one evidence region{{PAGE_TITLE}}、{{KPI_1..4}}、{{CONTENT_AREA}}13_process_timeline.svgprocess_timelineProcess TimelineFour ordered steps on a shared axis plus a takeaway rail{{PAGE_TITLE}}、{{STEP_1..4}}、{{KEY_MESSAGE}}14_stacked_split.svgstacked_splitStacked SplitTwo full-width horizontal bands{{PAGE_TITLE}}、{{TOP_CONTENT}}、{{BOTTOM_CONTENT}}15_chart_insight.svgchart_insightChart and InsightChart slot with SVG fallback, interpretation, and source rails{{PAGE_TITLE}}、{{KEY_MESSAGE}}、{{SOURCE}}16_table_summary.svgtable_summaryTable and SummaryTable slot with SVG fallback, summary, and source rails{{PAGE_TITLE}}、{{KEY_MESSAGE}}、{{SOURCE}}注意placeholders使用的是全大写{{...}}命名这正是 template-designer.md 定义的规范占位符约定默认词表{{PAGE_TITLE}}、{{CONTENT_AREA}}、{{KEY_MESSAGE}}、{{SOURCE}}等优先使用风格确实需要时允许替换或扩展如{{KPI_1}}、{{STEP_1}}这类风格特定扩展。校验器会在页面缺少常规占位符时给出告警frontmatter 的placeholders:映射可以显式声明以消除告警如07_blank: []断言零槽位。4.1 从 SVG 看槽位几何三张代表性原型每个页型都是一份「完整幻灯片预览」遵循 pptx-structure-interface.md 的契约。以三个典型页型为例验证几何05_comparison.svg比较页左右标题头56 136 440 64与528 136 440 64左右正文面板56 216 440 496与528 216 440 496——列宽 440 正是「Narrower column budget」中半页列的数值左右标题槽80 152 392 32、内容槽80 240 392 448正文载体字号 19低于单栏页的 20正是「分栏正文降一档字号」的实现。13_process_timeline.svg流程时间轴共享轴线170 232到854 232stroke-width 4四个节点圆r12等距排布cx 170/398/626/854间距 228四个步骤槽68 288 204 320等宽使用text-anchormiddle居中底部 takeaway 面板56 640 912 64承载{{KEY_MESSAGE}}同样居中——与「居中保留给短流程节点、时间轴要点」的规范一致。14_stacked_split.svg纵向分栏页上下两条通栏56 136 912 272与56 440 912 272正文槽80 160 864 224与80 464 864 224字号 20。这就是「Vertical preference」决策的直接体现——在 4:3 高画布上优先使用两条全宽横带而非左右分栏。五、typed 槽位与原生数据对象图片、图表、表格的导出边界规范在 Image system 与 Data system 两行强调了一个容易误解的契约picture、chart、table是typed 槽位typed slots承诺的是「槽的几何与替换语义」而不是「已插入图片或原生图表对象」。生成幻灯片时由内容供给方填充原生对象替换始终是显式的导出选择。以 15_chart_insight.svg 为例图表槽data-pptx-placeholderchart声明在76 156 576 536其载体组带data-pptx-replace-withchart与data-pptx-fallback-sha2560d80a5...属性组内以metadata typeapplication/json内嵌了完整的柱状图语义数据type: column、categories Q1-Q4、Actual/Plan 两组序列、图例位置、style中的颜色与字体同时绘制了一套完整可用的 SVG 柱状图作为 fallback。同理 16_table_summary.svg 的表格槽内嵌了ppt-master.semantic-table.v2schema 的 JSON列宽比例[3,2,2]、行高、表头/斑马纹样式、四行示例指标数据并绘制了完整表格作为 SVG fallback。这一「SVG fallback 可选原生替换」双轨机制在编译端有直接对应。svg_to_pptx打包器的 CLI 参数--native-charts-and-tables见 pptx_package/cli.pyReplace opt-indata-pptx-replace-withchart/table groups with PowerPoint native Chart/Table objects. This>python3 skills/ppt-master/scripts/svg_quality_checker.py template_source --template-mode --canonical-authoring [--format canvas_format]该命令 glob 模板目录下的*.svg强制实施 roster ↔ Design Spec 一致性孤儿/缺失文件会破坏契约并影响库级索引、校验每个 SVG 根节点声明一个输出 Master 与 Layout、拒绝普通 Master/Layoutg元素与嵌套结构标记、校验跨页 Master 相等性与同 key Layout 原子/槽位相等性页面缺少常规占位符时给出告警可用placeholders:映射消除。它校验的是作者契约authoring contract而非编译后的 OOXML 包。2. 预览编译——template_preview_pptx.pypython3 skills/ppt-master/scripts/template_preview_pptx.py authoring_workspace [--force] [--native-charts-and-tables -o distinct_path]该命令直接消费templates/*.svg把声明的结构化 Master/Layout 契约编译为authoring_workspace/exports/template_id_template_preview.pptx默认在需要时创建exports/然后重新打开结果验证每个原型一张幻灯片、Master/Layout 数量符合预期、Presentation→Master→Layout→Slide 注册精确、每个 Master 的 Theme 部件唯一、carrier-bound 占位符与注册的 Layout 占位符类型/索引/边框一致。默认预览保留可见的 Chart/Table fallback--native-charts-and-tables -o可输出 JSON 优先的替换版预览。首次导出拒绝覆盖已存在的输出--force才允许有意重导。3. 注册入库——register_template.pypython3 skills/ppt-master/scripts/register_template.py template_id --kind layout [--dry-run]在库级作用域library scope写入skills/ppt-master/templates/layouts/layout_id/注册布局并更新 layouts_index.json项目作用域project scope则使用初始化的projects/name/根目录而不注册。整套流程的入口由 create-template.md分派到 create-layout.md驱动安装侧则由 apply-template-workspace.md 与apply_template.py完成将布局映射到项目、拒绝重复 kind、--dry-run打印映射清单。七、作为「结构契约」的设计规范文档与其他文档的关系回到 design_spec.md 本身它的结构IV. Signature Design Elements V. Page Roster省略 Template Overview、application contract、identity section并非随意为之而是 layouts/README.md 中「design_spec.mdcontract」的严格执行Portable structural metadata plus rules unique to this layout; no Template Overview, application contract, or identity section——frontmattersummary携带选择上下文。Signature Design Elements只描述可复用结构网格、区域、图片行为、密度节奏、文本角色、对齐/换行/容量、槽位约定不引入调色板、字体身份、字号阶梯、目标或叙事序列Page Roster列出每个 SVG 的 Layout key、选择器名称、内容形状与槽位行为。当读者需要把这份结构「用起来」时可沿以下路径深入仓库结构契约与编译边界layouts/README.md、pptx-structure-interface.md、shared-standards-core.md占位符规范词表template-designer.md画布与字号起点canvas-formats.mdppt43的text阅读模式正文字号带为 18–21、起点 20与视觉风格组合styles/ 目录可将「方法 方向」叠加到该结构之上16 份 SVG 原型presentation_core_43/templates/如 01_title_slide.svg、05_comparison.svg、12_kpi_grid.svg、15_chart_insight.svg。八、结语一份可以照做的 4:3 布局设计清单Presentation Core 4:3 设计规范的价值在于它把「面向老式 4:3 设备的演示」这一场景翻译成了一整套可执行、可校验、可编译的结构决策——56px 安全框与统一的标题带/内容区坐标、按列宽降档的字号策略、纵向堆叠优先的分栏观、2×2 的 KPI 块、typed picture/chart/table 槽位与显式原生替换边界、以及限定场景的居中对齐规则。任何需要为教室、报告厅、学术会议或固定屏显会议室构建演示结构的开发者或 Agent都可以把这份规范连同 16 份 SVG 原型作为直接复用的蓝图并通过svg_quality_checker.py --template-mode与template_preview_pptx.py完成质量闭环。【免费下载链接】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），仅供参考