spa/.claude/skills/drawnote/风格使用指南.md

# drawnote-skill 风格使用指南

## 📚 概述

drawnote-skill 提供了多种信息图风格，让您可以根据不同的内容类型和使用场景选择最合适的视觉呈现方式。本指南将帮助您了解各种风格的特点和使用方法。

---

## 🎨 可用风格

### 1. 专业商务风格 (默认)

**适用场景**：
- 商业报告和数据分析
- 公司内部文档
- 专业演示材料
- 市场分析报告

**视觉特点**：
- 简洁大方的设计
- 清晰的信息层次
- 低饱和度配色
- 专业可靠的视觉效果

**配色方案**：
- 主色：#2C3E50（深蓝灰）
- 辅色：#3498DB（亮蓝）
- 强调色：#E74C3C（红色）
- 背景：#ECF0F1（浅灰）

**使用示例**：
```
请生成一份关于2024年Q4销售数据分析的信息图，使用专业商务风格
```

---

### 2. 彩色手写笔记风格 ⭐ 强烈推荐

**适用场景**：
- 📚 学习笔记整理
- 📖 读书笔记总结
- 🎓 知识体系梳理
- 💡 概念讲解图表
- 📝 课程内容总结
- 🧠 思维导图和知识图谱

**视觉特点**：
- 🎨 多种颜色笔标注（红、蓝、绿、橙、紫、粉）
- 🖍️ 五种荧光笔高亮效果
- ✏️ 类手写的友好字体
- 📓 笔记本横线背景
- 📌 彩色便签纸效果
- ⭕ 手写圆圈和下划线标注
- 🎯 时间线和卡片布局

**颜色语义**：

**彩色笔使用**：
- 🔴 红色笔：最重要的概念、警告、需要特别注意
- 🔵 蓝色笔：技术术语、方法名称、专业名词
- 🟢 绿色笔：优势、正面特性、成功案例
- 🟠 橙色笔：步骤、流程、中等重要度
- 🟣 紫色笔：高级概念、未来趋势、创新内容
- 🌸 粉色笔：特殊提示、补充说明

**荧光笔使用**：
- 💛 黄色荧光笔：核心概念、定义、最重要信息
- 💚 绿色荧光笔：关键优势、重要特性
- 💗 粉色荧光笔：数据、参数、量化指标
- 💙 蓝色荧光笔：技术特点、方法步骤
- 🧡 橙色荧光笔：实践建议、操作要点

**模板位置**：`styles/彩色手写笔记风格.md`

**使用示例**：
```
请使用彩色手写笔记风格生成《深度学习入门》的读书笔记信息图
```

或

```
请生成一个学习笔记风格的信息图，内容是Python编程基础知识，
需要多种颜色标注和荧光笔高亮重点
```

**示例效果**：
参考文件：`生成结果信息图/infographic_llm_colorful_notes.png`

---

### 3. 科技创新风格

**适用场景**：
- 技术文档和API文档
- 产品介绍和功能说明
- 创新方案和技术架构
- 软件开发文档

**视觉特点**：
- 深色背景设计
- 强烈的科技感
- 高对比度配色
- 现代化的视觉效果

**配色方案**：
- 主色：#1A1A2E（深蓝黑）
- 辅色：#16213E（深蓝）
- 强调色：#0F3460（中蓝）
- 亮色：#E94560（粉红）

**使用示例**：
```
请使用科技创新风格生成关于区块链技术架构的信息图
```

---

### 4. 自然清新风格

**适用场景**：
- 环保主题内容
- 健康生活指南
- 自然科学知识
- 可持续发展报告

**视觉特点**：
- 绿色为主色调
- 清新自然的感觉
- 舒适柔和的配色
- 明亮清爽的视觉

**配色方案**：
- 主色：#2ECC71（绿色）
- 辅色：#27AE60（深绿）
- 强调色：#F39C12（橙色）
- 背景：#F8F9FA（白色）

