编辑
2026-08-19
undefined
00

目录

NAS下载器应用V1.0(615版本)产品原型
一、原型范围
1.1 纳入页面
1.2 不纳入本次原型
二、核心导航原型图
三、Web / NAS 本地端原型
3.1 P01 首页 / 任务列表页
页面目标
原型结构图
低保真原型
关键交互标注
3.2 P02 添加任务弹窗
页面目标
通用态原型
P02-A BT / PT 创建态
P02-B Magnet 创建态
P02-C HTTPS 创建态
P02-D 分享链接创建态
异常态补充
3.3 P03 任务详情页
页面目标
页面结构图
详情页总态原型
概览 Tab
文件 Tab
Tracker / 网络 Tab
日志 Tab
HTTPS 详情页差异项
分享链接详情页差异项
3.4 P04 设置页
页面目标
原型
3.5 P05 通知与联动态
完成通知
失败通知
四、App 端原型
4.1 M01 App 任务列表页
页面目标
原型
更多操作面板
4.2 M02 App 添加任务页
原型
4.3 M03 App 任务详情页
原型
五、关键流程原型
5.1 创建 BT/PT 任务流程
5.2 创建 Magnet 任务流程
5.3 创建 HTTPS 任务流程
5.4 创建分享链接任务流程
六、状态与异常原型说明
6.1 任务状态展示建议
6.2 异常展示原型
七、原型输出说明
7.1 本版原型适合用途
7.2 下一步可继续细化的内容

NAS下载器应用V1.0(615版本)产品原型

基于 [[我的笔记/NAS需求文档/下载器/NAS下载器应用V1.0(615版本)产品需求文档]] 输出的 V1.0 低保真产品原型,覆盖 Web / NAS 本地端主链路与 App 关键链路。


一、原型范围

1.1 纳入页面

text
下载器应用 V1.0(615) ├─ Web / NAS 本地 │ ├─ P01 首页 / 任务列表页 │ ├─ P02 添加任务弹窗 │ │ ├─ P02-A BT/PT 创建态 │ │ ├─ P02-B Magnet 创建态 │ │ ├─ P02-C HTTPS 创建态 │ │ └─ P02-D 分享链接创建态 │ ├─ P03 任务详情页 │ │ ├─ 概览 Tab │ │ ├─ 文件 Tab │ │ ├─ Tracker/网络 Tab │ │ └─ 日志 Tab │ ├─ P04 设置页 │ └─ P05 通知与联动结果态 └─ App ├─ M01 任务列表页 ├─ M02 添加任务页 └─ M03 任务详情页

1.2 不纳入本次原型

  • RSS
  • 自动整理
  • App 上传 torrent
  • 监听目录自动建任务
  • Webhook / 开放 API
  • 外部下载器统一管理

二、核心导航原型图

flowchart TD
    A[首页 / 任务列表] -->|点击添加任务| B[添加任务弹窗]
    A -->|点击任务名称| C[任务详情页]
    A -->|点击设置| D[设置页]
    E[系统通知] -->|完成/失败| C
    B -->|创建成功| A
    B -->|创建后查看详情| C
    C -->|打开目录| F[文件管理]
    C -->|返回| A
    D -->|保存成功| A

    G[App任务列表] --> H[App添加任务]
    G --> I[App任务详情]
    H -->|创建成功| G

三、Web / NAS 本地端原型

3.1 P01 首页 / 任务列表页

页面目标

  • 快速看任务
  • 快速加任务
  • 快速暂停/恢复/删除
  • 快速定位错误

原型结构图

flowchart LR
    A[首页] --> B[顶部工具栏]
    A --> C[左侧状态导航]
    A --> D[任务列表区]
    A --> E[底部状态栏]
    A --> F[右侧任务摘要抽屉 可选]

    B --> B1[添加任务]
    B --> B2[开始/恢复]
    B --> B3[暂停]
    B --> B4[删除]
    B --> B5[搜索]
    B --> B6[筛选]

    C --> C1[全部]
    C --> C2[下载中]
    C --> C3[做种中]
    C --> C4[已完成]
    C --> C5[已暂停]
    C --> C6[错误]

    D --> D1[名称]
    D --> D2[类型]
    D --> D3[状态]
    D --> D4[进度]
    D --> D5[下行/上行]
    D --> D6[已下载]
    D --> D7[分享率]
    D --> D8[保存位置]
    D --> D9[添加时间]

低保真原型

