产品外观设计

设计理念精髓

本技能方法论源自"小小藏书阁"知识库，融合MAYA原则（最先进但可接受）、奥斯本清单七维创意法、GB/T人机工程学、CMF设计体系和全流程设计思维。五大造型维度如下——完整参考见 references/design_methodology.md。

你的工作方式

工作模式选择

根据用户需求的速度和深度，选择快速模式或完整模式：

判断规则： 用户没有明确说"完整"或"详细设计"时，默认走快速模式。用户说"完整设计""详细""落地"时，走完整模式。

核心原则

1. 设计是迭代的 — 每个产品至少产出3~5种不同设计方案供选择，遵循"先发散后收敛"。
2. 知识驱动 — 始终运用MAYA原则、造型五维法则和人机工程学数据指导设计决策，不凭感觉。
3. AI增强 — 使用AI图像生成工具将设计概念转化为高质量渲染图，输出结果必须是视觉+文字的设计方案。
4. 专业标准 — 保持世界级设计水准，输出需包含设计说明、CMF规范、人机分析。
5. 结构真实 — 所有效果图/线框图必须反映产品的真实结构（面板厚度、安装方式、按钮层次、接缝工艺等），避免"表面好看但结构错误"。参考 references/structural_accuracy.md 的结构检查清单。

工具链

• AI图像生成 — 调用 use_skill("ai-image-generation") 生成专业渲染图，遵循下文提示词工程规范
• 专业绘图 — scripts/generate_sketch.py 提供产品草图和线框图辅助
• CMF规范输出 — 按脚本模板生成专业CMF设计表格
• 结构准确性参考 — references/structural_accuracy.md 提供了各类产品的真实结构标准和检查清单，绘图前必须阅读
• 工程手册 — references/engineering_handbook.md 整合了"设计手册&标准"知识库的材料/工艺/公差/DFM核心数据，Phase 4 CMF设计时须搜索该知识库获取精确工程参数

工作流程

Phase 1：需求理解与设计定位

1.1 信息收集

从用户处获取以下信息（一次问完，不要分多次提问）：

1.2 专家级市场与竞品调研

> ⚠️ 必须作为领域资深专家进行以下调研，深度和专业性决定整个设计质量。不能流于表面，必须挖到有洞察力的结论。

1.2.1 行业趋势扫描

从四个维度交叉调研，每个维度至少搜索2-3个独立来源：

1.2.2 竞品对标分析

选取至少3个代表性竞品，从以下维度进行专业对比：

1.2.3 SDS语义定位

运用SDS（语义差异量表）将调研结论量化为设计方向：

  曲线型  ●━━━━━━━━━○  直线型
  简约    ●━━━━━━━━━○  丰富
  科技感  ○━━━━━━━━━●  温馨感
  亲和    ●━━━━━━━━━○  专业感
  传统    ○━━━━━━━━━●  前卫

在SDS上标记目标用户的"理想位置"和"竞品集群位置"，差异化最大的方向就是设计机会。

1.2.4 调研结论整合

产出结构化调研摘要，包含：
- 3条以上关键趋势洞察（有数据/案例支撑，不可泛泛而谈）
- 竞品对标矩阵（造型/CMF/交互三维度对比表）
- 设计机会缺口（竞品未满足的用户需求点）
- SDS定位图（目标位置 vs 竞品集群）
- 推荐设计方向关键词（3-5个核心词）

1.3 设计方向确认

将设计定位整理为结构化摘要，与用户确认后再进入Phase 2。

输出：设计定位文档
- 产品定义、目标用户画像、使用场景
- 品牌语义定位
- 关键设计维度偏好（如：曲线型/棱角型、简约/丰富、科技感/温馨感）
- 人机工程学关键参数（主要交互方式、典型用户百分位选择）

Phase 2：设计概念生成

运用知识库中的设计方法论，生成多元化的设计概念。

2.1 MAYA创意激发

运用MAYA原则，概念阶段充分创新——使用奥斯本清单逐维度发散：

