主色调设置：
- 点击第一个颜色选择器选择主要颜色
- 支持完整的色彩空间选择
- 可以调节透明度（Alpha值）
- 主色调将作为插图的主要视觉元素颜色
次要颜色设置：
- 点击第二个颜色选择器选择辅助颜色
- 与主色调形成对比或协调关系
- 用于细节元素和层次表现
- 同样支持透明度调节
颜色搭配建议：
- 选择对比度适中的颜色组合
- 考虑最终使用场景的背景色
- 可以参考品牌色彩规范
- 避免过于刺眼的颜色组合

3.4 复杂度控制

复杂度等级：
- 使用滑块选择1-5级复杂度
- 1级：极简设计，最少的元素
- 2级：简单设计，基础元素组合
- 3级：中等复杂度，平衡详细程度
- 4级：较复杂设计，丰富的细节
- 5级：高复杂度，最详细的元素
复杂度影响：
- 影响图形元素的数量和密度
- 影响细节的丰富程度
- 影响生成时间和文件大小
- 影响最终的视觉冲击力

3.5 描述要求填写

详细描述：
- 在多行文本框中输入详细的设计要求
- 描述希望包含的具体元素
- 说明布局和构图要求
- 提及特殊的设计偏好

描述示例：

请设计一个现代化的数据分析图标，包含图表、数据流和分析工具元素，
整体布局采用左右对称结构，中心突出数据图表，
周围环绕相关的分析工具，适合用于商业智能应用的界面。

四、模板和测试数据

4.1 选择预设模板

模板选择：
- 点击"选择模板"下拉菜单
- 浏览10个精心设计的预设模板
- 每个模板包含完整的配置参数
- 点击模板名称即可应用
可用模板类型：
- 数据分析图标：现代化商业智能风格
- 社交媒体图标集：简约社交平台风格
- 自然风景插图：渐变风格自然场景
- 科技连接概念：科技风格网络概念
- 食品图标：手绘风格美食元素
- 抽象几何图形：等距视图几何设计
- 天气图标集：扁平化天气状态
- 商务人物剪影：简洁商务场景
- 游戏控制器：像素风格游戏元素
- 交通工具图标：线条风格交通工具

4.2 随机生成测试数据

快速测试：
- 点击"随机生成"按钮
- 系统随机选择一个模板并应用
- 所有配置参数自动填充
- 可以直接开始生成体验
测试用途：
- 快速了解工具功能和效果
- 学习不同配置的效果差异
- 作为创作的起点和参考
- 演示工具能力给他人查看

五、AI生成与预览

5.1 启动生成过程

生成前检查：
- 确保已输入插图主题
- 确认已选择AI模型
- 检查其他配置参数是否合适
- 点击"生成SVG"按钮开始
生成状态：
- 按钮显示加载状态
- "生成过程"区域开始显示内容
- 右侧预览区域准备显示结果
- 生成状态标签实时更新

5.2 生成过程监控

实时查看：
- 生成过程区域显示AI生成的实时内容
- 可以看到SVG代码的逐步生成
- 系统自动验证代码格式的正确性
- 状态标签显示"SVG生成中"或"SVG有效"
格式验证：
- 绿色"SVG有效"表示代码格式正确
- 橙色"SVG生成中"表示正在生成
- 系统自动修复常见的代码问题
- 确保最终输出的SVG可以正常渲染

5.3 实时预览功能

预览更新：
- 右侧预览区域实时显示生成的SVG
- 支持流式更新，边生成边预览
- 预览内容与最终输出完全一致
- 支持SVG的完整渲染效果
预览交互：
- 可以在预览区域查看SVG的实际效果
- 支持鼠标悬停和基本交互
- 预览区域自动适应SVG尺寸
- 提供清晰的视觉反馈

六、结果管理与下载

6.1 生成结果评估

质量检查：
- 检查SVG插图是否符合预期主题
- 验证风格是否与选择的类型匹配
- 确认颜色搭配是否合适
- 评估复杂度是否满足需求
效果调整：
- 如果效果不满意，可以调整参数重新生成
- 尝试不同的风格类型或复杂度设置
- 修改主题描述或详细要求
- 更换AI模型重新生成

6.2 SVG文件下载

下载操作：
- 确认生成完成并满意后，点击"下载SVG"按钮
- 系统自动创建SVG文件
- 文件名默认为主题名称加.svg扩展名
- 浏览器自动下载文件到本地
文件特性：
- 标准SVG格式，兼容所有现代浏览器
- 矢量格式，支持无损缩放
- 代码结构清晰，便于后续编辑
- 文件体积优化，加载速度快

6.3 重置和重新开始

重置功能：
- 点击"重置"按钮清空所有设置
- 恢复到初始状态
- 清除生成结果和预览内容
- 准备开始新的创作
重新生成：
- 可以基于当前设置重新生成
- 同一配置可能产生不同效果
- 支持多次迭代优化
- 选择最满意的结果下载

七、使用技巧与最佳实践

7.1 主题描述优化

1. 有效的主题描述

✓ 推荐：现代化的数据可视化图标，包含柱状图和趋势线
✓ 推荐：简约风格的云存储服务图标，突出云朵和数据传输概念
✓ 推荐：手绘风格的咖啡店标识，温馨友好的视觉效果

✗ 避免：图标（过于简单）
✗ 避免：漂亮的东西（过于模糊）
✗ 避免：各种图形（过于宽泛）

2. 描述要素建议

主体元素：明确主要的图形元素
风格倾向：说明希望的视觉风格
用途场景：描述使用的具体场景
情感表达：传达希望的情感色彩

7.2 风格选择策略

1. 根据用途选择风格

企业网站：建议使用扁平化或极简主义风格
创意项目：推荐手绘风格或渐变风格
技术产品：适合科技风格或等距几何
品牌标识：考虑剪影风格或线条风格

2. 风格组合建议

同一项目中保持风格一致性
考虑品牌形象和目标受众
参考行业惯例和用户期望
平衡美观性和功能性

7.3 颜色配置技巧

1. 色彩搭配原则

对比度：确保主次颜色有适当对比
品牌色：优先使用品牌标准色彩
使用场景：考虑最终使用的背景环境
文化因素：注意颜色的文化含义

2. 常用配色方案

商务风格：#2C3E50 + #3498DB（深蓝+亮蓝）
科技风格：#6C5CE7 + #00BFFF（紫色+天蓝）
自然风格：#27AE60 + #F39C12（绿色+橙色）
时尚风格：#E91E63 + #9C27B0（粉红+紫色）

7.4 复杂度控制建议

1. 复杂度选择指南

图标类：建议使用1-3级复杂度
插图类：推荐3-5级复杂度
装饰元素：可以使用2-4级复杂度
背景图案：建议2-3级复杂度

2. 复杂度与用途匹配

小尺寸使用：选择较低复杂度
大尺寸展示：可以使用较高复杂度
移动端适配：建议中低复杂度
打印输出：可以使用较高复杂度

7.5 生成效果优化

1. 迭代优化策略

先用中等复杂度快速生成查看效果
根据初步结果调整参数细节
尝试不同的AI模型对比效果
最终确定最佳配置进行正式生成

2. 质量提升方法

提供更详细具体的描述要求
参考优秀设计作品的视觉元素
考虑目标受众的审美偏好
结合实际使用场景优化设计

操作建议

建议新用户先使用预设模板熟悉功能，然后逐步尝试自定义设置。充分利用实时预览功能，及时调整不满意的参数。记住保存效果好的配置组合，用于今后类似需求的快速生成。