# 需求背景

- 为什么要做
    
- 解决什么问题
    
- 对业务的价值
    
- 竞品的状态
    

# 用户旅程（用户使用场景/前端页面/不包含判断规则）

![[Pasted image 20260410102409.png]]

# 场景拆解（包含判断规则&场景说明）

|   |   |   |   |   |
|---|---|---|---|---|
|流程|节点|使用场景|系统行为|判断规则|
|流程 1|节点 1-1|用户触发场景/条件|判断条件|满足条件时的操作|
|流程 1|节点 1-2|用户触发场景/条件|判断条件|满足条件时的操作|
|流程 1|节点 1-3|用户触发场景/条件|判断条件|满足条件时的操作|

# 需求定义（场景到需求的转化）

|   |   |   |   |   |   |   |
|---|---|---|---|---|---|---|
|流程|节点|需求描述|需求描述|需求类型|优先级|实现方式（可选）|
|流程 1|节点 1-1|需求 1||功能|P 0|复用|
|流程 1|节点 1-2|需求 2||规则|P 1|三方开发|
|流程 1|节点 1-3|需求 3||异常|P 2|AWOL 开发|

# 卖点转化

|   |   |
|---|---|
|卖点|需求/功能点|
|卖点 1|功能/需求 1|
|卖点 1|功能/需求 2|
|卖点 1|功能/需求 3|
|卖点 2|功能/需求 4|
|||

# 排期需求

|   |   |   |
|---|---|---|
|功能模块/页面|包含内容|目标版本|
||||

# 需求风险

|   |   |   |
|---|---|---|
|功能模块/功能点|风险描述|解决方案|
||||

# 远期规划
![[Pasted image 20260410102442.png]]

# 自我检查

- 是否所有旅程节点都有对应需求？
    
- 是否有未覆盖到的异常场景？
    
- 是否可直接开发？

软件需求规划 1


---

## 1. 文档信息

### 1.1 更新日志

| 时间 | 版本号 | 变更人 | 主要变更内容 |
|------|--------|--------|--------------|
| 2025/10/3 | V1.0 | 欧阳鹏昊 | 文档新建 |

### 1.2 名词解释

| 术语/缩略词 | 说明 |
|-------------|------|
| EXIF | 可交换图像文件格式，包含照片拍摄参数、地理位置等元数据 |
| AI智能搜索 | 基于CLIP模型的以文搜图功能 |
| OCR | 光学字符识别，用于识别图片中的文字内容 |
| NAS | 网络附加存储，提供数据存储和访问服务 |
| RAW | 相机原始图像文件，未经压缩处理 |

### 1.3 适用范围

- NAS OS 内部产品、设计、研发、测试人员
- OS 合作伙伴

---

## 2. 需求概述

### 2.1 产品背景

AWOL智能相册是基于开源Immich相册进行深度定制开发的NAS相册应用，旨在为ZIMAOS用户提供专业、智能的照片管理解决方案。产品定位为NAS直连竞品，满足用户照片备份、整理、智能分类和分享的核心需求。

### 2.2 产品目标与价值

| 维度 | 描述 |
|------|------|
| **核心目标** | 提供稳定、高效的照片存储与管理平台，支持海量照片的智能组织与检索 |
| **用户价值** | 简化照片管理流程，通过AI能力实现自动分类、智能搜索，提升用户查找照片效率 |
| **技术价值** | 基于Immich成熟架构，结合NAS本地AI能力，实现隐私优先的本地智能处理 |

---

## 3. 竞品分析

### 3.1 竞品概况

| 竞品 | 目标用户 | 核心优势 | 主要不足 | 借鉴点 |
|------|----------|----------|----------|--------|
| 绿联相册 | 喜欢拍照收藏的NAS用户 | 用户量大，功能成熟 | - | 宝宝相册、条件相册、自定义学习、照片收集 |
| 极相册 | 喜欢拍照收藏的用户 | AI能力较强 | - | 智能分类、宠物品种识别 |
| 飞牛相册 | 喜欢拍照收藏的用户 | 界面简洁 | - | 用户体验设计 |
| Immich | 技术用户、隐私敏感用户 | 开源、功能全面、持续更新 | 界面不够本土化 | 技术架构、功能完整性 |

### 3.2 功能覆盖对比

> 注：✅ 支持  ❌ 不支持

#### 图库功能

| 功能点 | 绿联相册 | 极相册 | 飞牛相册 | Immich |
|--------|----------|--------|----------|--------|
| 手动上传 | ✅ | ✅ | ✅ | ✅ |
| 读取关联文件夹 | ✅ | ✅ | ✅ | ✅ |
| 按时间轴查看 | ✅ | ✅ | ✅ | ✅ |
| 按文件夹展示 | ✅ | ✅ | ✅ | ✅ |
| 视图大小切换 | ✅ | ✅ | ❌ | ❌ |
| 筛选 | ✅ | ✅ | ❌ | ❌ |
| 收藏的照片 | ❌ | ✅ | ✅ | ✅ |
| 地图 | ✅ | ✅ | ✅ | ✅ |

#### 相册功能

| 功能点 | 绿联相册 | 极相册 | 飞牛相册 | Immich |
|--------|----------|--------|----------|--------|
| 允许自建相册 | ✅ | ✅ | ✅ | ✅ |
| 个人相册 | ✅ | ✅ | ✅ | ✅ |
| 共享相册管理 | ✅ | ✅ | ✅ | ✅ |
| 条件相册 | ✅ | ❌ | ✅ | ❌ |
| 宝宝相册 | ✅ | ✅ | ✅ | ❌ |
| 地点相册 | ✅ | ✅ | ✅ | ✅ |

