Tools⚒️：AI绘图方法指南v1

AI 绘图方法指南v1

使用 Nano Banana Pro（Google AI Studio / Google Flow）生成高质量架构图

一、核心 Prompt 模板（可直接复制丢给AI）

1.1 Prompt 模板1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# Role
你是一位 CVPR/NeurIPS 顶刊的视觉架构师。你的核心能力是将抽象的论文逻辑转化为具体的、结构化的、几何级的视觉指令。

# Objective
阅读我提供的论文内容，输出一份 [VISUAL SCHEMA]。这份 Schema 将被直接发送给 AI 绘图模型，因此必须使用强硬的物理描述。

# Phase 1: Layout Strategy Selector (关键步骤：布局决策)
在生成 Schema 之前，请先分析论文逻辑，从以下布局原型中选择最合适的一个（或组合）：
1. Linear Pipeline: 左→右流向 (适合 Data Processing, Encoding-Decoding)。
2. Cyclic/Iterative: 中心包含循环箭头 (适合 Optimization, RL, Feedback Loops)。
3. Hierarchical Stack: 上→下或下→上堆叠 (适合 Multiscale features, Tree structures)。
4. Parallel/Dual-Stream: 上下平行的双流结构 (适合 Multi-modal fusion, Contrastive Learning)。
5. Central Hub: 一个核心模块连接四周组件 (适合 Agent-Environment, Knowledge Graphs)。

# Phase 2: Schema Generation Rules
1. Dynamic Zoning: 根据选择的布局，定义 2-5 个物理区域 (Zones)。不要局限于 3 个。
2. Internal Visualization: 必须定义每个区域内部的"物体" (Icons, Grids, Trees)，禁止使用抽象概念。
3. Explicit Connections: 如果是循环过程，必须明确描述 "Curved arrow looping back from Zone X to Zone Y"。

1.2 输出格式(The Golden Schema)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
---BEGIN PROMPT---

[Style & Meta-Instructions]
High-fidelity scientific schematic, technical vector illustration, clean white background, distinct boundaries, academic textbook style. High resolution 4k, strictly 2D flat design with subtle isometric elements.

[LAYOUT CONFIGURATION]
* **Selected Layout**: [例如：Cyclic Iterative Process with 3 Nodes]
* **Composition Logic**: [例如：A central triangular feedback loop surrounded by input/output panels]
* **Color Palette**: Professional Pastel (Azure Blue, Slate Grey, Coral Orange, Mint Green).

[ZONE 1: LOCATION - LABEL]
* **Container**: [形状描述, e.g., Top-Left Panel]
* **Visual Structure**: [具体描述, e.g., A stack of documents]
* **Key Text Labels**: "[Text 1]"

[ZONE 2: LOCATION - LABEL]
* **Container**: [形状描述, e.g., Central Circular Engine]
* **Visual Structure**: [具体描述, e.g., A clockwise loop connecting 3 internal modules: A (Gear), B (Graph), C (Filter)]
* **Key Text Labels**: "[Text 2]", "[Text 3]"

[ZONE 3: LOCATION - LABEL]
... (Add Zone 4/5 if necessary based on layout)

[CONNECTIONS]
1. [描述连接线, e.g., A curved dotted arrow looping from Zone 2 back to Zone 1 labeled "Feedback"]
2. [描述连接线, e.g., A wide flow arrow from Zone 2 to Zone 3]

---END PROMPT---

1.3 风格参考与执行指令（这里123三点再加上1.2的输出就是丢给nano banana的prompt）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
1. Art Style (Visio/Illustrator Aesthetic):
   Generate a professional academic architecture diagram suitable for a top-tier computer science paper (CVPR/NeurIPS).
   * Visuals: Flat vector graphics, distinct geometric shapes, clean thin outlines, and soft pastel fills (Azure Blue, Slate Grey, Coral Orange).
   * Layout: Strictly follow the spatial arrangement defined below.
   * Vibe: Technical, precise, clean white background. NOT hand-drawn, NOT photorealistic, NOT 3D render, NO shadows/shading.

2. CRITICAL TEXT CONSTRAINTS (Read Carefully):
   * DO NOT render meta-labels: Do not write words like "ZONE 1", "LAYOUT CONFIGURATION", "Input", "Output", or "Container" inside the image. These are structural instructions for YOU, not text for the image.
   * ONLY render "Key Text Labels": Only text inside double quotes (e.g., "[Text]") listed under "Key Text Labels" should appear in the diagram.
   * Font: Use a clean, bold Sans-Serif font (like Roboto or Helvetica) for all labels.

3. Visual Schema Execution:
   Translate the following structural blueprint into the final image:
   [在此处直接粘贴 Step 1 生成的 ---BEGIN PROMPT--- ... ---END PROMPT--- 内容]

二、使用平台

2.1 Google AI Studio

  • 网址: https://aistudio.google.com/
  • 特点:
    • 需要充值绑定付费 API 密钥
    • 支持 Gemini 系列模型（包括 Nano Banana Pro）
    • 提供代码执行、函数调用等高级功能

2.2 Google Flow

  • 网址: https://labs.google/fx/zh/tools/flow
  • 特点:
    • 可免费试用
    • 支持同时生成多张图片
    • 内置编辑功能：选择心仪图片后可立即手工剪裁、绘制
    • 适合快速迭代和局部调整

工作流程建议：

  1. 在 Google AI Studio 使用完整 Prompt 生成初版架构图
  2. 如需要调整，可导出到 Google Flow 进行快速编辑
  3. 利用 Flow 的多图生成功能对比不同版本

三、实际效果示例

下图展示了使用flow lab生成的架构图效果：左侧是剪裁、绘制功能键。

Architecture Diagram Example

四、使用步骤总结

1
2
3
4
5
6
7
8
9
10
11
12
┌─────────────────────────────────────────────────────────────┐
│  Step 1: 分析论文内容，选择合适的布局类型                      │
│         （Linear / Cyclic / Hierarchical / Parallel / Hub）  │
├─────────────────────────────────────────────────────────────┤
│  Step 2: 填充 Golden Schema 模板，定义 Zone 和 Connection     │
├─────────────────────────────────────────────────────────────┤
│  Step 3: 组合完整 Prompt（Style + Schema）                    │
├─────────────────────────────────────────────────────────────┤
│  Step 4: 在 Google AI Studio 提交生成                         │
├─────────────────────────────────────────────────────────────┤
│  Step 5: 如需调整，导入 Google Flow 进行编辑优化               │
└─────────────────────────────────────────────────────────────┘

五、参考资源

  1. Prompt 模板详解: https://adg.csdn.net/694de3c25b9f5f31781adbef.html
  2. Nano Banana使用渠道: https://zhuanlan.zhihu.com/p/1991087732412401230
  3. Google Flow 工具: https://labs.google/fx/zh/tools/flow

六、注意事项

  1. 避免元标签: 确保最终图片中不出现 “ZONE 1”、“Input”、“Output” 等结构指令词汇
  2. 仅保留 Key Text Labels: 图片中只显示双括号内的文本（如 “[HMAC-SHA256]”）
  3. 物理描述: 使用具体的视觉描述，避免抽象概念