design-deep-research

name	design-deep-research
description	平面设计深度调研：输入设计需求（文字+可选参考图链接），自动在国内外各大设计平台采集素材→聚类分析审美规律→输出图文HTML调研报告+可复用的生图Prompt。 用途：帮助设计师快速了解某个设计方向的风格趋势、视觉特征和可操作方法。 触发词：「调研」「设计调研」「设计方向」「风格调研」「灵感调研」「帮我看看XX风格」「做设计调研」「搜集XX素材」「深度调研」 即使用户只是说「我想做XX风格的设计」「帮我找找灵感」「XX风格怎么做」也可触发。

平面设计深度调研 · 设计灵感与风格分析系统

「好的设计不是凭空产生的，是站在大量参考的肩膀上。」

核心理念

这是一个面向平面设计师的深度调研技能，不是直接生成设计的技能。

它的工作方式：

• 调研设计师的需求，确定方向
• 采集国内外各大平台的素材
• 分析素材的视觉规律，提炼审美特征
• 分类归纳出有区分度的设计方向
• 输出图文 HTML 报告，附带可复用的生图 Prompt

关键区分：不是代替设计师做设计，而是帮设计师快速搞清楚"有哪些风格方向可选，每种长什么样，怎么下手"。

---

执行流程

Phase 0: 需求理解与调研规划

Step 1: 接收输入

接收用户的输入，包含：

• 文字描述（必填）：设计需求，包括：
  • 设计类型：海报/品牌/包装/插画/UI/画册...
  • 行业/领域：科技/消费/文化/教育/快消/时尚...
  • 调性关键词：科技感/温暖/高端/年轻/极简/复古/先锋...
  • 目标用途：线上传播/线下物料/品牌升级/产品包装...
• 参考图链接（可选）：1-3张参考图片的 URL

Step 2: 需求解析

解析需求的各维度：

维度	解析目标	示例
设计类型	确定搜索的作品类型	海报、品牌VI、包装、画册
行业属性	确定行业视觉惯例和趋势	科技(极简/蓝紫)、快消(鲜艳/高饱和)
调性关键词	提取可搜索的风格词	科技感、温暖、极简、孟菲斯
用途场景	确定展示形式和构图偏好	线上(竖屏)、线下(横版/异形)

如果有参考图链接：

• 分析参考图的视觉特征：色彩、构图、排版、图形风格、材质
• 用分析结果作为"风格锚点"，优化搜索关键词
• 参考图的特征会体现在最终的 Prompt 中

Step 3: 制定调研计划

根据需求类型，从 references/platform-guide.md 中选择推荐平台组合，确定：

• 覆盖哪些平台（根据需求选择子集，非必全）
• 中英文关键词组合
• 预计覆盖 3-5 个设计方向

---

Phase 0.5: 创建调研目录

收到确认后创建调研目录结构：

design-research/[需求slug]/
├── report.html                      # 最终HTML报告（Phase 3生成）
└── references/
    ├── 01-international-inspiration.md  # Behance + Dribbble + Pinterest
    ├── 02-mockup.md                     # Mockup World + Graphic Burger + Yellow Images
    ├── 03-asset-libraries.md            # Freepik + Vecteezy
    ├── 04-image-galleries.md            # Unsplash + Pexels
    ├── 05-domestic-platforms.md         # 站酷 + 花瓣 + 古田路9号 + 大作网 + 优设网
    └── sources/                         # 关键素材链接汇总

完成检查：

• 目录已创建
• 用户需求已解析完毕
• 参考图（如有）已完成视觉分析
• 调研平台已选定
• 关键词组合已确定

---

Phase 1: 多平台并行素材采集（Agent Swarm）

根据需求类型和平台选择，启动并行 sub-agent。每个 Agent 负责一类平台组合。

素材采集 Agent 分组

Agent	目标平台	搜索重点	输出文件
1 国际灵感	Behance + Dribbble + Pinterest	品牌全案/VI/版式/插画/概念稿/趋势方向	01-international-inspiration.md
2 Mockup	Mockup World + Graphic Burger + Yellow Images	样机类型/质感/展示方式/3D样机	02-mockup.md
3 素材库	Freepik + Vecteezy	矢量图/插画/模板/装饰素材	03-asset-libraries.md
4 图库	Unsplash + Pexels/Pixabay	高清摄影/背景图/配图/免版权	04-image-galleries.md
5 国内平台	站酷 + 花瓣 + 古田路9号 + 大作网 + 优设网	国内设计趋势/商业全案/教程素材	05-domestic-platforms.md