#### 智能聚类

| 功能点 | 绿联相册 | 极相册 | 飞牛相册 | Immich |
|--------|----------|--------|----------|--------|
| 人物聚类 | ✅ | ✅ | ✅ | ✅ |
| 证件照 | ✅ | ❌ | ✅ | ❌ |
| 动物 | ✅ | ✅ | ✅ | ❌ |
| 风景 | ❌ | ✅ | ✅ | ❌ |
| 宠物品种识别 | ❌ | ✅ | ❌ | ❌ |

---

## 4. 功能清单

### 4.1 照片浏览

| 功能模块 | 功能点 | 功能描述 | 优先级 | 备注 |
|----------|--------|----------|--------|------|
| 照片浏览 | 时间轴视图 | 以时间轴视图浏览照片 | P0 | 基础能力 |
| 照片浏览 | 文件夹浏览 | 按用户规整的文件夹维度查看照片 | P1 | - |
| 照片浏览 | 地图浏览 | 以世界地图的方式查看照片，展现用户足迹 | P1 | - |
| 照片管理 | 照片上传 | 将本地/NAS中的图片手动上传到相册应用 | P0 | 基础能力 |
| 照片管理 | 关联文件夹 | 关联NAS文件夹中的图片，监测文件夹变动实时更新 | P0 | 基础能力 |
| 照片管理 | 最近添加 | 按时间顺序，最近加入到照片库中的100张图片 | P1 | - |
| 照片管理 | 我的收藏 | 汇总展示用户收藏照片 | P1 | - |

### 4.2 智能分类

| 功能模块 | 功能点 | 功能描述 | 优先级 | 备注 |
|----------|--------|----------|--------|------|
| 人物 | 人物聚类 | 通过AI识别照片中的人脸，自动聚合成人脸相册 | P0 | - |
| 地点 | 地点聚合 | 识别照片中的地理位置信息，按地级市维度聚合成相册 | P0 | - |
| 类型 | 媒体类型分类 | 按图片、动图、视频将照片分类展示 | P1 | - |
| 标签 | 标签聚合 | 读取照片info中的标签信息，按标签聚合 | P1 | - |
| 智能分类 | AI识别聚类 | 使用AI识别聚类，包括【猫】【狗】【证件】【动物】 | P0 | - |

### 4.3 查看与播放

| 功能模块 | 功能点 | 功能描述 | 优先级 | 备注 |
|----------|--------|----------|--------|------|
| 图片查看 | 上一张/下一张 | 切换查看的图片 | P0 | 基础能力 |
| 图片查看 | 放大/缩小 | 放大/缩小图片 | P0 | 基础能力 |
| 图片查看 | 实况/动态图浏览 | 点击播放实况图 | P1 | - |
| 视频播放 | 播放控制 | 播放/暂停、上一个/下一个、seek、音量调节 | P0 | 基础能力 |
| 视频播放 | 全屏 | 全屏播放 | P0 | 基础能力 |
| 视频播放 | 倍速 | 在0.5~2.0区间内倍速播放 | P0 | 基础能力 |

### 4.4 内容操作

| 功能模块 | 功能点 | 功能描述 | 优先级 | 备注 |
|----------|--------|----------|--------|------|
| 选择 | 多选/快捷键多选 | 选择多条内容，支持Shift快捷多选 | P0 | - |
| 分享 | 分享功能 | 分享照片/相册 | P0 | - |
| 管理 | 归档 | 将选中的图片在照片时间轴/相册中设置为隐藏 | P1 | - |
| 管理 | 收藏 | 将图片添加到收藏 | P1 | - |
| 管理 | 下载 | 将图片下载到本地 | P1 | - |
| 编辑 | 编辑图片信息 | 编辑图片EXIF等信息 | P1 | - |
| 编辑 | OCR | 识别图片中的文字信息 | P1 | - |
| 编辑 | 设置标签 | 为图片添加标签 | P1 | - |
| 编辑 | 添加到相册 | 将图片添加到个人相册 | P0 | 基础功能 |
| 编辑 | 删除 | 删除该图片 | P0 | 基础功能 |

### 4.5 工具

| 功能模块 | 功能点 | 功能描述 | 优先级 | 备注 |
|----------|--------|----------|--------|------|
| 共享管理 | 共享管理 | 管理已共享的相册、链接以及收到的共享 | P1 | - |
| 归档管理 | 归档 | 管理归档隐藏的图片 | P1 | - |
| 实用工具 | 检查重复项 | 检查图库中的重复内容 | P1 | - |
| 实用工具 | 查看大文件 | 检索并列出图库中大于50M的图片及大于1GB的视频 | P1 | - |
| 回收站 | 回收站 | 管理用户在相册应用中临时删除的图片，30天后自动清空 | P1 | - |

### 4.6 搜索

| 功能模块 | 功能点 | 功能描述 | 优先级 | 备注 |
|----------|--------|----------|--------|------|
| AI搜索 | 以文搜图 | 通过描述搜索对应的图片，使用CLIP模型 | P0 | - |
| 普通搜索 | 关键词搜索 | 按人名、地点名、文件名、OCR识别的照片文字关键词进行搜索 | P0 | - |
| 文本搜索 | 文本识别搜索 | 通过识别图片中的具体文字搜索 | P1 | - |

### 4.7 设置

