# AI Stock Assistant Desktop - 图标设计文档

## 设计目标

新图标采用 `市场动势 + AI 分析` 的品牌方向，弱化“公告文件”本身的图形比重，强化桌面端品牌识别。

品牌图标同时维护两套涨跌配色变体：

- `default`：红涨绿跌
- `reversed`：绿涨红跌

运行时图标会跟随应用里的“涨跌颜色模式”设置切换，上涨箭头和上涨 K 线颜色保持一致。

这次重设计优先解决三个问题：

1. `桌面端小尺寸识别`
   在 Dock、任务栏、安装器和桌面快捷方式里，图标需要在 32px 级别仍然一眼看出“行情上涨”和“智能分析”。

2. `业务语义更集中`
   产品核心不是泛 AI，而是股票市场数据分析，所以核心符号改为 `上冲箭头 + K 线 + 数据轨道`。

3. `视觉语言更克制`
   不再使用旧版偏通用的紫色大渐变和文档图标堆叠，而是统一成更接近金融终端的深蓝基底与电光绿动势主视觉。

## 核心构成

### 1. 上冲箭头

- 图标主角
- 代表行情动势、趋势判断、收益方向
- 采用粗箭头，确保小尺寸下仍能稳定识别

### 2. K 线底座

- 放在箭头起势位置
- 用 3 根简化 K 线表达“从市场数据中提炼洞察”
- 使用一红两绿，保留金融市场的即时感

### 3. AI 数据轨道

- 放在右上区域
- 使用半环轨道和 3 个发光节点
- 表达 AI 扫描、信号识别、数据建模

### 4. 趋势辅助折线

- 放在图标下部
- 作为次级走势语义，补充市场节奏感
- 透明度较低，避免与主箭头抢视觉焦点

## 配色系统

### 主背景

- 深海军蓝：`#061831`
- 深蓝高光：`#0E427A`
- 冷青辅助辉光：`#31C4FF`

含义：

- 稳定、专业、金融终端感
- 具备科技感，但不过度泛互联网化

### 主动作色

- `default`
  - 动势箭头起点：`#D63847`
  - 动势箭头终点：`#FF7E5F`
- `reversed`
  - 动势箭头起点：`#24CCA7`
  - 动势箭头终点：`#9BF76B`

含义：

- 绿色系保留“上涨、机会、收益”联想
- 青绿过渡强化“数据驱动、智能分析”的科技感

### 辅助色

- `default`
  - 上涨 K 线：`#EF4444`
  - 下跌 K 线：`#22C55E`
- `reversed`
  - 上涨 K 线：`#22C55E`
  - 下跌 K 线：`#EF4444`
- 能量高光根据当前变体做暖橙或冷青偏移

## 版式结构

以 512 x 512 画布为基准：

| 区域 | 元素 | 作用 |
| --- | --- | --- |
| 中央偏左 | 上冲箭头 | 主识别符号 |
| 左下 | 3 根 K 线 | 市场数据来源 |
| 右上 | AI 数据轨道 | 科技与分析能力 |
| 底部 | 趋势折线 | 补充市场语义 |

整体阅读顺序：

1. 先看见中心上冲箭头
2. 再识别左下 K 线
3. 最后感知右上轨道节点的 AI 属性

## 小尺寸策略

### 32 x 32

保留：

- 上冲箭头
- 3 根 K 线
- 轨道和节点

弱化：

- 网格线
- 底部折线细节
- 发光层级

### 128 x 128 及以上

完整保留：

- 背景网格
- 箭头阴影和辉光
- 轨道节点
- 底部趋势折线

## 文件约定

主设计源文件：

- `icon.svg`
- `icon-final.svg`
- `icon-design.svg`

打包输出文件：

- `32x32.png`
- `128x128.png`
- `128x128@2x.png`
- `512x512.png`
- `icon.png`
- `icon.ico`
- `icon.icns`

运行时图标文件：

- `runtime-default.png`
- `runtime-reversed.png`
- `tray-default.png`
- `tray-reversed.png`
- `icon-default.png`
- `icon-reversed.png`

## 生成方式

当前项目不依赖外部 SVG 转 PNG 工具，而是使用 `Pillow` 直接生成可打包资产。

执行命令：

```bash
python3 src-tauri/icons/build-icons.py
```

这会直接输出 Tauri 所需的 PNG、ICO、ICNS 文件。

## 设计原则

### 必须保持

- 深蓝金融终端背景
- 绿色动势箭头作为主图形
- K 线与 AI 轨道同时存在
- 圆角方形轮廓

### 不建议改动

- 不要回到“文档 + 印章”主视觉
- 不要改成通用聊天机器人图标
- 不要堆过多电路细节，避免 32px 失真
- 不要使用偏紫的默认 AI 产品色系

## 版本记录

### 2026-03-22

- 将图标方向从“公告图标为主”重构为“市场动势 + AI 分析”
- 新增上冲箭头、K 线底座、数据轨道三层语义结构
- 新增 `Pillow` 生成链，直接导出 PNG / ICO / ICNS 打包资源
- 新增 `default / reversed` 双变体，并与应用涨跌颜色模式联动