text
┌──────────────────────────────────────────────────────────────────────────────────────────┐ │ 下载器 [添加任务] [开始] [暂停] [删除] │ │ [搜索框.......] [类型筛选v] │ ├──────────────────────┬───────────────────────────────────────────────────────────────────┤ │ 全部 (128) │ □ 名称 类型 状态 进度 下行 上行 保存位置 │ │ 下载中 (12) │ □ Ubuntu ISO BT 下载中 60% 2.3MB/s 0.2 /下载/镜像 │ │ 做种中 (8) │ □ Movie Pack PT 做种中 100% 0 1.1 /下载/电影 │ │ 已完成 (90) │ □ Tool.pkg HTTPS 已完成 100% -- -- /下载/软件 │ │ 已暂停 (10) │ □ Arch Linux Magnet 获取元数据 -- -- -- /下载/系统 │ │ 错误 (6) │ □ 品牌资料合集 分享 失败 -- -- -- /我的文件 │ │ │ 错误摘要:提取码错误,可重试 │ │ │───────────────────────────────────────────────────────────────────│ │ │ □ Anime S01 PT 做种中 100% 0 3.2 /下载/动漫 │ │ │ □ NAS OS Update HTTPS 下载中 25% 8.5MB/s -- /下载/升级 │ │ │ □ Docs Backup 分享 已完成 100% -- -- /团队资料 │ ├──────────────────────┴───────────────────────────────────────────────────────────────────┤ │ 总下载:12.6 MB/s 总上传:3.1 MB/s 活跃任务:20/20 错误任务:6 剩余空间:1.2 TB │ └──────────────────────────────────────────────────────────────────────────────────────────┘

