# 项目 LOGO 生图提示词手册

> 为「直播视频延迟播放器」项目设计的 LOGO 提示词集合
> 路径：`assets/` | 统一应用于根目录、`web/`、`extension/`

---

## 一、V1 — 经典横版 LOGO

**用途：** README 封面、使用说明书、网页横幅（`web/index.html`）

### 提示词（生图用，建议 --revise=1）

```
极简横版 LOGO 设计，文字+图标组合布局，直播视频延迟播放软件，"LIVE"文字左侧带播放三角和时钟圆环的融合图标，图标在左文字在右，蓝色播放三角 #00B4D8（亮蓝色科技感）配深灰圆环 #2C3E50（沉稳专业），极简扁平化矢量风格，纯透明背景，无任何背景色块，高清线条，适合深色和浅色背景
```

### 参数

| 参数 | 值 | 说明 |
|------|-----|------|
| 分辨率 | `1024:768` 或 `1344:768` | 横版宽幅 |
| 背景 | 纯透明 | 适配深色/浅色页面 |
| 色值 | 三角 `#00B4D8` / 圆环 `#2C3E50` | 高对比，不依赖白基色 |

### 后续处理

> 注意：自发生成的图片可能带左上角"AI 生成"水印文字。

- **若有水印：** 用 GIMP/Photoshop/画图 3D 裁切顶部 30-40 像素
- **裁切后：** 保存为 PNG-24 保留透明通道

---

## 二、V2 — 应用图标（正方形）

**用途：** 浏览器扩展图标（`extension/`）、favicon、网站头像

### 提示词（生图用，建议 --revise=1）

```
极简正方形应用图标，直播延迟播放器LOGO，播放三角形与时钟圆环融合为一个图标，亮蓝色播放三角 #00B4D8 浮在深灰圆环 #2C3E50 内部，三角严格居中于圆环圆心但不接触圆环内壁，保持呼吸留白间距，扁平矢量风格，纯透明背景无任何底色，高对比度，线条清晰锐利，适合缩放到16px小尺寸仍然可辨，无文字无其他元素
```

### 参数

| 参数 | 值 | 说明 |
|------|-----|------|
| 分辨率 | 1024×1024 | 正方形 |
| 背景 | 纯透明 | 搭配 Chrome 管理页深色/浅色背景 |

### 尺寸套件（部署时生成）

| 尺寸 | 文件名 | 用途 |
|------|--------|------|
| 128×128 | `logo.png` | 扩展图标主文件 / 网页显示 |
| 48×48 | `logo_48.png` | 扩展管理页显示 |
| 16×16 | — | favicon（可选） |

> 等比例缩小即可，无需重新生图。
> 用在线工具或 GIMP 缩放：`convert input.png -resize 48x48 output.png`

---

## 三、设计规范（供人工参考）

### 核心符号语义

| 元素 | 含义 |
|------|------|
| ▶ 播放三角形 | 直播/视频流播放 |
| ⏰ 时钟圆环 | 延迟/时间倒流 |
| 两者融合 | **直播 + 延迟 = 延迟播放器** |

### 色彩体系

| 色值 | 角色 | RGB | 氛围 |
|------|------|-----|------|
| `#00B4D8` | 播放三角 | (0, 180, 216) | 科技、动感、呼吸感 |
| `#2C3E50` | 时钟圆环 | (44, 62, 80) | 沉稳、专业、可靠 |

> ✅ 二色在深色/浅色背景上均有足够对比度
> ❌ 不要加白色描边/白色背景——必须纯透明

### 比例建议（经验值）

| 参数 | 推荐值 | 说明 |
|------|--------|------|
| 圆环线宽 | 整体直径的 10-12% | 太粗笨重，太细则小尺寸看不清 |
| 三角大小 | 圆内径的 40-45% | 留白充分，不拥挤 |
| 三角形状 | 近似正三角（60° 顶角） | 标准、识别度高 |
| 三角与圆环间距 | 约等于圆环线宽 | 呼吸感好 |

### ⚠️ 经验教训（必读）

1. **不要裁剪源图** → GDI+/PowerShell `System.Drawing.Bitmap.Save` 保存透明 PNG 会出错（GDI+ 一般性错误），导致白色杂色残留
2. **水印只切不压缩** → 左上角"AI 生成"水印约 15px 高，缩放到 48/64px 显示时看不见，可以不切
3. **MV3 不能用父目录路径** → 扩展 `manifest.json` 的 `icons` 字段不能用 `../`，必须把图片复制到 `extension/` 目录内
4. **浏览器强缓存** → `localhost:8090` 上的图片更新后要按 `Ctrl+Shift+R` 强制刷新，光 F5 不一定够
5. **生图服务 revice 可能跑偏** → 如果 `--revise=1` 出来的图不符合预期，设置 `--revise=0` 用原始 prompt
6. **透明性要多次验证** → 生图服务的预览有时显示白底但不一定是实际白底，需要下载到本地用支持透明通道的工具查看

---

## 四、快速部署流程

生图并保存到 `generated-images/` 后：

```powershell
$src = "path\to\generated-image.png"
$dst = "F:\插件项目F\直播视频延迟播放开发版"

Copy-Item $src "$dst\logo.png" -Force
Copy-Item $src "$dst\web\logo.png" -Force
Copy-Item $src "$dst\assets\logo.png" -Force
Copy-Item $src "$dst\extension\logo.png" -Force

# 48px 版本（用在线工具或 GIMP 缩放）
```

---

## 五、实际生成结果

2026-07-07 验证生成（dev 路径，seed=100/300）：

| 文件 | 实际效果 | 评分 | 备注 |
|------|---------|------|------|
| `assets/logo_horizontal_v1.png` | 横版 1344×768，左侧播放三角+时钟圆环融合图标，右侧"LIVE"大写文字 | ⭐⭐⭐⭐ 7.5/10 | 透明背景好，颜色准确 |
| `assets/logo_appicon_v2.png` | 正方形 1024×1024，播放三角+圆环，完整闭合环 | ⭐⭐⭐⭐ 7.5/10 | 透明底清晰，缺口环 AI 不稳定 |

**注意：**
- 上述生成结果保留左上角"AI 生成"水印（缩到 128px 尺寸时基本不可见）
- AI 对"透明背景"和"时钟缺口环"指令响应不稳定，可能需要多次重试
- 如果需要去水印，**优先**用 Photoshop / GIMP / paint.net 手动处理（PowerShell GDI+ 读取这些生成图时返回 width=0，可能与图的特殊编码有关）
