Design 排版技能

概述

以 Design 排版方法论为蓝本，生成高度克制的东方极简主义排版。核心理念是让空间作品本身成为绝对主角——图像优先、留白即语言、文字极度克制。

触发条件

当用户请求中出现以下任一关键词或意图时，加载此技能：

• "Design 风格" / "Design 排版"
• "极简排版" / "反设计排版" / "艺术画廊风排版"
• 要求制作设计提案、方案文本、宣传册，并要求"高级感"、"克制"、"留白多"
• 室内设计 / 建筑设计方案的排版

重要：必须先执行三步交互式选择，再做任何排版工作

**每次调用此技能时，**必须先按顺序完成下面三个步骤的交互选择，获得用户的明确选择之后才能进入后续构建环节。不可跳过任何一步，不可替用户做主。

每一步的固定流程：

1. 调用 present_files 打开对应步骤的「参考图对比网格」HTML（见下方路径）
2. 同时调用 AskUserQuestion，给出文字选项（不合并为一次多问题提问，每步只问一个）
3. 收到用户答复后，确认选择并进入下一步

第一步：选择排版内容框架（文字选项 + Design 代表性图片）

目标：根据文档类型（页数、目标读者、节奏）确定整体排版结构。这是后续所有选择的根基。

操作：

1. 打开参考图：assets/reference_grids/step1_content_framework.html（6 种内容框架的真实样例图）
2. 询问用户（在 AskUserQuestion 中提供 6 个单选选项 A-F）：

3. 用户答复后，确认所选框架，并固化对应的底色策略和页数范围。

第二步：选择页面类型 + 布局模式（文字选项 + Design 代表性图片）

目标：先确定页面构成元素，再确定整体组织节奏。

操作：

1. 打开参考图：assets/reference_grids/step2_page_layout.html（9 种页面类型 + 4 种布局模式真实样例）
2. 第一轮（多选）：页面类型（选 2-5 个）：

3. 第二轮（单选）：布局模式：

4. 用户答复后，记录 selected_page_types（如 [01, 03, 05, 07]）和 selected_layout_mode（如 M1）。

第三步：选择整体排版色彩体系（文字选项 + Design 代表性色彩图片）

目标：在已确定的框架和页面类型基础上，确定整体色彩体系——这是排版的"皮肤"，一旦选定将贯穿全文。

操作：

1. 打开参考图：assets/reference_grids/step3_color_system.html（6 种色彩体系的真实代表页）
2. 询问用户（在 AskUserQuestion 中提供 6 个单选选项 CS1-CS6）：

3. 用户答复后，确认所选色彩体系，并固化具体的色值清单。

第四步：构建排版规则（基于以上三步选择）

将用户的三步选择转化为以下可执行的排版规则表：

第五步：生成页面（按选定的类型组合排版）

5.1 通用排版约束（适用于所有组合）

字体规则：

• 主要：无衬线体（Helvetica / 思源黑体）
• 点缀：衬线体（Didot，仅偶尔用于高定时装感）
• 英文全大写时字距拉开 50%-100%
• 禁止：手写体、卡通体、装饰体

字号层级：

品牌元素（每页必须出现至少一项）：

• 底部或顶部：项目名称标签（使用当前排版项目的实际名称，而非固定品牌名）
• 文案金句：根据项目主题自定义一句概念金句（适时出现，贯穿全文保持一致）
• 极小页码（7-9pt 浅灰），放角落
• 禁止在输出页面中出现任何设计公司/工作室名称（如 Design 等），所有品牌位置一律使用当前项目名称替代

图像规则：

• 效果图做满版出血，优先 16:9
• 降低饱和度 20-30%，统一高级灰调
• 建筑外观可做黑白色调

5.2 九种页面类型的具体规格

1. 封面页（变体由色彩体系决定）：

   • 纯黑系→黑底高级版：白/灰字
   • 纯白/白底金系→白底商务版：暖金 #C8A87C 标题
   • 暖米系→白底米色版：黑色细字
   • 黑底+亮色→黑底亮色版