**使用示例**：
```
请使用自然清新风格生成关于环保生活方式的信息图
```

---

### 5. 现代简约风格

**适用场景**：
- 极简设计展示
- 艺术作品介绍
- 创意项目方案
- 品牌视觉设计

**视觉特点**：
- 黑白灰配色
- 大量留白
- 极简主义设计
- 高度简化的视觉元素

**配色方案**：
- 主色：#000000（黑色）
- 辅色：#FFFFFF（白色）
- 强调色：#FF6B6B（珊瑚红）
- 背景：#F5F5F5（浅灰）

**使用示例**：
```
请使用现代简约风格生成关于设计原则的信息图
```

---

## 💡 如何选择合适的风格

### 决策流程

```
内容类型
    ↓
学习/教育内容 → 彩色手写笔记风格 ⭐
    ↓
商业/数据内容 → 专业商务风格
    ↓
技术/产品内容 → 科技创新风格
    ↓
环保/健康内容 → 自然清新风格
    ↓
设计/艺术内容 → 现代简约风格
```

### 风格对比表

| 风格 | 专业度 | 趣味性 | 适合打印 | 适合分享 | 学习效果 |
|------|--------|--------|----------|----------|----------|
| 专业商务 | ⭐⭐⭐⭐⭐ | ⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐ |
| 彩色手写笔记 | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| 科技创新 | ⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐ |
| 自然清新 | ⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ |
| 现代简约 | ⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐ |

---

## 🚀 使用方法

### 方式1：直接指定风格名称

最简单直接的方式，明确告诉AI使用哪种风格：

```
请使用【彩色手写笔记风格】生成关于机器学习的信息图
```

```
请用【专业商务风格】创建2024年度报告信息图
```

### 方式2：描述风格特征

如果不确定风格名称，可以描述想要的视觉特征：

```
请生成一个学习笔记风格的信息图，需要：
- 多种颜色的笔标注
- 荧光笔高亮重点
- 手写字体效果
- 便签纸元素
```

```
请生成一个专业商务风格的信息图，需要：
- 简洁大方
- 低饱和度配色
- 清晰的数据展示
```

### 方式3：引用风格模板

对于已保存的风格模板，可以直接引用：

```
请参考 styles/彩色手写笔记风格.md 模板，
生成关于Python编程的学习笔记信息图
```

### 方式4：组合使用

可以在指定风格的基础上，添加特殊要求：

```
请使用彩色手写笔记风格生成Vue.js框架学习笔记，
重点用红色笔标注核心API，用黄色荧光笔高亮重要概念
```

---

## 🎯 最佳实践

### 1. 根据受众选择风格

- **学生/学习者** → 彩色手写笔记风格
- **企业高管** → 专业商务风格
- **技术人员** → 科技创新风格
- **普通大众** → 自然清新风格
- **设计师** → 现代简约风格

### 2. 根据用途选择风格

- **个人学习** → 彩色手写笔记风格
- **工作汇报** → 专业商务风格
- **技术分享** → 科技创新风格
- **社交媒体** → 彩色手写笔记/自然清新风格
- **打印装订** → 专业商务/彩色手写笔记风格

### 3. 内容与风格匹配

**适合彩色手写笔记风格的内容**：
- ✅ 知识点总结
- ✅ 概念讲解
- ✅ 学习路线图
- ✅ 技术栈介绍
- ✅ 读书笔记
- ✅ 课程总结

**适合专业商务风格的内容**：
- ✅ 数据报告
- ✅ 财务分析
- ✅ 项目计划
- ✅ 市场研究
- ✅ 业绩展示

### 4. 颜色使用原则（针对彩色手写笔记风格）

- **不要过度使用** - 选择2-3种主色即可
- **保持一致性** - 同类内容使用相同颜色
- **层次分明** - 用颜色区分重要程度
- **考虑色盲** - 不要仅依赖颜色传达信息