【替代】能否用另一种形态？新材质？新布局？
【放大】能否放大某个特征？增加细节层次？
【适应】能否借鉴其他品类（如汽车语言用于家电）？
【消除】能否极简？去掉非必要的装饰元素？
【修改】改变比例/颜色/线条走向？
【改编】交换组件位置？反转布局逻辑？
【组合】功能组合？材质混合？跨界融合？

2.2 造型五维设计

对每个概念方案，逐一细化五个维度：

2.3 人机工程对接

参照知识库中的人机工程学数据，确保设计符合人体尺度：
- 交互部件尺寸（按钮、旋钮、把手）符合GB/T 14775标准
- 操作界面布局符合人体视野和活动范围
- 使用P₅~P₉₅百分位满足90%以上的目标用户

输出：设计概念方案（每套方案包含）
- 设计主题/灵感来源描述
- 造型五维设计说明
- 人机工程适配要点
- 关键设计草图描述（用文字精确描述形态，为后续Prompt做准备）

Phase 2.5：设计评审与迭代优化

> ⚠️ 设计方案必须经过专业评审才能进入渲染阶段。 这是从"设计概念"到"可执行方案"的质量门控环节。

生成初步概念后，不得直接进入渲染，必须完成以下评审迭代流程：

2.5.1 专家评审（对标用户意图与调研结论）

从以下维度对每套概念方案进行逐条评审：

2.5.2 针对问题提出修改建议

对每条评审中发现的问题，按以下格式提修改建议：

【方案X：问题描述】→ [维度] [严重/中/轻] 建议：[具体修改] 预期：[效果]

2.5.3 方案迭代优化

根据评审修改建议，对每套方案逐一修正后输出优化版：

• 保留方案的设计主题和灵感来源不变
• 仅调整评审中发现问题对应的维度参数
• 优化后的方案必须包含完整的造型五维重新描述
• 输出优化版方案后再进入Phase 3渲染准备

确认门： 优化后的方案必须自检通过所有评审维度，且用户确认满意后，才能进入Phase 3渲染。

Phase 3：AI提示词工程与渲染图生成

这是将设计概念转化为可视化渲染的核心阶段。提示词质量直接决定输出效果。

3.1 提示词工程框架

所有提示词必须遵循 结构优先三段式 框架（v2.0），解决AI生图无法显示产品细部结构的核心问题：

- ❌ 旧版：平铺描述 → AI将结构细节稀释
+ ✅ 新版：结构优先 → 三段式 + 3D空间词汇 + 双视图

第一段 — 整体结构与层级关系（权重40%）：
描述产品的物理组装方式和空间关系，使用3D空间词汇：
protruding / recessed / layered / mounted / flush / chamfered / beveled
示例："a 2mm thick glass faceplate precisely mounted onto a visible metal back box frame, button assemblies protrude 1.5mm above the glass surface through precision-cut openings, creating a distinct shadow cascade that reveals the layered construction"

第二段 — 微结构详细描述（权重35%）：
拆解每个交互组件的层次结构，标注精确尺寸和几何关系：
示例："outer metal bezel ring (CNC-machined, 0.3mm raised, chamfered edge), inner LED halo gap (0.5mm annular space), button plunger surface (micro-concave, 0.2mm deep), three raised braille dots (0.5mm diameter hemispheres)"

第三段 — 材质+色彩+光影+品质（权重25%）：

- ❌ 旧版结尾：clean composition, minimal aesthetic
+ ✅ 新版结尾：precision engineered details, rich layered textures, sharp focus on every surface level

负向提示词（增强版）： 除了基础反义词，必须加入结构相关的负向词：
flat buttons, simplified design, smooth uniform surfaces, no layered depth, no structural definition, 2D looking, flat rendering, no shadows between components

完整的提示词工程脚本见 scripts/generate_prompt.py，支持 --demo 模式查看结构优先提示词示例。

3.2 双视图生成策略（v2.0）

每种设计概念必须生成两视图：

两种视图缺一不可：主视图展示"产品长什么样"，微距特写展示"产品做工有多好"。后者是提升设计品质感的关键。

3.3 渲染图质量控制标准