| 功能模块 | 功能点 | 功能描述 | 优先级 | 备注 |
|----------|--------|----------|--------|------|
| 用户 | 账户信息 | 显示用户头像、用户名，需接入NAS账户体系 | P0 | 基础功能 |
| 设置 | 文件夹管理 | 设置个人图库关联的文件夹，可添加多个，自动同步 | P0 | 基础功能 |
| 设置 | AI模型管理 | 设置人脸、Intel CLIP、OCR模型是否启用 | P0 | AI基础能力 |
| 相册备份 | 备份设置 | 选择需要备份的照片文件夹、备份目的地、备份逻辑 | P1 | - |

### 4.8 优先级定义

| 优先级 | 定义 |
|--------|------|
| **P0** | 基石功能，无该功能则无法使用；主卖点相关的功能；硬件已规划选型，软件必须配合适配的功能 |
| **P1** | 用户需求量大，可以提升用户体验，且大部分竞品都有但没有也不会影响用户主要场景使用的功能 |
| **P2** | 产品评估未来可作为差异点的功能；用户痒点功能 |

---

## 5. 技术架构

### 5.1 服务端设计

#### 5.1.1 Immich移植

移植Immich应用重新打包为可原生运行在ZIMAOS的安装包方式。基于Immich成熟的开源架构，确保功能稳定性和持续更新能力。

#### 5.1.2 用户与权限设计

1. 相册用户与NAS用户一致，打开相册时带入当前登录用户
2. 每个用户都能创建自己的图库和相册，在【相册】应用中，用户的数据独立
3. 用户登录后，自动检索用户目录/photos下的图片，用户在相册中上传的图片也将保存在该目录
4. 用户可以以自己的方式将自己的相册共享给系统中的其他用户，也可接受其他用户共享的相册
5. 用户在相册中操作删除照片后会临时删除到相册回收站中，此时实际文件未被删除，回收站中的图片清理后才真实删除

### 5.2 支持的文件格式

#### 5.2.1 基础图片格式

| 格式        | 扩展名          | 说明            |
| --------- | ------------ | ------------- |
| JPEG      | .jpg, .jpeg  | 最常用的照片格式      |
| PNG       | .png         | 支持透明度的无损格式    |
| GIF       | .gif         | 动图和静态图        |
| WebP      | .webp        | Google开发的现代格式 |
| HEIF/HEIC | .heic, .heif | 苹果设备常用，高效压缩   |


#### 5.2.2 RAW格式（相机原始文件）

| 品牌         | 主要格式       | 其他格式        |
| ---------- | ---------- | ----------- |
| Canon      | .cr2, .cr3 | .crw        |
| Nikon      | .nef, .nrw | .raw        |
| Sony       | .arw, .sr2 | .srf, .srw  |
| Fujifilm   | .raf       | -           |
| Olympus    | .orf       | -           |
| Panasonic  | .rw2, .raw | -           |
| Leica      | .rwl, .raw | -           |
| Pentax     | .pef, .ptx | .raw        |
| Sigma      | .x3f       | -           |
| Hasselblad | .3fr       | -           |
| Phase One  | .iiq       | -           |
| DNG（通用）    | .dng       | Adobe数字负片格式 |

#### 5.2.3 特殊格式

| 格式 | 扩展名 | 说明 |
|------|--------|------|
| TIFF | .tif, .tiff | 高质量无损格式 |
| BMP | .bmp | Windows位图 |
| ICO | .ico | 图标格式 |
| SVG | .svg | 矢量图形（需要配置） |
| PPM/PGM/PBM | .ppm, .pgm, .pbm | 无损位图格式 |

#### 5.2.4 视频格式

- MP4 (.mp4, .m4v)
- MOV (.mov) - 苹果设备常用
- AVI (.avi)
- WebM (.webm)
- MKV (.mkv)
- WMV (.wmv)
- 3GP (.3gp)
- QuickTime (.qt)
- FLV (.flv)

### 5.3 图库数量限制

| 限制项 | 说明 |
|--------|------|
| **照片数量** | 单用户可上传照片数量最大限制为10万张，超出提示：相册照片数量已达上限，请删除部分照片 |
| **相册数量** | 单个用户可创建的相册数量约束为1万个，超出提示：创建的相册数量已达上限，请删除部分相册 |

---

## 6. WEB/PC端功能设计 (V0.1)

### 6.1 整体说明

相册WEB V0.1版本将基于开源Immich相册进行改造适配，保持核心功能稳定的同时，针对ZIMAOS用户需求进行定制化优化。

### 6.2 导航菜单适配

| AWOL相册 | Immich对应 | 备注 |
|----------|------------|------|
| 照片 | 照片 | - |
| 文件夹 | 文件夹 | - |
| 地图 | 地图 | - |
| 最近添加 | - | 新增，最近3个月加入的照片 |
| 我的收藏 | 收藏夹 | - |
| 相册 | 相册 | 导航栏不做相册折叠 |
| 人物 | 人物 | - |
| 地点 | 探索-地点 | 复用探索模块中的地点 |
| 标签 | 标签 | - |
| 类型 | - | 新增，按图片、动图、视频分类 |
| 智能分类 | - | 新增，包含证件、动物等 |
| 共享管理 | 共享 | 整合共享链接管理 |
| 检查重复项 | 实用工具-检查重复项 | - |
| 查看大文件 | 实用工具-查看大文件 | - |
| 归档 | 归档 | - |
| 回收站 | 回收站 | - |
| - | 锁定文件夹 | 无需该功能 |
| - | 存储空间 | 无需该功能 |
| - | 服务器状态 | 无需该功能 |

### 6.3 搜索功能设计

#### 6.3.1 AI智能搜索

- **功能**：使用CLIP模型，以文搜图（描述场景来搜索图片）
- **默认开启**，提示文案：请描述你想搜索的图片，如：海边夕阳
- **支持语言**：英文、中文、德语、法语、意大利语、西班牙语
- **输入限制**：最长字符数50字符，超长提示"请精简您的内容，控制在50字符内"

