# 智绘Pro海报工具优化需求清单
## 用户反馈整理 - 2026年3月4日

---

## 🔴 高优先级（必须修复）

### 1. 文字拖动功能 ⭐⭐⭐⭐⭐
**问题：** 文字不能拖动，无法调整位置
**需求：**
- 每个文字元素（主标题、副标题、宣传语）都要能拖动
- 可以单独调整每个文字的大小
- 可以单独调整每个文字的位置
- 选中文字后显示边框，提示可拖动

### 2. Logo内置问题 ⭐⭐⭐⭐⭐
**问题：** 内置的两个logo位置不对
**待确认：**
- 检查是否正确引用了 `/assets/logo-wesmart.png` 和 `/assets/logo-zhibu.png`
- 用户会重新提供logo文件
**修复后：** 确保logo能正常显示

### 3. Logo自定义颜色问题 ⭐⭐⭐⭐⭐
**问题：** 纯黑和纯白OK，但自定义颜色不对
**需求：**
- 修复自定义颜色逻辑
- 提供常用颜色预设（好看的颜色）
- 保留原色、纯白、纯黑选项

### 4. 文案生成界面显示问题 ⭐⭐⭐⭐
**问题：** 白色字在白色底上看不到（产品推广/品牌宣传等选项）
**修复：** 调整文字颜色或背景色，确保可见

---

## 🟡 中优先级（功能优化）

### 5. 图片模式功能 ⭐⭐⭐⭐
**问题：** 图片模式功能缺失
**需求：** 添加图片模式，允许用户上传背景图

### 6. 产品图位置调整 ⭐⭐⭐⭐
**问题：** 产品图功能不够醒目
**需求：**
- 将"添加产品图"功能放在更醒目的位置
- 可以考虑放在Logo位置附近或更上方
- 产品图上传后自动适配位置

### 7. 尺寸选择图标优化 ⭐⭐⭐
**问题：** 尺寸选择没有对应平台图标
**需求：**
- 朋友圈 → 微信图标
- 抖音 → 抖音图标
- 小红书 → 小红书图标
- 公众号 → 公众号/微信图标

### 8. 装饰元素说明优化 ⭐⭐⭐
**问题：** 用户看不懂光晕/点阵/线条的区别
**需求：**
- 添加装饰元素的预览图或说明
- 让用户能直观看到区别

---

## 🟢 低优先级（体验优化）

### 9. 尺寸比例确认
**问题：** 需要确认尺寸比例是否足够多
**需求：**
- 9:16（抖音/朋友圈）✅ 已有
- 3:4（小红书）✅ 已有
- 4:5（抖音）✅ 已有
- 检查是否需要增加其他常用比例

### 10. 模板切换体验
**状态：** 整体OK
**优化：** 保持现有设计

### 11. 下载功能
**状态：** 已有PNG和JPG下载 ✅

---

## 📋 修复优先级排序

### 第一阶段（本周修复）
1. ✅ 文字拖动功能（核心）
2. ✅ Logo内置显示修复
3. ✅ Logo自定义颜色修复
4. ✅ 文案生成界面显示修复

### 第二阶段（下周修复）
5. ✅ 图片模式功能添加
6. ✅ 产品图位置调整
7. ✅ 尺寸选择图标替换
8. ✅ 装饰元素说明优化

---

## 🎨 设计调整要点

### 文字编辑优化
```
当前：只能修改文字内容
优化后：
├── 拖动文字位置（鼠标拖拽）
├── 单独调整每个文字大小
├── 单独调整每个文字颜色
└── 显示选中状态（边框提示）
```

### Logo颜色优化
```
当前：原色、纯白、纯黑、自定义
优化后：
├── 原色（保持logo原样）
├── 纯白
├── 纯黑
├── 常用颜色预设（8-10个好看的颜色）
└── 自定义颜色（修复逻辑）
```

### 尺寸选择优化
```
朋友圈：微信图标 + "朋友圈 9:16"
抖音：抖音图标 + "抖音 9:16"  
小红书：小红书图标 + "小红书 3:4"
公众号：微信图标 + "公众号 2.35:1"
```

### 装饰元素优化
```
每个选项添加：
├── 图标预览
├── 文字说明
└── 悬停时显示效果预览
```

---

## 🔧 技术实现要点

### 文字拖动实现
```javascript
// 使用Fabric.js或原生Canvas实现拖拽
// 需要：
// 1. 为每个文字元素添加拖拽事件
// 2. 记录文字位置坐标
// 3. 支持缩放调整大小
// 4. 边界检测（不能拖出画布）
```

### Logo颜色处理
```javascript
// 自定义颜色问题可能是混合模式不对
// 修复方案：
// 1. 使用canvas的globalCompositeOperation
// 2. 或者使用filter滤镜
// 3. 预设颜色直接使用CSS颜色值
```

### 图片模式
```javascript
// 添加图片模式标签页
// 功能：
// 1. 上传背景图
// 2. 调整背景图位置/大小
// 3. 文字叠加在图片上
```

---

## 📁 待用户提供素材

### 1. Logo文件
- 微智电子Logo（高清PNG，透明背景）
- 智步品牌Logo（高清PNG，透明背景）

### 2. 平台图标
- 微信图标（朋友圈用）
- 抖音图标
- 小红书图标
- 公众号图标

### 3. 产品图素材
- 主要产品图片（用于产品图上传示例）

---

## ⏰ 修复时间表

| 修复项 | 预计时间 | 状态 |
|--------|----------|------|
| 文字拖动功能 | 2天 | 待开始 |
| Logo显示修复 | 1天 | 待开始 |
| Logo颜色修复 | 1天 | 待开始 |
| 文案界面修复 | 0.5天 | 待开始 |
| 图片模式 | 2天 | 待开始 |
| 产品图位置 | 0.5天 | 待开始 |
| 尺寸图标 | 1天 | 待开始（需素材） |
| 装饰元素说明 | 0.5天 | 待开始 |

**总计：约8-10个工作日**

---

## ✅ 验收标准

### 文字功能
- [ ] 可以拖动主标题、副标题、宣传语到任意位置
- [ ] 可以单独调整每个文字的大小
- [ ] 选中文字时有视觉反馈（边框或高亮）

### Logo功能
- [ ] 内置logo能正常显示
- [ ] 自定义颜色选择后正确显示
- [ ] 常用颜色预设可用且好看

### 界面显示
- [ ] 文案生成选项（产品推广/品牌宣传等）清晰可见
- [ ] 所有按钮和选项都有良好的对比度

### 新增功能
- [ ] 图片模式可用，能上传背景图
- [ ] 产品图上传功能在醒目位置
- [ ] 尺寸选择有对应平台图标

---

*整理时间：2026年3月4日 22:40*  
*待用户确认：Logo文件、平台图标素材*