按想要的氛围选模板，制作 HTML 演示文稿

## 选模板前，先问使用场合和氛围 在读取或选择模板前，先提出两个聚焦问题。 首先询问这份演示文稿用于什么场合。 例如创始人路演、研究综述、品牌宣言、课堂开场或设计评审。 然后询问希望观众感受到什么情绪或氛围。 例如自信有力、安静文艺、温暖活泼，或深暗凝重。 选择模板前，先等待用户回答。 即使简报很详细，也不能省略这一确认关口。 不要只根据主题或行业推断审美偏好。 把用户希望传达的情感目标作为首要设计输入。 同一场合可以有多种视觉方向，因此要区分场合与基调。 只有当观众预期与正式程度相关时，才询问正式程度。 如果简报中的内容异常多或异常少，还要询问内容密度。 把明确指定的浅色、深色或混合配色偏好记录为硬性约束。 在这一确认关口中，不要开始完整制作。 问题应足够简短，让用户可以立即回答。 ## 选出三个符合氛围、差别明显的模板 打开各个模板文件前，先读取模板索引。 将回答与氛围、基调、最佳用途说明和正式程度进行匹配。 把场合作为柔性信号，而不是行业白名单。 不要根据模板与主题行业的相似程度给模板评分。 用密度比较模板展示出的承载能力与实际内容量。 当用户指定浅色或深色时，把配色方案作为硬性信号。 把不适用场景说明视为柔性警告。 用户明确表达的偏好可以覆盖柔性警告。 准确选择三个真正符合基调的候选方案。 描述候选方案时，以实际感受为主，而不是分类术语。 让三个候选方案有足够差异，形成真正可选的方向。 不要返回三个近乎相同的编辑风、企业风或活泼风变体。 条件允许时，分别提供一个直接匹配方案、一个可信替代方案和一个经过思考的重新诠释方案。 结合观众检查正式程度是否合理。 指出严重不匹配，例如为保守型董事会采用低正式度设计。 演示稿的示例页数只能证明可用版式数量，不能作为质量评分。 只有模板进入候选名单后，才完整读取其 HTML 和 CSS。 ## 用真实内容制作标题页预览 检查每个候选模板的标题页及其配套视觉体系。 预览只提取第一页幻灯片。 每份预览只保留一页，降低比较成本。 用用户的真实标题、副标题、作者和日期替换占位内容。 不要在选型预览中展示通用占位文案。 把每份预览作为独立 HTML 成果物，保存到临时预览文件夹。 使用带编号的文件名和稳定、描述清楚的短标识。 保留预览所需的同级样式表、脚本、字体和素材。 确保每份预览不依赖原模板文件夹也能打开。 保留标题页原有尺寸和响应式行为。 比较候选方案时，使用一致的浏览器视口。 用户作出选择前，不要重新设计预览。 不要通过改色、换字体或简化来改变模板的视觉特征。 确认真实的长标题能够换行，且不会碰撞或被裁切。 检查图像占位区、署名和日期格式。 展示前，在浏览器中打开每一份预览。 把目视检查视为制作的一部分，而不是可选的后续步骤。 ## 展示三个预览，等待用户选择 使用当前环境的浏览器打开方式，打开全部三份预览。 向用户发送带编号的对比。 保持编号和文件名稳定，使反馈能对应到正确候选方案。 每个选项都要包含模板名称和一行基调说明。 提供每份预览成果物的绝对路径。 让路径能够在当前界面中直接使用或点击。 说明每个候选方案为何符合期望的感受。 不要用纯文字的取舍讨论替代预览。 询问哪个选项最合适。 制作完整演示文稿前，等待用户明确选择。 不要把沉默视为批准。 如果用户否定全部三个方案，应重新理解其氛围偏好并再次筛选。 用户的审美已经明确否定某个方案后，不要继续为它辩护。 后续制作只沿用选定模板这一套视觉体系。 不要因为某一页难以设计，就在后期更换模板。 ## 保留模板样式，把每一页换成真实内容 把选定模板的完整文件夹复制到用户的项目工作区。 保留字体、字重、字距和行高。 保留完整配色和 CSS 变量。 保留版式网格、定位体系、flex 层级和间距节奏。 保留承载视觉特征的幻灯片级类。 保留颗粒、括号、几何形状、插画和手绘装饰等元素。 保留现有导航运行方式和交互模型。 替换全部标题、正文、列表项、说明文字、统计数字、姓名、日期、署名和创作者占位词。 章节标签和界面边饰中的文字也属于需要替换的创作者占位内容。 用用户的图像替换每个图像占位区，并保持相同尺寸。 根据真实内容使用合适的标题、段落、列表和图像元素。 需要更多幻灯片时，复制最接近的现有版式。 需要更少幻灯片时，从末尾移除不需要的页面。 每次改变幻灯片数量后，都要更新当前页和总页数标签。 改编每一页，不要留下示例文案或占位数字。 在模板的密度上限内，保持用户信息层级清晰。 继续下一步前，检查每个改写后的页面是否有内容溢出。 ## 用同样的样式补做缺少的页面类型 如果选定模板缺少所需的幻灯片类型，应从头设计缺失版式。 不要仅因为缺少对比表或时间线，就把问题退回给用户。 不要从其他模板导入版式。 使用相同的字体系列、字重、间距和文字层级。 只使用现有配色；如果似乎需要新的语义色，就选择最接近的现有强调色。 复用相同的装饰语汇和视觉质感。 在装饰丰富的演示文稿中，毫无装饰的页面属于设计失败。 匹配页面内边距、网格列、列间距和对齐规则。 卡片、统计、引语和说明文字应复用模板的组件语法。 匹配顶部标签、页码、角标和其他界面边饰。 以现有页面所用的同类兄弟元素插入新页面。 把新页面接入现有键盘操作、scroll-snap 或分阶段导航行为。 把新页面放在两页原有幻灯片之间进行测试。 如果看起来像从另一套视觉语言嫁接而来，就重新设计。 不要要求用户解决版式问题，应自行推进实现和验证。 ## 不改动模板的字体、配色和版式 原字体加载失败时，不要用相似字体替代。 应修复导入配置或素材路径。 不要改变强调色、背景色或中性色。 不要混用不同模板的幻灯片。 不要只因为装饰看似没有功能就移除它。 不要在选定模板内部把较旧的视觉风格改造成现代风格。 如果视觉语言不合适，应在选择阶段换用其他模板。 不要为了更容易填入内容而重构网格。 破坏版式前，先调整内容长度和信息层级。 不要为了填满占位区而扭曲图像。 裁切或重新选择符合目标宽高比的素材。 在演示文稿的目标视口中检查每一页。 检查裁切、溢出、对比度、换行和导航。 增减页面后，核对页码和总页数。 让预览版、迭代版和最终版文件始终可以进行目视测试。 ## 在浏览器中查看每个文件，并告知文件路径 在浏览器中打开每一份预览、阶段版本和最终演示文稿。 目视检查前，不要宣布成果物已完成。 发送每份成果物的绝对路径。 如果界面支持可点击路径，就让每条路径独占一行。 交付最终演示文稿时，用通用名称说明选定模板，并用一行解释其基调匹配原因。 只有注意事项会影响交付结果时，才提及它。 需要用户操作的注意事项应放在最终成果物路径旁边。 指出哪些幻灯片因原模板缺少对应版式而从头设计。 交接信息应简洁，只包含成果物、路径、理由和重要注意事项。 不要叙述完整制作过程。 确认所有必需素材都能从交付文件夹正确解析。 确认最终文件中的导航可以工作。 确认最终演示文稿中没有残留占位内容。 把浏览器验证和路径交付都视为完成条件。 任一条件缺失时，都不要报告完成。