#### 6.3.2 普通搜索

- **功能**：按人名、地点名、文件名、OCR识别的照片文字关键词进行搜索
- **触发方式**：关闭【智能搜索】后切换到该模式
- **输入提示语**：请输入照片人名、地点、文件名、照片内文字进行搜索

#### 6.3.3 搜索结果

- 提供搜索结果页展示结果
- 搜索词保留在输入框中
- 结果按匹配度由大到小排列
- 搜索结果提示：已根据相关性将搜索结果列出
- 结果展示最大数量：保持和Immich逻辑

#### 6.3.4 空态页

页面提示：无搜索结果，尝试使用同义词或更通用的关键词

#### 6.3.5 历史记录

- 按时间由近到远列出最近搜索的关键词
- 最大记录最新的5条
- 端侧记录，相册页面关闭重新打开后清除
- 用户手动输入关键词后收起下拉
- 选择关键词后填入信息进行搜索

### 6.4 全局功能

#### 6.4.1 快捷添加

- 点击【添加】按钮呼出菜单，包含"上传照片""创建相册"
- 点击"上传照片"呼出PC文件选择器，限定格式与Immich保持一致
- 点击"创建相册"进入相册创建页

#### 6.4.2 主题切换

- 点击切换相册页面深色/浅色模式
- 默认【浅色】模式

#### 6.4.3 相册通知

Immich相册自带【通知】功能，但是通知内容未做用户可读性处理，后续规划将相册通知接入到OS系统通知中，故移除Immich相册自带的【通知功能】。

#### 6.4.4 相册设置

**配置关联的文件夹：**

- 文件夹图标、文件夹路径、可用空间、照片数量、视频数量
- 默认关联的文件夹展示"默认"标签
- 用户使用系统账号登录后，系统自动关联"用户目录/用户名/Photos"至相册
- 如登录时系统无该目录，将自动生成，并赋权至对应用户
- 关联后立即自动执行扫描任务

**添加关联的文件夹：**

- 点击拉起【文件夹选择器】，使用ZIMA OS现有的单选文件夹选择器
- 可选文件夹范围根据用户权限列出
- 只允许选择文件夹
- 当前仅支持单选（V0.1）

**移除关联的文件夹：**

- 点击【移除】按钮可操作移除已添加到图库的文件夹
- 移除需二次确认：此操作仅将文件夹从应用中移除，内容文件将不会受到影响
- 默认添加的Photos文件夹不可被移除

**扫描文件夹：**

- **单个扫描**：点击文件夹旁的【扫描】按钮可发起扫描
  - 需要展示扫描状态：图片扫描中、已扫描文件数/文件总数
  - 扫描中，可操作停止扫描
  - 扫描任务按【增量扫描】执行
- **全部扫描**：点击右上角【扫描全部】发起，所有文件夹进入扫描中状态

**AI模型管理：**

- **智能搜索模型任务**：连接至Intel CLIP模型，提供识别全部和识别缺失功能
- **人脸检测/识别**：连接至【人脸模型】，功能和逻辑与Immich保持一致
- **文本识别**：连接至【OCR模型】，功能和逻辑与Immich保持一致
- **重复项检测**：连接至【Intel CLIP模型】，功能和逻辑与Immich保持一致

### 6.5 照片相关功能

#### 6.5.1 照片模块

【照片】模块基于Immich【照片】做裁剪，主要改动点：

| 改动点 | 说明 |
|--------|------|
| 【上传】替换为【添加】按钮 | 全局功能中提供了上传图片 |
| 去掉选择状态下的【全选】按钮 | Immich全选功能在图片过多的情况下有性能问题 |
| 去掉CTRL+A快捷全选功能 | 性能优化 |
| 去掉【移动到锁定文件夹】功能 | 我方相册应用去掉了【锁定文件夹】功能 |

#### 6.5.2 文件夹模块

【文件夹】模块相较于Immich需要将功能区嵌入到内容区中，其他功能和交互与Immich【文件夹】完全一致。

#### 6.5.3 地图模块

【地图】功能交互与Immich【地图】完全一致。

#### 6.5.4 最近添加

按最近加入到图库的时间顺序以时间轴的方式列出最近3个月的照片，其他逻辑与【照片】模块一致。

### 6.6 图库相关功能

#### 6.6.1 我的收藏

根据Immich【收藏夹】模块改造，去掉选择状态下的【全选】按钮以及CTRL+A快捷全选功能。

#### 6.6.2 相册

**相册列表：** V0.1版本与Immich保持一致

**相册内容页改动点：**

| 改动点 | 说明 |
|--------|------|
| 排序功能提出到右上角 | 可切换按拍摄时间排序，排序项有【最新的优先】【最旧的优先】，默认最新的优先 |
| 共享用户添加 | 一直在内容页展示，当前用户默认展示在该处 |
| 去掉【更多】中的【选项】 | 排序、添加用户已提到外面，评论、点赞功能不需要 |

#### 6.6.3 人物

与Immich【人物】模块保持一致。

#### 6.6.4 地点

V0.1版本复用Immich中的【探索-地点】模块。

#### 6.6.5 标签

复用Immich【标签】功能。

#### 6.6.6 类型

类型分组Immich无该功能，需自行构建。按图片、动图、视频分类聚合展示。

#### 6.6.7 智能分类

V0.1版本AI智能分类包括：
- 证件
- 动物（猫、狗等）

---

## 7. 移动端设计 (V0.1)