2. 项目章节页：黑底 + 72-120pt 灰色渐变英文标题，垂直从左上向右下，左下角小字中文项目名

3. 效果图展示页（四种模式可选）：

   • 全幅单图（图占 100%，底部 1 行小字标签）
   • 左右分栏（左 60% 大图 + 右 40% 小图）
   • 多图拼贴（2-4 图不等分）
   • 图+平面图（渲染图 + 红色标注平面图）

4. 杂志风跨页：左 2/3 大图 + 中缝白色文字带（竖排项目信息）+ 右 1/3 纵向长图

5. 概念分析页：3D 轴测图（白/灰底）+ 红/蓝流线 + 编号方块 + 文字集中于底部

6. 材料软装页：左上角黑色小标签（如 4F : 前台接待区）+ Collage 拼贴 + 编号规格 RM00 PI-01 1PC MODEL: HANGING PICTURE SIZE: 1000×1000MM

7. 平面图页（留白占位页）：仅提供章节名称和页面标题（如 平面布置 / Floor Plan），内容区完全留白，供用户二次编辑插入实际 CAD 图纸。页面风格（底色、字号、标题位置）与整体版式保持一致，确保版面连贯性

8. 2D/3D 模型页（留白占位页）：仅提供章节名称和页面标题（如 空间模型 / Spatial Model），内容区完全留白，供用户二次编辑插入实际模型截图。页面风格与平面图页保持统一，形成"技术页面"的连贯占位体系

9. 细节图页：3-4 张特写横向排列 + 零文字 + 居中靠下

5.3 一页一主题原则

• 每页最多传达一个核心信息
• 效果图页：图占 80%+，底部一行标注
• 文字页：居中或靠边，四周大量留白
• 黑白页交替使用建立节奏
• 在黑白页之间插入章节页作为情绪过渡

5.4 留白占位页规范（平面图 / 2D·3D 模型页）

适用页面：平面布置页（07）、2D/3D 模型页（08）

核心原则：这两类技术性页面不做内容填充，仅提供版式框架，留出空间供用户在后期软件中手动编辑。

占位页结构：

占位页规则：

1. 标题必须与前后页风格统一——同样的字体、字号、位置、间距
2. 底色遵循整体色彩体系——不因留白而改变页面底色
3. 不加任何占位图/示意图/示意线——纯净留白，等待用户填入实际图纸
4. 页面尺寸与全局一致——不可因技术内容而改变页面比例
5. 连续多个占位页时——每页标题不同（如 一层平面 / 1F Plan、二层平面 / 2F Plan），但版式完全统一

第六步：输出

根据用户需求输出为以下格式之一：

输出后必提醒用户：

1. 排版的灵魂在于"让画面说话"，图像质量是排版效果的决定性因素。建议替换为项目实际效果图。
2. 所有页面品牌位置均已使用当前项目名称，不出现任何第三方设计公司名称。
3. 平面布置页、2D/3D 模型页为留白占位页，请在后期编辑软件中手动填入实际图纸/模型截图。

参考资源

• references/layout_analysis.md：完整排版参考手册（页面类型详解、色彩色值表、字号层级、图像处理指南）
• assets/reference_grids/step1_content_framework.html：第一步参考图网格
• assets/reference_grids/step2_page_layout.html：第二步参考图网格
• assets/reference_grids/step3_color_system.html：第三步参考图网格
• assets/page_types_thumb/：9 种页面类型的高清原图（用于本地参考）
• assets/color_systems_thumb/：6 种色彩体系的高清原图（用于本地参考）

与其他技能的关系

• zoo-content-logic：管内容架构（叙事逻辑、信息组织），可与本技能组合使用——本技能管"长什么样"，zoo-content-logic 管"讲什么、怎么讲"
• pptx-generator：当输出格式为 PPTX 时使用
• minimax-docx：当输出格式为 DOCX 时使用