Agent Prompt 模板（以 Agent 1 国际灵感为例）：

你的任务：在 Behance、Dribbble、Pinterest 上搜索与 [需求关键词] 相关的设计素材。

搜索方向：
- Behance：搜索完整项目，关注品牌全案、VI系统、版式设计、包装设计。注意项目描述和标签。
- Dribbble：搜索插画风格、色彩搭配、版式概念稿。
- Pinterest：利用瀑布流发散，捕捉风格趋势方向。

搜索关键词：[中英文关键词组合]

输出要求：
- 写入 [调研目录]/references/01-international-inspiration.md
- 每个素材记录：标题、作者、平台、URL链接、1-2句视觉特征描述
- 按风格倾向打标签（如「极简」「渐变」「几何」「孟菲斯」等）
- 区分素材类型：灵感参考 / 可用素材 / 样机
- 每条标注来源URL

硬性要求：
- 不使用百度图片、微信公众号、知乎
- 海外平台用英文关键词，国内平台用中文关键词
- **必须确保记录的所有素材和图片 URL 链接是真实可访问的，绝不允许编造任何虚假链接**
- **若某个平台搜索无结果，须在该文件里如实记录「未查询到该平台的相关素材」，并注明已尝试过的关键词与具体原因，不得用无关或虚假内容填充**

Agent 无结果或超时处理：

• 单个 Agent 搜索无结果或超时 5 分钟无有价值结果 → 不等待，在 Phase 1.5 中标注该维度「未查询到具体内容」并详细说明原因（如：平台无相关匹配、网络请求失败等）
• 整体素材数量不足或完全没有找到（例如 < 30 个） → 告知用户当前素材量有限，若没有任何匹配需求的真实素材，应明确回复「未查询到具体内容」，并给出已调研的范围、关键词与具体原因，拒绝任何虚假内容或虚假链接的编造

如果用户提供了参考图链接：

• 先分析参考图的视觉特征（色彩、构图、排版、图形风格、材质）
• 用分析结果优化搜索关键词
• 在所有 Agent 的 prompt 中增加："用户提供的参考图风格锚点为：[分析结果]，搜索时优先匹配类似风格"

---

Phase 1.5: 素材Review检查点

所有 Agent 完成后，暂停展示调研质量摘要：

┌──────────────────┬──────────┬──────────────────────────────┐
│ Agent            │ 素材数量  │ 主要风格倾向                  │
├──────────────────┼──────────┼──────────────────────────────┤
│ 1 国际灵感       │ N个      │ 极简/渐变/几何...            │
│ 2 Mockup         │ N个      │ 3D/高端质感/实景融合...      │
│ 3 素材库         │ N个      │ 矢量/插画/模板...            │
│ 4 图库           │ N个      │ 摄影/故事感/光影...          │
│ 5 国内平台       │ N个      │ 品牌全案/商业落地...          │
├──────────────────┼──────────┼──────────────────────────────┤
│ 素材总量         │ N个      │                              │
│ 初步风格分类      │ N类      │ 列表                        │
│ 信息不足维度      │ X个      │ 列表                        │
└──────────────────┴──────────┴──────────────────────────────┘

用户确认素材质量 OK → 进入 Phase 2。 用户觉得某方向不够 → 补充采集。

---

Phase 2: 风格分析（Synthesis）

2.1 素材聚类

1. 标签化：读取 5 个 Agent 的采集文件，给每个素材按视觉特征打标签
2. 聚类：根据标签重叠度，将素材分为 3-5 个候选聚类
3. 精炼：
   • 合并小聚类（<3 个素材的合并到最近的大类）
   • 拆分大聚类（跨度过大的拆分为子方向）
   • 确保每类 ≥3 个参考案例
4. 命名：每个方向取一个有辨识度的风格名称

区分度检查：

• 两个方向在 ≥2 个视觉维度上有明显差异
• 每个方向能用一句话说清"这是什么风格"
• 不存在"浅色版 vs 深色版"这种单一维度的渐变

2.2 每类风格的审美分析

对每个设计方向，按 references/analysis-framework.md 中的 7 个维度进行独立分析：

维度	分析内容
色彩	主色调/辅助色/配色逻辑/饱和度/明度/色彩情绪
排版	字体风格/层级结构/留白模式/对齐方式/排版节奏
图形	图形语言/图标风格/插画风格/图形密度/图形来源
材质与光影	纹理/渐变/阴影/发光/玻璃态/立体感
构图	布局结构/视觉重心/比例关系/破格手法/视线引导
情绪	调性关键词/目标感受/适用氛围
典型手法	3-5个该方向常用的具体设计技巧