### 7.1 整体说明

移动端V0.1版本基于Immich App + WebView混合方案，在保持核心体验的同时，快速实现NAS相册的移动端访问能力。

### 7.2 核心功能

| 功能模块 | 说明 |
|----------|------|
| 照片浏览 | 时间轴浏览、文件夹浏览、地图浏览 |
| 相册管理 | 个人相册、共享相册、人物相册、地点相册 |
| 照片上传 | 手机照片备份到NAS相册 |
| 搜索 | AI智能搜索、普通关键词搜索 |
| 设置 | 文件夹管理、AI模型管理、备份设置 |

---

## 8. 非功能需求

### 8.1 性能需求

| 指标 | 要求 |
|------|------|
| 页面加载 | 首屏加载时间 < 3秒，图片缩略图懒加载 |
| 图片加载 | 缩略图生成时间 < 1秒，大图渐进式加载 |
| 搜索响应 | 普通搜索 < 2秒，AI搜索 < 5秒 |
| 并发支持 | 支持10个用户同时访问，单用户1000张/分钟上传 |

### 8.2 安全需求

- **用户数据隔离**：每个用户只能访问自己的照片和共享给自己的相册
- **传输加密**：所有数据传输使用HTTPS加密
- **本地AI处理**：人脸识别、OCR等AI功能在本地执行，不上传云端
- **敏感内容**：支持敏感图片模糊处理

### 8.3 兼容性需求

- **浏览器**：Chrome 90+、Firefox 88+、Safari 14+、Edge 90+
- **移动端**：iOS 14+、Android 10+
- **响应式**：支持1920x1080、1366x768、768x1024等常见分辨率

---

## 9. 附录

### 9.1 原型链接

- Figma原型：https://www.figma.com/design/GEYjKAaakgF4jtrD1tRdsx/相册

### 9.2 参考文档

- Immich官方文档：https://immich.app/docs

---



AWOL智能相册产品需求文档-优化版

相册软件需求规划

# NAS 相册 - 老钱风(Old Money)设计分析

> **设计目标**: 打造一款如家族传承珍品般的相册产品，而非冰冷的数字工具。

---

## 一、老钱风核心特征

### 1.1 视觉语言

| 元素 | 特征 | 设计应用 |
|------|------|----------|
| **色彩** | 柔和中性色调、低饱和度 | 奶油白、暖灰、深绿、海军蓝、金色点缀 |
| **字体** | 经典衬线字体 | 标题用 Playfair Display, Cormorant Garamond |
| **质感** | 纸张、亚麻、皮革纹理 | 微颗粒感、柔和阴影 |
| **留白** | 大量呼吸空间 | 宽松间距、不拥挤 |
| **边框** | 细线框、经典装饰 | 1px 精致边框、圆角克制 |

### 1.2 色彩系统

```yaml
主色调:
  奶油白 (Cream White):   "#FAF9F6"  # 主背景
  暖灰 (Warm Gray):       "#E8E6E1"  # 卡片背景
  炭灰 (Charcoal):        "#2C2C2C"  # 主文字
  深绿 (Forest Green):    "#2D5016"  # 强调色/成功
  海军蓝 (Navy):          "#1E3A5F"  # 次强调色

点缀色:
  古铜金 (Antique Gold):  "#C9A961"  # 高亮、图标
  勃艮第红 (Burgundy):    "#800020"  # 警示/重要
  深棕 (Deep Brown):      "#3D2914"  # 边框、分隔线
```

### 1.3 字体搭配

| 用途 | 推荐字体 | 备选 |
|------|----------|------|
| **标题** | Playfair Display | Cormorant Garamond, Bodoni Moda |
| **正文** | Source Serif Pro | Libre Baskerville |

**字号层级**:

| 层级 | 字号 | 字重 | 备注 |
|------|------|------|------|
| H1 | 32px | 400 | 优雅不张扬 |
| H2 | 24px | 400 | |
| Body | 15px | 400 | |
| Caption | 13px | 400 | 大写字母 + 宽字间距 |

---

## 二、欧美用户偏好分析

### 2.1 功能偏好

| 功能 | 重要度 | 老钱风处理 |
|------|:------:|------------|
| **隐私安全** | ⭐⭐⭐⭐⭐ | 突出本地存储、端到端加密标识 |
| **家庭相册** | ⭐⭐⭐⭐⭐ | 代际传承感设计 |
| **EXIF 信息** | ⭐⭐⭐⭐ | 专业摄影元数据展示 |
| **打印服务** | ⭐⭐⭐⭐ | 高品质冲印集成 |
| **RAW 支持** | ⭐⭐⭐⭐ | 专业摄影师需求 |
| **地图定位** | ⭐⭐⭐ | 旅行足迹优雅展示 |

### 2.2 交互偏好

- **从容优雅** — 不追求效率至上，重视从容体验
- **精致动画** — 平滑过渡，不突兀
- **直觉手势** — 符合直觉，不强制学习
- **温和反馈** — 错误处理温和，不打扰

### 2.3 内容偏好

- 重视 **家族历史** 与 **传承**
- 喜爱 **旅行摄影** 与 **艺术摄影**
- 关注 **隐私保护** 与 **数据所有权**
- 欣赏 **经典摄影术语** 而非通俗说法

---

## 三、现有设计的老钱风改造

### 3.1 导航侧边栏

| 维度 | 原设计问题 | 老钱风改造 |
|------|------------|------------|
| 背景 | 蓝色科技感过重 | 奶油白 → 暖灰渐变 |
| 选中状态 | 蓝色高亮 | 深绿/海军蓝底 + 金色左边框 |
| 图标 | 过于现代/扁平 | 精致轮廓图标 |
| 字体 | 无衬线 | 衬线字体 |
| 间距 | 信息密度高 | 宽松舒适 |
| 质感 | — | 添加微妙纸张纹理背景 |