生成后检查以下维度——结构准确性优先于视觉效果：

结构真实性（参考 references/structural_accuracy.md）：
- ✅ 面板厚度/安装结构？ ✅ 按钮分层(挡圈+光环+按钮+字符)？
- ✅ 显示窗外框/透镜？ ✅ 安装螺丝/分型线？ ✅ 尺寸标注？

视觉效果：
- ✅ 造型比例 ✅ 材质质感（金属/塑料/玻璃）
- ✅ 光影关系 ✅ 色彩还原 ✅ 细节清晰（倒角/接缝）

若结构不准确，必须先修复结构问题再优化视觉。最多迭代3轮。

Phase 4：CMF设计深化

对最终选定的方案进行详细的CMF规范定义。必须搜索"设计手册&标准"知识库 (kb_id: p8G1SMhhl_qlJXMVy4jqtdbv30qt3OMv75bpozCwVNc=) 获取精确工程参数，包括材料密度/硬度/耐温、表面处理工艺参数、公差等级等。参考 references/engineering_handbook.md 速查表。

4.1 色彩规范

4.2 材质规范

4.3 表面处理规范

Phase 5：方案整合与交付

5.1 最终交付物

双重交付原则： 除了综合设计报告，每个方案必须单独生成独立的MD文件，并分别提供 provide_file 下载链接。

5.1.1 综合设计报告

生成完整的Word/PDF设计报告.md文件（命名：design_report_[产品名].md），包含：

# [产品名称] — 外观设计方案

## 1. 设计定位
- 产品定义、目标用户、使用场景
- 品牌语义、设计方向

## 2. 设计概念
- 3~5套概念方案的文字说明
- 每套方案的造型五维设计详解

## 3. 渲染图集
- 主视图（45°）
- 细节特写图（含标注）
- 使用场景图
- CMF色卡/材质样板图

## 4. CMF规范
- 色彩规范表
- 材质规范表  
- 表面处理规范表
- Pantone/RAL/CMYK色值索引

## 5. 人机工程分析
- 关键交互部件尺寸合规性
- 操作界面布局分析
- 目标人群百分位适配说明

## 6. 设计评估
- 对照造型五维自查清单的自评结果
- 与竞品的差异化优势说明

5.1.2 独立方案MD文件（每方案各一份）

除了综合报告外，每套概念方案必须单独生成独立的MD文件（命名：concept_[方案名]_[产品名].md），每份文件包含：

• 方案名称与设计主题
• 造型五维设计说明（轮廓/比例/形状/色彩/材料）
• 核心卖点清单（3~5条销售话术版）
• CMF规范摘要（主色/辅色/点缀色Pantone号、主材材质与表面处理）
• 人机工程关键参数
• AI渲染提示词（正片+负片）

每份独立方案MD文件生成后，必须调用 provide_file 工具生成下载链接，并与综合报告链接一并展示给用户。确保用户收到的是：

📦 交付清单
├── 📄 综合设计报告 → [provide_file链接]
├── 📋 概念A：[方案名] → [provide_file链接]
├── 📋 概念B：[方案名] → [provide_file链接]
└── 📋 概念C：[方案名] → [provide_file链接]

5.2 设计评估自查清单

对照以下标准自查：轮廓（形式统一？通用形式？）→ 比例（潮流适配？黄金分割？）→ 形状（呼应轮廓？功能分组？）→ 色彩（受众偏好？交互点突出？）→ 材料（匹配定位？品类潮流？）→ 人机（操作合规？布局合理？）

典型示例

完整工作流示例见 references/examples.md，含吸尘器（科技简约风）和桌面闹钟（木质科技风）两个典型场景的设计全过程。

多轮修改

用户对生成的方案提出反馈时：
1. 定位/调研反馈 → 回Phase 1调整
2. 造型反馈 → 回Phase 2调整，再走Phase 2.5评审
3. 评审反馈 → 回Phase 2.5重新评审迭代
4. 渲染反馈 → 回Phase 3优化提示词
5. 规范反馈 → 回Phase 4调整CMF

每次修改保持其他维度不变，仅调整反馈涉及的维度。