2.3 生图 Prompt 推导

对每个方向，基于其视觉特征推导适配 nano banana / image2 的生图 Prompt。

Prompt 结构：

[主体/主题]，[风格/流派]，[色彩描述]，[材质/光影]，[构图/视角]，[氛围/情绪]，--ar [宽:高] --style [选项]

Prompt 要素映射：

Prompt 要素	从分析维度映射
主体/主题	设计类型 + 行业领域
风格/流派	图形语言 + 排版风格
色彩描述	主色调 + 配色逻辑
材质/光影	纹理 + 光影 + 渐变
构图/视角	布局结构 + 视觉重心
氛围/情绪	情绪调性关键词

Prompt 生成原则：

1. 基于实际调研到的视觉特征，不能编造
2. 如果用户提供了参考图，Prompt 中体现参考图的风格锚点
3. 用 [占位符] 标注用户需要替换的部分
4. 每个参数标注调节方向（"增大 → 更X，减小 → 更Y"）
5. Prompt 必须使用中文撰写，英文仅保留模型识别关键词（如 --ar、--style、色彩名、材质名等）

Prompt 语言要求：

• 所有 Prompt 必须使用中文撰写
• 英文术语保留（如 --ar、--style、色彩名、材质名等模型识别关键词）
• 描述性内容用中文，技术参数用英文
• 示例：

  [产品主体]，[风格名称]风格，[主色调]为主[配色逻辑]配色，[材质描述]，[构图方式]，[情绪氛围]，--ar 16:9 --style raw
  

2.4 方向间对比

• 各方向的异同点总结
• 不同方向的适用场景对比
• 方向之间的过渡关系（能否混搭、如何混搭）

---

Phase 2.5: 分析确认检查点

展示分析结果摘要给用户确认：

提炼结果摘要：
- 设计方向：N个（列出名称）
- 每个方向核心特征：[简要]
- Prompt 示例：[展示1-2个]
- 方向间区分度：[评估]

用户确认 OK → Phase 3 生成报告。 用户觉得某个方向不准或缺少 → 回到 Phase 2 调整。

---

Phase 3: HTML 报告生成

Step 1: 读取模板

读取 references/report-template.html 获取 HTML 报告骨架。

Step 2: 填充内容

按模板中的占位符，将 Phase 2 的分析结果填入：

占位符	填充内容
{TITLE}	设计需求标题
{SUBTITLE}	一句话描述
{SOURCE_COUNT}	素材总量
{DIRECTION_COUNT}	方向数量
{PLATFORM_COUNT}	覆盖平台数
{REQUIREMENT}	用户原始需求
{SCOPE}	调研范围描述
{KEYWORDS}	使用的关键词
{REFERENCE_ANALYSIS}	参考图分析（如有）
{DIRECTIONS}	所有方向的 HTML 内容
{SUMMARY_CARDS}	审美规律总结卡片
{RECOMMENDATIONS}	设计建议 HTML
{PROMPT_GUIDE}	Prompt 使用说明
{SOURCES}	来源列表 HTML
{DATE}	生成日期

每个方向的 HTML 结构（填入 {DIRECTIONS}）：

<div class="direction-card">
  <h3>方向一：[风格名称]</h3>
  <div class="tagline">[一句话风格概述]</div>

  <h4>视觉特征</h4>
  <div class="feature-grid">
    <div class="feature-item"><strong>色彩</strong><span>[分析]</span></div>
    <div class="feature-item"><strong>排版</strong><span>[分析]</span></div>
    <div class="feature-item"><strong>图形</strong><span>[分析]</span></div>
    <div class="feature-item">
      <strong>材质与光影</strong><span>[分析]</span>
    </div>
    <div class="feature-item"><strong>构图</strong><span>[分析]</span></div>
    <div class="feature-item"><strong>情绪</strong><span>[分析]</span></div>
  </div>

  <h4>典型手法</h4>
  <ul>
    <li>[手法1]</li>
    <li>[手法2]</li>
    <li>[手法3]</li>
  </ul>

  <h4>参考案例</h4>
  <div class="gallery">
    <div class="gallery-item">
      <img
        src="[图片URL]"
        alt="[作品名]"
        loading="lazy"
        onerror="this.src='data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22180%22><rect fill=%22%23f0f0f5%22 width=%22200%22 height=%22180%22/><text x=%2250%%22 y=%2250%%22 text-anchor=%22middle%22 dy=%22.3em%22 fill=%22%23999%22 font-size=%2214%22>图片加载失败</text></svg>'"
      />
      <div class="caption">
        [作品名]
        <span class="source"
          >来自
          <a href="[作品URL]" target="_blank" rel="noopener">[平台名]</a></span
        >
      </div>
    </div>
    <!-- 重复 3-5 个案例 -->
  </div>

  <h4>适用场景</h4>
  <p>[什么类型的设计适合这个方向]</p>

  <h4>生图 Prompt</h4>
  <div class="prompt-box">[完整 Prompt 文本，中文描述 + 英文技术参数]</div>
  <div class="prompt-hint">
    💡 替换 <code>[xxx]</code> 为你的具体内容。调整形容词强度可控制风格偏向。
  </div>