### 3.2 相册封面

- **米色纸张质感** 背景
- **1px 深棕色细线** 边框
- **经典相框效果** 照片展示
- **优雅大写 + 宽字间距** 元信息

### 3.3 搜索界面

- **底部细线** 搜索框（非方框）
- **经典下拉** 筛选器样式
- **低调展示** AI 功能，不喧宾夺主
- **强调摄影品质** 的结果展示

### 3.4 存储管理

- **经典仪表盘** 风格数据可视化
- **深绿到金色渐变** 进度条
- **优雅等宽字体** 统计数字

---

## 四、老钱风设计原则

### 4.1 少即是多 (Less is More)

- 每个元素都应有 **存在的理由**
- 避免功能堆砌
- 突出 **品质感** 而非 **功能数量**

### 4.2 时间的考验

- 设计经得起 **时间考验**
- 避免追逐短期设计趋势
- 参考 **经典品牌** 设计（如 Ralph Lauren, Hermès）

### 4.3 细节见品质

- 1px 边框的精确
- 微妙的阴影深度
- 恰到好处的圆角（4-8px）
- 精致的悬停状态

### 4.4 文化底蕴

- 使用 **摄影史** 相关隐喻
- 参考 **经典相册/影集** 设计
- 尊重 **家族传承** 的情感价值

---

## 五、竞品参考

### 5.1 数字产品

| 产品 | 借鉴点 |
|------|--------|
| **Kinfolk 杂志** | 留白、摄影展示、字体搭配 |
| **Ralph Lauren 官网** | 色彩系统、经典布局 |
| **The New Yorker** | 衬线字体运用、编辑感 |
| **Apple Photos (经典版)** | 简洁优雅、聚焦内容 |
| **VSCO** | 摄影师社区、专业感 |

### 5.2 实体参考

- **皮面相册** — 质感、装订方式
- **婚礼相册** — 排版、留白、装饰元素
- **旅行日志** — 地图、文字、照片的结合

---

## 六、改造清单

### 6.1 色彩应用表

| 场景 | 颜色 | 色值 | 应用方式 |
|------|------|------|----------|
| 页面背景 | 奶油白 | `#FAF9F6` | 整体画布 |
| 卡片背景 | 纯白 | `#FFFFFF` | 内容容器，微阴影 |
| 主文字 | 炭灰 | `#2C2C2C` | 标题、正文 |
| 次要文字 | 中灰 | `#6B6B6B` | 描述、元信息 |
| 选中状态 | 深绿 | `#2D5016` | 导航选中、强调 |
| 边框 | 浅棕灰 | `#D4CFC7` | 1px 细线 |
| 高亮 | 古铜金 | `#C9A961` | 图标、重要信息 |

### 6.2 组件改造清单

- [ ] 导航侧边栏 — 深绿选中 + 金色指示
- [ ] 相册卡片 — 纸张质感 + 细边框
- [ ] 搜索框 — 底部线条 + 优雅图标
- [ ] 按钮 — 细边框 / 填充两种形态
- [ ] 时间轴 — 经典垂直线 + 圆点
- [ ] 人物头像 — 圆形带细边框
- [ ] 空状态 — 优雅插画 + 衬线文字
- [ ] 加载状态 — 细腻动画

### 6.3 文案风格对比

| 原风格 | 老钱风 |
|--------|--------|
| 上传照片 | Add to Collection |
| AI 搜索 | Discover by Description |
| 检查重复 | Find Duplicates |
| 家庭相册 | Family Archive |
| 相册 | Heritage Albums |

---

## 七、原型设计方向

1. **经典导航侧边栏** — 深绿/金色强调，衬线字体
2. **优雅相册画廊** — 纸张质感，相框效果
3. **精致搜索界面** — 底部线条搜索，低调 AI
4. **传承时间轴** — 经典设计，家族感

---

## 附录：快速参考

### 色板速查

```
#FAF9F6  奶油白 (背景)
#E8E6E1  暖灰 (卡片)
#2C2C2C  炭灰 (主文字)
#2D5016  深绿 (强调)
#1E3A5F  海军蓝 (次强调)
#C9A961  古铜金 (高亮)
#800020  勃艮第红 (警示)
#3D2914  深棕 (边框)
```

### 字体速查

```
标题: Playfair Display, Cormorant Garamond
正文: Source Serif Pro, Libre Baskerville
```


NAS 相册 - 老钱风(Old Money)设计分析

# NAS智能相册 UI/UX 设计评审意见书

**评审日期**: 2026年3月16日
**评审对象**: AWOL Photos (NAS智能相册) UI设计稿 V0.1
**竞品参考**: Immich, Google Photos, 极相册, 飞牛相册
**评审维度**: 产品架构 / 视觉设计 / 交互设计 / 可用性 / 一致性

---

## 一、整体印象与设计定位

### 1.1 设计基调
设计稿整体呈现**现代、轻量、专业**的视觉风格，与ZIMAOS系统设计语言保持较好的一致性。采用浅色调为主，强调留白和内容优先，符合当前主流相册应用的设计趋势。

### 1.2 与竞品对比定位

| 维度 | Google Photos | Immich | 本产品 | 评价 |
|------|---------------|--------|--------|------|
| 视觉复杂度 | 极简 | 功能导向 | 平衡型 | 介于两者之间，适合专业NAS用户 |
| 信息密度 | 低 | 高 | 中 | 需要进一步优化信息层级 |
| 品牌辨识度 | 强 | 一般 | 待建立 | 需强化视觉记忆点 |