关键交互标注

  • 点击任务名:进入 [[#3.3 P03 任务详情页]]
  • 勾选任务:激活批量操作
  • 失败任务:行内展示错误摘要
  • PT 任务:类型列展示 PT 标签
  • Magnet 获取元数据中:状态展示 获取元数据中

3.2 P02 添加任务弹窗

页面目标

  • 单一入口承接 5 类任务
  • 普通用户 3 步内完成创建
  • 根据资源类型动态显示配置

通用态原型

text
┌──────────────────────────────────────────────────────────────────────┐ │ 添加任务 [X] │ ├──────────────────────────────────────────────────────────────────────┤ │ 输入链接 / 粘贴分享链接 / magnet: │ │ [................................................................] │ │ [上传 .torrent] 识别结果:未识别 │ ├──────────────────────────────────────────────────────────────────────┤ │ 资源名称: [ ] │ │ 保存目录: [ downloads/default v ] │ │ 备注: [ ] │ │ 自动开始: [√] │ ├──────────────────────────────────────────────────────────────────────┤ │ 协议专属区域 │ │ (根据识别结果动态切换) │ ├──────────────────────────────────────────────────────────────────────┤ │ [取消] [创建任务] │ └──────────────────────────────────────────────────────────────────────┘

P02-A BT / PT 创建态

text
┌──────────────────────────────────────────────────────────────────────┐ │ 添加任务 [X] │ ├──────────────────────────────────────────────────────────────────────┤ │ [已上传:ubuntu-pack.torrent] 识别结果:[PT种子] │ ├──────────────────────────────────────────────────────────────────────┤ │ 资源名称:Ubuntu Pack │ │ 保存目录:[ /downloads/linux v ] │ │ 自动开始:[√] │ ├──────────────────────────────────────────────────────────────────────┤ │ 文件列表: │ │ [√] ubuntu.iso 4.8 GB │ │ [√] readme.txt 2 KB │ │ [ ] extras.pkg 1.2 GB │ │------------------------------------------------------------------------│ │ PT 安全模式已启用 │ │ - DHT 已关闭 - PEX 已关闭 - LSD 已关闭 │ │ - 已禁止追加公共 Tracker │ │ 做种规则:[继承系统默认 v] │ ├──────────────────────────────────────────────────────────────────────┤ │ [取消] [创建任务] │ └──────────────────────────────────────────────────────────────────────┘

P02-B Magnet 创建态

text
┌──────────────────────────────────────────────────────────────────────┐ │ 添加任务 [X] │ ├──────────────────────────────────────────────────────────────────────┤ │ magnet:?xt=urn:btih:xxxx... 识别结果:[磁力链任务] │ ├──────────────────────────────────────────────────────────────────────┤ │ 资源名称: [等待元数据返回...] │ │ 保存目录: [ /downloads/torrents v ] │ │ 自动开始: [√] │ ├──────────────────────────────────────────────────────────────────────┤ │ 当前状态:正在获取元数据... │ │ [loading.........................................................] │ │ 提示:元数据获取成功后可展示文件列表并支持选择下载 │ │ [重试](超时后出现) │ ├──────────────────────────────────────────────────────────────────────┤ │ [取消] [创建任务] │ └──────────────────────────────────────────────────────────────────────┘

P02-C HTTPS 创建态

text
┌──────────────────────────────────────────────────────────────────────┐ │ 添加任务 [X] │ ├──────────────────────────────────────────────────────────────────────┤ │ https://example.com/file.pkg 识别结果:[HTTPS下载] │ ├──────────────────────────────────────────────────────────────────────┤ │ 资源名称:NAS_Installer.pkg │ │ 保存目录:[ /downloads/software v ] │ │ 自动开始:[√] │ ├──────────────────────────────────────────────────────────────────────┤ │ 文件信息: │ │ - 最终文件名:NAS_Installer.pkg │ │ - 预计大小:2.1 GB │ │ - 断点续传:支持 │ │ - 重定向:已跟随至最终地址 │ │------------------------------------------------------------------------│ │ 同名文件冲突处理: │ │ ( ) 跳过 ( ) 覆盖 (●) 自动重命名 │ ├──────────────────────────────────────────────────────────────────────┤ │ [取消] [创建任务] │ └──────────────────────────────────────────────────────────────────────┘

P02-D 分享链接创建态

text
┌──────────────────────────────────────────────────────────────────────┐ │ 添加任务 [X] │ ├──────────────────────────────────────────────────────────────────────┤ │ https://品牌分享域名/s/abc123 识别结果:[品牌分享链接] │ ├──────────────────────────────────────────────────────────────────────┤ │ 资源名称:产品资料合集 │ │ 保存目录:[ /我的文件/下载 v ] │ │ 提取码: [ _ _ _ _ ] │ ├──────────────────────────────────────────────────────────────────────┤ │ 分享文件列表: │ │ [√] 安装包.zip 1.2 GB │ │ [√] 使用说明.pdf 15 MB │ │ [ ] 历史版本/ │ │------------------------------------------------------------------------│ │ 保存方式: (●) 转存到我的 NAS ( ) 下载到指定目录 │ │ 当前说明:满足条件时优先转存;不满足时可降级为下载 │ ├──────────────────────────────────────────────────────────────────────┤ │ [取消] [创建任务] │ └──────────────────────────────────────────────────────────────────────┘

异常态补充

  • 链接非法:输入框下方红字 资源格式无法识别
  • 提取码错误:提取码框下方红字 提取码错误,请重新输入
  • 磁盘空间不足:弹窗底部告警 目标目录剩余空间不足
  • 无目录权限:保存目录下方提示 当前用户无写权限

3.3 P03 任务详情页

页面目标

  • 展示任务全貌
  • 支持暂停/恢复/删除/打开目录
  • 提供排障能力

页面结构图

flowchart LR
    A[任务详情页] --> B[头部摘要区]
    A --> C[页签区]
    B --> B1[名称]
    B --> B2[状态]
    B --> B3[进度/速度]
    B --> B4[操作按钮]
    C --> C1[概览]
    C --> C2[文件]
    C --> C3[Tracker/网络]
    C --> C4[日志]

详情页总态原型

text
┌──────────────────────────────────────────────────────────────────────────────────────┐ │ Movie-Pack [PT] 做种中 100% ↓0 KB/s ↑1.2 MB/s Ratio 2.31 │ │ [暂停] [删除] [打开目录] [重新announce] │ ├──────────────────────────────────────────────────────────────────────────────────────┤ │ 概览 | 文件 | Tracker/网络 | 日志 │ ├──────────────────────────────────────────────────────────────────────────────────────┤ │ 保存目录:/downloads/movies 创建时间:2026-04-22 10:21 │ │ 开始时间:2026-04-22 10:22 完成时间:2026-04-22 14:05 │ │ 总大小:8.2 GB 已下载:8.2 GB │ │ 已上传:18.9 GB 做种时长:2天 3小时 │ │ PT 安全模式:已启用 │ │ 最近错误:无 │ ├──────────────────────────────────────────────────────────────────────────────────────┤ │ 概览区域 / 文件列表 / Tracker 状态 / 日志区域根据 tab 切换 │ └──────────────────────────────────────────────────────────────────────────────────────┘

概览 Tab

text
┌──────────────────────────────────────────────────────────────────────┐ │ 基础信息 │ │ - 任务类型:PT │ │ - 当前状态:做种中 │ │ - 保存目录:/downloads/movies [打开目录] │ │ - 最近错误:无 │ │ │ │ 统计信息 │ │ - 进度:100% │ │ - 下载速度:0 │ │ - 上传速度:1.2 MB/s │ │ - 分享率:2.31 │ └──────────────────────────────────────────────────────────────────────┘

文件 Tab

text
┌──────────────────────────────────────────────────────────────────────┐ │ 文件名 大小 进度 │ │ movie_01.mkv 4.0 GB 100% │ │ movie_02.mkv 4.1 GB 100% │ │ subtitle/ -- -- │ └──────────────────────────────────────────────────────────────────────┘

Tracker / 网络 Tab

text
┌──────────────────────────────────────────────────────────────────────┐ │ Tracker 列表 │ │ tracker-1.xxx.com 正常 最近响应 320ms [重新announce] │ │ tracker-2.xxx.com 超时 最近响应 -- [重新announce] │ │------------------------------------------------------------------------│ │ Peer 数:38 │ │ 监听端口:51413 │ │ DHT:关闭 PEX:关闭 LSD:关闭 │ └──────────────────────────────────────────────────────────────────────┘

日志 Tab

text
┌──────────────────────────────────────────────────────────────────────┐ │ 2026-04-22 10:22 INFO 任务创建成功 │ │ 2026-04-22 10:23 INFO 元数据获取完成 │ │ 2026-04-22 14:05 INFO 下载完成,进入做种 │ │ 2026-04-23 09:10 INFO Tracker announce 成功 │ └──────────────────────────────────────────────────────────────────────┘

HTTPS 详情页差异项

  • 展示 原始 URL / 最终 URL
  • 展示 断点续传是否支持
  • 展示 重试次数
  • 不展示 Tracker / Ratio / 做种时长

分享链接详情页差异项

  • 展示 分享来源
  • 展示 提取码状态
  • 展示 模式:转存 / 下载
  • 异常时展示 链接过期 / 无权限 / 提取码错误

3.4 P04 设置页

页面目标

  • 集中配置目录、并发、限速、网络和做种规则
  • 普通用户不可修改管理员配置

原型

text
┌────────────────────────────────────────────────────────────────────────────────┐ │ 设置 │ ├────────────────────┬───────────────────────────────────────────────────────────┤ │ 常规 │ 默认下载目录: [ /downloads/default v ] │ │ 并发控制 │ 新任务自动开始: [√] │ │ 下载/上传限制 │ │ │ BT/PT连接 │ 最大同时下载任务数: [ 3 ] │ │ 做种规则 │ 最大同时做种任务数: [ 5 ] │ │ Tracker │ 全局下载限速: [ 0 ] KB/s │ │ 通知 │ 全局上传限速: [ 200 ] KB/s │ │ 存储 │ │ │ │ 监听端口: [ 51413 ] TCP [√] uTP [√] │ │ │ │ │ │ 做种规则: │ │ │ (●) 无限做种 ( ) 按分享率停止 ( ) 按做种时长停止 │ │ │ 目标分享率:[ 2.0 ] 目标时长:[ 72 ] 小时 │ │ │ │ │ │ 通用 Tracker 列表: │ │ │ [ tracker1 ... ] │ │ │ [ tracker2 ... ] │ │ │ │ │ │ 通知:完成通知 [√] 失败通知 [√] │ │ │ │ │ │ [保存] │ ├────────────────────┴───────────────────────────────────────────────────────────┤ │ 说明:私有 PT 不继承公共 Tracker;普通用户只读或不可见 │ └────────────────────────────────────────────────────────────────────────────────┘

3.5 P05 通知与联动态

完成通知

text
┌──────────────────────────────────────────────┐ │ 下载完成 │ │ Ubuntu ISO 已完成 │ │ 保存位置:/downloads/linux │ │ [查看详情] [打开目录] │ └──────────────────────────────────────────────┘

失败通知

text
┌──────────────────────────────────────────────┐ │ 下载失败 │ │ 品牌资料合集 创建失败 │ │ 原因:提取码错误 │ │ [查看详情] [重新尝试] │ └──────────────────────────────────────────────┘

四、App 端原型

4.1 M01 App 任务列表页

页面目标

  • 手机上快速看状态
  • 快速新建链接任务
  • 快速暂停/恢复

原型

text
┌──────────────────────────────┐ │ 下载器 [+] │ │ [全部] [下载中] [完成] [错误] │ ├──────────────────────────────┤ │ Ubuntu ISO BT │ │ 下载中 60% │ │ [██████████░░░░░░] │ │ ↓ 2.3MB/s /downloads/linux │ │ [···] │ ├──────────────────────────────┤ │ Movie Pack PT │ │ 做种中 100% Ratio 2.31 │ │ ↑ 1.2MB/s │ │ [···] │ ├──────────────────────────────┤ │ 产品资料合集 分享 │ │ 失败:提取码错误 │ │ [···] │ └──────────────────────────────┘

更多操作面板

  • 暂停
  • 恢复
  • 删除
  • 查看详情

4.2 M02 App 添加任务页

原型

text
┌──────────────────────────────┐ │ 添加任务 完成 │ ├──────────────────────────────┤ │ 粘贴链接 / magnet / 分享链接 │ │ [..........................] │ │ 识别结果:HTTPS下载 │ ├──────────────────────────────┤ │ 资源名称 │ │ NAS_Installer.pkg │ │ 保存目录 │ │ /downloads/software > │ │ 自动开始 [√] │ ├──────────────────────────────┤ │ 同名冲突 │ │ ( ) 跳过 ( ) 覆盖 (●) 重命名│ ├──────────────────────────────┤ │ [创建任务] │ └──────────────────────────────┘

4.3 M03 App 任务详情页

原型

text
┌──────────────────────────────┐ │ Movie Pack [PT] │ │ 做种中 100% │ │ ↑1.2MB/s Ratio 2.31 │ ├──────────────────────────────┤ │ [概览] [文件] [日志] │ ├──────────────────────────────┤ │ 保存目录 │ │ /downloads/movies │ │ 创建时间 │ │ 2026-04-22 10:21 │ │ 已下载 / 已上传 │ │ 8.2 GB / 18.9 GB │ │ PT 安全模式:已启用 │ ├──────────────────────────────┤ │ [暂停] [删除] [打开目录] │ └──────────────────────────────┘

五、关键流程原型

5.1 创建 BT/PT 任务流程

flowchart TD
    A[点击添加任务] --> B[上传.torrent]
    B --> C[识别 BT/PT]
    C --> D[展示文件列表]
    D --> E[选择保存目录]
    E --> F[创建任务]
    F --> G[任务列表新增]
    G --> H[点击进入详情]

5.2 创建 Magnet 任务流程

flowchart TD
    A[粘贴 Magnet] --> B[识别为磁力链]
    B --> C[选择目录]
    C --> D[创建任务]
    D --> E[进入获取元数据中]
    E --> F{成功?}
    F -->|是| G[展示文件信息并下载]
    F -->|否| H[错误提示+重试]

5.3 创建 HTTPS 任务流程

flowchart TD
    A[粘贴HTTPS链接] --> B[识别HTTPS]
    B --> C[探测文件名/重定向/续传]
    C --> D[选择目录]
    D --> E[选择冲突策略]
    E --> F[创建任务]
    F --> G[任务进入下载中]

5.4 创建分享链接任务流程

flowchart TD
    A[粘贴品牌分享链接] --> B[识别分享域名]
    B --> C[输入提取码/校验权限]
    C --> D[展示分享文件列表]
    D --> E[选择目录与模式]
    E --> F[优先转存]
    F --> G{可转存?}
    G -->|是| H[转存完成]
    G -->|否| I[降级为下载任务]

六、状态与异常原型说明

6.1 任务状态展示建议

状态列表展示详情展示
waiting等待中排队等待执行
metadata_fetching获取元数据中正在拉取种子元数据
downloading下载中展示进度、速度
seeding做种中展示 ratio、上传、做种时长
paused已暂停可恢复
verifying校验中显示校验过程
completed已完成可打开目录
failed失败必须显示错误原因
invalid资源失效分享/资源异常

6.2 异常展示原型

场景页面表现
链接非法添加任务弹窗输入框下方报错
提取码错误提取码框红色提示 + 保留链接
元数据超时列表/详情显示 获取元数据失败 + 重试
磁盘不足列表失败态 + 设置/存储引导
PT 风险配置设置页二次确认,不默认生效
资源失效详情页状态为 资源失效

七、原型输出说明

7.1 本版原型适合用途

  • 产品评审
  • UI 设计前置结构确认
  • 前后端范围对齐
  • 测试用例拆分

7.2 下一步可继续细化的内容

  • 高保真 UI 页面稿
  • 组件级交互状态稿
  • Figma 页面框架稿
  • 前端页面字段映射表
  • 页面与接口联调清单

本文作者:oyph

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!