</div>

Step 3: 质量自检

构建完成后，对照 Phase 4 标准检查。不通过的标注出来，回到对应 Phase 修复。

Step 4: 输出

将完成的 report.html 写入 design-research/[需求slug]/report.html。 同时输出 HTML 内容给用户展示。

---

Phase 4: 质量验证

4.1 覆盖率检查

检查项	通过标准	不通过信号
设计方向数量	3-5个	<3 或 >7
每方向参考案例	≥3个	有方向不足3个
平台覆盖	≥5个不同平台	<5个
素材总量	≥30个参考素材	<30个
链接真实性	所有图片的 src 和来源 URL 均真实存在且可访问	存在占位符、无法访问或编造的 URL 链接
无内容处理	无调研结果时，报告展示「未查询到具体内容」并列出原因与搜索尝试记录	在没有真实素材时虚构、编造内容或链接

4.2 区分度检查

• 方向间在 ≥2 个视觉维度上有明显差异
• 每个方向能用一句话说清"这是什么风格"
• 不存在"浅色版 vs 深色版"这种单一维度的渐变

4.3 可操作性检查

• 每个方向有具体的视觉规则（色彩/排版/图形/材质等）
• 每个方向有 3-5 个典型手法（可操作，非抽象描述）
• 设计师拿到报告后能据此做出设计

4.4 Prompt 可用性检查

• Prompt 包含所有必要视觉元素
• Prompt 使用 [占位符] 标注了可调节参数
• 附带了参数调节说明
• Prompt 使用中文撰写，英文仅保留模型识别关键词（如 --ar、--style、色彩名、材质名等）

---

更新调研

当用户说「补充调研XX方向」「更新这个调研」时：

1. 读取已有 report.html，了解现有方向
2. 只启动缺少维度的 Agent 进行补充采集
3. 更新 Phase 2 分析
4. 重新生成报告

---

品味守则

原则	说明
图片 > 文字	设计调研以视觉素材为核心，文字分析是辅助
方向区分度 > 方向数量	3个清晰区分的风格方向 > 7个模糊重叠的方向
可操作性 > 理论分析	每个方向要能直接指导设计，不只是审美点评
多样性 > 同质化	优先选择视觉差异大的方向，避免全在同一个光谱上
落地性 > 概念性	优先选择有实际应用案例的方向，不只是纯概念稿

绝不做的事

• 编造不存在的素材、图片 URL、来源和任何虚假链接（所有链接必须真实可访问）
• 在信息不足或未查询到内容时强行编造或生成报告内容（必须向用户如实回复「未查询到具体内容」并详细说明无法获取的原因，例如关键词无匹配、目标网站无法解析等）
• 把通用设计原则包装成"独特发现"
• 方向之间没有实质区别时强行拆分
• 信息不足时强行生成（宁少勿多）

---

特殊场景

有参考图 vs 无参考图

场景	策略
有参考图	先分析参考图视觉特征作为风格锚点，搜索时优先匹配类似风格，Prompt 中融入参考图特征
无参考图	纯文字需求驱动搜索，方向覆盖面更广

海外设计 vs 国内设计

场景	策略
海外风格	重点覆盖 Behance/Dribbble/Pinterest/Unsplash，用英文关键词
国内风格	重点覆盖站酷/花瓣/古田路9号/大作网，用中文关键词
混合	海外+国内平台都覆盖，中英文关键词

快速调研 vs 深度调研

模式	触发条件	策略
快速调研	用户说"简单看看"	只启动 2-3 个核心 Agent，方向减至 2-3 个，报告用 Markdown 格式
深度调研	默认模式	完整 5 个 Agent，3-5 个方向，HTML 报告

---

参考

• 平台清单与搜索策略详见 references/platform-guide.md
• 风格分析框架详见 references/analysis-framework.md
• HTML 报告模板详见 references/report-template.html