---

## 二、详细评审意见

### 2.1 导航与信息架构 ⭐⭐⭐⭐

#### 优势
- **结构清晰**: 左侧导航采用分组设计（Gallery / Management），逻辑明确
- **层级合理**: 从「照片→文件夹→地图」到「人物→地点→类型」的组织方式符合用户心智模型
- **沉浸式体验**: 导航收起后提供全内容浏览区域

#### 问题与优化建议

**问题1: 导航项过于密集**
- 当前导航包含15+项，首屏展示压力大
- 建议将「检查重复项」「查看大文件」「归档」「回收站」整合到「工具」或「更多」二级菜单

**问题2: 图标系统不够统一**
- 观察到部分图标风格不一致（如Categories与Smart Categories的图标设计语言有差异）
- **建议**: 建立图标规范，统一线型/面型、描边粗细

**问题3: 缺少快捷入口**
- 建议增加「最近使用」或「快捷访问」区域，方便高频操作

---

### 2.2 搜索与AI功能 ⭐⭐⭐⭐⭐

#### 优势
- **AI搜索入口突出**: 蓝色AI按钮设计醒目，符合产品AI-first的定位
- **状态切换清晰**: AI搜索开启/关闭状态有明显的视觉区分（紫色边框提示）
- **搜索历史**: 保留最近搜索记录，提升效率

#### 问题与优化建议

**问题1: 搜索结果页缺少筛选器**
- 当前设计仅有按相关性排序
- **建议**: 增加「时间范围」「媒体类型」「人物」等筛选维度

**问题2: AI搜索提示文案可优化**
- 当前: "Describe to search, e.g., 'Sunset'"
- **建议**: 提供动态示例轮换，或展示热门搜索词

**问题3: 搜索空态可更丰富**
- 可增加「试试搜索：海滩、生日、宠物」等引导式建议

---

### 2.3 相册列表与组织 ⭐⭐⭐⭐

#### 优势
- **视图切换灵活**: 支持封面视图/列表视图切换
- **分组清晰**: 按年份分组（2025展开显示40个相册）便于批量管理
- **标签页设计**: "ALL / My Albums / Shared With Me"切换直观

#### 问题与优化建议

**问题1: 相册封面展示可优化**
- 当前封面较小，难以快速识别内容
- **建议**:
  - 封面视图支持大/中/小三档尺寸调节
  - 鼠标悬停显示更多缩略图预览

**问题2: 缺少相册统计信息**
- 建议在列表项展示「创建日期」「最后更新时间」等元信息

**问题3: 批量管理入口隐藏**
- 建议增加批量选择/批量操作的快捷入口

---

### 2.4 照片浏览与时间轴 ⭐⭐⭐⭐⭐

#### 优势
- **时间轴设计优秀**: 按日期分组清晰，右侧年份导航条便于快速跳转
- **缩略图布局合理**: 采用不规则瀑布流布局，视觉丰富
- **选择状态明确**: 选中状态的蓝色边框+勾选图标设计清晰

#### 问题与优化建议

**问题1: 时间轴缺少时间标记密度控制**
- 建议增加「按天/按月/按年」的聚合粒度切换

**问题2: 日期分组标题可更丰富**
- 当前仅显示日期，可增加星期、节日、事件标签

**问题3: 快速滚动时缺少定位辅助**
- 建议增加滚动时的「悬浮日期指示器」

---

### 2.5 人物与地点 ⭐⭐⭐⭐

#### 优势
- **人物头像展示**: 圆形头像排列整齐，支持"Edit People"批量管理
- **地点卡片**: 采用图片+地点名的卡片设计，识别度高
- **地图集成**: 世界地图热力图展示足迹，交互直观

#### 问题与优化建议

**问题1: 人物页面缺少合并/拆分引导**
- 建议增加「疑似同一人」的智能提示

**问题2: 地点页面搜索体验**
- 当前"Search by location"占位符较简单
- **建议**: 支持地图点选、支持附近地点推荐

---

### 2.6 设置与系统功能 ⭐⭐⭐⭐⭐

#### 优势
- **文件夹管理清晰**: 路径、容量、照片数、视频数信息完整
- **扫描状态可视化**: "Photo Scanning | 235/1900"进度展示直观
- **AI模型管理**: 独立标签页，功能划分明确

#### 问题与优化建议

**问题1: 缺少存储空间可视化**
- 建议增加类似Google Photos的存储空间使用图表

**问题2: 任务管理入口较深**
- AI识别、扫描等后台任务的进度查看入口可更明显

---

### 2.7 实用工具 ⭐⭐⭐⭐

#### 优势
- **重复项检测**: 并排对比+详细信息展示，操作便捷
- **共享管理**: "My Share / Share Management"标签页设计清晰
- **回收站**: 30天倒计时提示+批量操作，符合用户预期

#### 优化建议

- **重复项**: 建议增加「自动选择保留最高质量」的智能建议
- **共享管理**: 建议增加共享链接有效期管理

---

## 三、视觉设计规范提炼

基于设计稿，提炼以下视觉规范建议：

### 3.1 色彩系统

```
主色调:
- 品牌蓝: #3B82F6 (AI按钮、选中状态)
- 辅助紫: #8B5CF6 (AI激活状态)

中性色:
- 背景: #F9FAFB (页面背景)
- 卡片: #FFFFFF (内容区域)
- 边框: #E5E7EB (分隔线)
- 文字主色: #111827 (标题)
- 文字次色: #6B7280 (描述)

功能色:
- 成功: #10B981
- 警告: #F59E0B
- 错误: #EF4444
```