---

## 🔧 自定义风格

如果现有风格不能完全满足需求，可以创建自定义风格：

### 步骤1：创建风格模板

在 `styles/` 目录下创建新的风格模板文件，例如：

```
styles/我的自定义风格.md
```

### 步骤2：定义风格要素

在模板文件中定义：
- 配色方案
- 字体系列
- 布局结构
- 特殊效果
- CSS样式代码

可以参考 `styles/彩色手写笔记风格.md` 的结构。

### 步骤3：使用自定义风格

```
请参考 styles/我的自定义风格.md 生成信息图
```

---

## 📖 示例对比

### 相同内容，不同风格效果

**内容**：介绍Transformer架构的核心概念

**彩色手写笔记风格**：
- 多种颜色标注不同概念
- 荧光笔高亮关键公式
- 便签纸展示补充说明
- 手写字体增加亲和力
- 适合学习和记忆

**专业商务风格**：
- 统一的蓝灰色调
- 清晰的卡片布局
- 标准字体易于阅读
- 专业严谨的视觉
- 适合正式场合

**科技创新风格**：
- 深色背景突出主题
- 高对比度配色
- 现代感强烈
- 科技氛围浓厚
- 适合技术分享

---

## 🎨 风格组合建议

对于复杂内容，可以考虑在不同部分使用不同风格元素：

### 教学材料
- 主体：彩色手写笔记风格
- 数据部分：专业商务风格的图表
- 代码部分：科技创新风格的代码块

### 技术文档
- 主体：专业商务风格
- 示例部分：彩色手写笔记风格的标注
- 架构图：科技创新风格

---

## 💡 常见问题

### Q: 默认使用哪种风格？
A: 如果不指定风格，将使用专业商务风格（原有的默认风格）。

### Q: 可以混合使用多种风格吗？
A: 可以，但建议在不同部分使用，保持每个部分风格统一。

### Q: 彩色手写笔记风格适合打印吗？
A: 非常适合！彩色打印效果最佳，黑白打印也能保持良好的层次感。

### Q: 如何让生成的信息图更符合我的需求？
A: 提供详细的内容描述，明确指定风格，并说明重点内容和期望的视觉效果。

### Q: 可以调整风格的配色吗？
A: 可以！在使用风格时提出配色要求，例如："使用彩色手写笔记风格，但主色调改为紫色系"。

---

## 📝 快速参考

### 风格关键词

使用这些关键词可以快速指定风格：

- `专业商务风格`、`商务风格`、`专业风格`
- `彩色手写笔记风格`、`手写笔记风格`、`学习笔记风格`、`彩色笔记`
- `科技创新风格`、`科技风格`、`技术风格`
- `自然清新风格`、`清新风格`、`绿色风格`
- `现代简约风格`、`简约风格`、`极简风格`

### 示例命令

```bash
# 彩色手写笔记风格
"请用彩色手写笔记风格生成机器学习读书笔记"

# 专业商务风格
"请用专业商务风格生成Q4销售数据分析图"

# 科技创新风格
"请用科技创新风格生成微服务架构说明图"

# 自然清新风格
"请用自然清新风格生成健康饮食指南"

# 现代简约风格
"请用现代简约风格生成品牌设计原则"
```

---

## 🎓 学习建议

1. **先尝试默认风格** - 了解基础效果
2. **体验彩色手写笔记** - 感受多彩标注的魅力
3. **对比不同风格** - 找到最适合的风格
4. **自定义调整** - 根据需求微调参数
5. **建立风格库** - 保存常用的自定义风格

---

## 📞 技术支持

如有风格使用问题或新风格建议，欢迎：
- 查看 `styles/` 目录下的风格模板
- 参考 `生成信息图提示词.md` 文档
- 查看 `生成结果信息图/` 目录下的示例文件

---

**更新日期**：2025-11-11
**版本**：1.0.1
**维护者**：peterfei