### 3.2 字体规范

```
字体栈: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif

层级:
- H1: 24px / 600 weight (页面标题)
- H2: 18px / 600 weight (分组标题)
- Body: 14px / 400 weight (正文)
- Caption: 12px / 400 weight (辅助信息)
```

### 3.3 间距系统

```
基础单位: 4px

常用间距:
- xs: 4px
- sm: 8px
- md: 16px
- lg: 24px
- xl: 32px
- 2xl: 48px
```

### 3.4 组件规范

| 组件 | 圆角 | 阴影 | 说明 |
|------|------|------|------|
| 卡片 | 12px | 0 1px 3px rgba(0,0,0,0.1) | 内容容器 |
| 按钮 | 8px | 无 | 主要/次要/文字按钮 |
| 输入框 | 8px | 无 | 搜索框等 |
| 头像 | 50% | 无 | 人物/用户头像 |
| 缩略图 | 8px | 无 | 照片缩略图 |

---

## 四、交互设计优化方向

### 4.1 快捷键支持

建议增加以下快捷键：

| 快捷键 | 功能 |
|--------|------|
| `Space` | 播放/暂停视频，实况图 |
| `← / →` | 上一张/下一张 |
| `Esc` | 退出大图预览，取消选择 |
| `Shift + Click` | 范围选择 |
| `Delete` | 移至回收站 |
| `F` | 收藏/取消收藏 |
| `Cmd/Ctrl + F` | 聚焦搜索框 |

### 4.2 手势支持（移动端/Web）

- 双指缩放：图片放大/缩小
- 左右滑动：切换照片
- 下拉刷新：刷新列表
- 长按：多选模式

### 4.3 微交互动画

```
建议动画时长: 200-300ms
缓动函数: cubic-bezier(0.4, 0, 0.2, 1)

场景:
- 页面切换: 淡入淡出 200ms
- 卡片悬停: 轻微上浮 + 阴影加深 150ms
- 选中状态: 边框颜色渐变 200ms
- 加载骨架: 脉冲动画 1.5s infinite
```

---

## 五、可用性评估

### 5.1 可用性评分

| 维度 | 评分 | 说明 |
|------|------|------|
| 易学习性 | ⭐⭐⭐⭐ | 界面符合主流相册应用惯例 |
| 效率 | ⭐⭐⭐⭐ | 快捷键和批量操作支持较好 |
| 可记忆性 | ⭐⭐⭐⭐ | 导航结构清晰，容易记住 |
| 容错性 | ⭐⭐⭐ | 缺少撤销操作，删除提示可更强 |
| 满意度 | ⭐⭐⭐⭐ | 整体视觉舒适，交互流畅 |

### 5.2 关键可用性问题

**高优先级:**
1. **缺少撤销功能**: 删除、移动等操作应支持撤销
2. **全选性能问题**: 需求文档提到移除全选，但需确保替代方案高效
3. **大图加载优化**: 建议增加渐进式加载或模糊占位

**中优先级:**
1. **空状态设计**: 部分页面空态较简单，可增加引导
2. **错误提示**: 网络异常、加载失败等状态的处理

---

## 六、未来演进方向

### 6.1 V0.2 版本建议

1. **智能推荐**: 基于时间、地点的「回忆」功能
2. **高级搜索**: 多条件组合搜索（人物+地点+时间）
3. **照片故事**: 自动生成旅行、事件等照片故事
4. **协作功能**: 多人共同编辑相册、评论点赞

### 6.2 V1.0 版本愿景

1. **AI修图**: 自动增强、智能裁剪、背景模糊
2. **视频剪辑**: 简单的照片转视频功能
3. **家庭共享空间**: 家庭成员共享的照片库
4. **第三方集成**: 与社交平台的分享集成

### 6.3 技术驱动的体验升级

| 技术 | 应用场景 |
|------|----------|
| 边缘计算 | 本地AI识别提速 |
| 渐进式Web应用 | 离线浏览、后台同步 |
| WebGL | 地图性能优化、图片滤镜 |
| WebRTC | 端对端加密分享 |

---

## 七、总结与优先级建议

### 7.1 设计优化优先级

**P0 (必须修复):**
- [ ] 统一图标设计风格
- [ ] 优化导航信息密度
- [ ] 增加撤销操作机制

**P1 (强烈建议):**
- [ ] 丰富搜索结果筛选
- [ ] 增加存储空间可视化
- [ ] 优化大图加载体验
- [ ] 完善空状态设计

**P2 (nice to have):**
- [ ] 动态搜索提示
- [ ] 照片故事自动生成
- [ ] 主题色自定义

### 7.2 核心设计原则

1. **内容优先**: 照片是主角，UI元素不应喧宾夺主
2. **效率至上**: NAS用户通常有大量照片，批量操作和快捷键是关键
3. **智能感知**: AI能力要自然融入，而非突兀展示
4. **跨端一致**: 保持Web端与移动端体验的一致性

---

## 八、参考资源

- [Figma设计稿](https://www.figma.com/design/GEYjKAaakgF4jtrD1tRdsx/相册)
- [Immich官方文档](https://immich.app/docs)
- [Google Photos设计规范](https://design.google/)
- [Apple Human Interface Guidelines - Photos](https://developer.apple.com/design/human-interface-guidelines/photos)

---

**评审人**: Claudian (UI/UX Design Consultant)
**下次评审**: V0.2 设计稿完成后

---

*本评审意见基于当前设计稿版本，后续迭代中可根据实际开发反馈进行调整。*
