编辑
2026-08-19
undefined
00

目录

NAS下载器原型结构图
文档目的
一、整体信息架构
二、核心页面跳转结构
三、首页/任务列表页原型结构
3.1 页面结构图
3.2 低保真示意
四、添加任务弹窗原型结构
4.1 页面结构图
4.2 低保真示意
五、任务详情页原型结构
5.1 页面结构图
5.2 低保真示意
六、设置页原型结构
6.1 页面结构图
6.2 低保真示意
七、移动端关键结构
7.1 App 首页结构
7.2 App 卡片字段
7.3 App 创建任务最小链路
八、V1 与 V1.5 原型边界
V1 必须出现的页面/模块
V1.5 可扩展区域
九、设计说明

NAS下载器原型结构图

文档目的

本文件用于输出下载器 V1 的信息架构、页面结构和低保真原型关系,便于产品、设计、研发统一页面范围。

关联文档:[[我的笔记/NAS需求文档/下载器/NAS下载器详细需求文档]]、[[我的笔记/NAS需求文档/下载器/NAS下载器功能清单.md]]


一、整体信息架构

flowchart LR
    A[下载器应用] --> B[首页/任务列表]
    A --> C[添加任务弹窗]
    A --> D[任务详情页]
    A --> E[设置页]
    A --> F[通知/完成反馈]

    B --> B1[状态筛选]
    B --> B2[任务表格]
    B --> B3[批量操作]
    B --> B4[搜索/筛选]
    B --> B5[全局速率栏]

    C --> C1[链接创建]
    C --> C2[Torrent上传]
    C --> C3[品牌分享链接]

    D --> D1[基础信息]
    D --> D2[文件列表]
    D --> D3[Tracker/网络信息]
    D --> D4[错误日志]

    E --> E1[常规]
    E --> E2[下载/上传限制]
    E --> E3[BT/PT连接]
    E --> E4[做种规则]
    E --> E5[Tracker]
    E --> E6[通知]
    E --> E7[存储]

二、核心页面跳转结构

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

三、首页/任务列表页原型结构

3.1 页面结构图

flowchart TD
    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[已下载]
    D --> D10[分享率]
    D --> D11[保存位置]
    D --> D12[添加时间]

    E --> E1[总下载速率]
    E --> E2[总上传速率]
    E --> E3[任务统计]

3.2 低保真示意

text
┌─────────────────────────────────────────────────────────────────────────────┐ │ 下载器 [添加任务] [开始] [暂停] [删除] [搜索] │ ├───────────────┬─────────────────────────────────────────────────────────────┤ │ 全部 (12) │ □ 名称 类型 状态 进度 下行 上行 剩余 已下载 时间 │ │ 下载中 (4) │ □ Ubuntu BT 下载中 60% 2MB 0.3 8m 1.2G 10:21 │ │ 做种中 (3) │ □ Movie PT 做种中 100% 0 1.5 -- 8.0G 昨天 │ │ 已完成 (2) │ □ Tool.zip HTTPS 完成 100% -- -- -- 1.1G 昨天 │ │ 已暂停 (1) │ □ 分享资料 分享 排队中 0% -- -- -- 0 刚刚 │ │ 错误 (2) │ │ ├───────────────┴─────────────────────────────────────────────────────────────┤ │ 总下载:12.6 MB/s 总上传:3.1 MB/s 活跃任务:5 错误任务:2 │ └─────────────────────────────────────────────────────────────────────────────┘

四、添加任务弹窗原型结构

4.1 页面结构图

flowchart TD
    A[添加任务弹窗] --> B[类型识别区]
    A --> C[通用配置区]
    A --> D[协议专属配置区]
    A --> E[底部操作区]

    B --> B1[链接输入框]
    B --> B2[上传torrent按钮]
    B --> B3[自动识别结果标签]

    C --> C1[资源名称]
    C --> C2[保存目录]
    C --> C3[备注]
    C --> C4[自动开始]

    D --> D1[BT/PT文件列表]
    D --> D2[PT安全模式提示]
    D --> D3[分享链接提取码]
    D --> D4[分享文件列表]
    D --> D5[保存方式 转存/下载]

    E --> E1[取消]
    E --> E2[创建任务]

4.2 低保真示意

text
┌──────────────────────────────────────────────┐ │ 添加任务 X │ ├──────────────────────────────────────────────┤ │ [输入链接................................] │ │ [上传 .torrent] 识别结果:PT种子 │ ├──────────────────────────────────────────────┤ │ 资源名称:Ubuntu ISO │ │ 保存目录:[ downloads/linux v ] │ │ 备注: [ ] │ │ 自动开始:[√] │ ├──────────────────────────────────────────────┤ │ 文件列表: │ │ [√] ubuntu.iso 4.8 GB │ │ PT 安全模式已启用:DHT / PEX / LSD 已关闭 │ ├──────────────────────────────────────────────┤ │ [取消] [创建任务] │ └──────────────────────────────────────────────┘

五、任务详情页原型结构

5.1 页面结构图

flowchart LR
    A[任务详情页] --> B[头部摘要]
    A --> C[页签区]
    B --> B1[任务名称]
    B --> B2[状态]
    B --> B3[进度]
    B --> B4[开始/暂停/删除/打开目录]

    C --> C1[概览]
    C --> C2[文件]
    C --> C3[Tracker/网络]
    C --> C4[日志]

    C1 --> D1[保存目录]
    C1 --> D2[时间信息]
    C1 --> D3[累计下载/上传]
    C1 --> D4[错误摘要]

    C2 --> E1[文件名]
    C2 --> E2[大小]
    C2 --> E3[进度]

    C3 --> F1[Tracker列表]
    C3 --> F2[Peer数]
    C3 --> F3[分享率]
    C3 --> F4[PT安全模式]

    C4 --> G1[最近日志]
    C4 --> G2[错误码]

5.2 低保真示意

text
┌────────────────────────────────────────────────────────────────┐ │ Movie-Pack [PT] 做种中 100% ↑1.2 MB/s Ratio 2.31 │ │ [暂停] [删除] [打开目录] │ ├────────────────────────────────────────────────────────────────┤ │ 概览 | 文件 | Tracker/网络 | 日志 │ ├────────────────────────────────────────────────────────────────┤ │ 保存目录:/media/downloads/movies │ │ 创建时间:2026-04-08 10:21 │ │ 累计下载:8.2 GB 累计上传:18.9 GB 做种时长:2天 │ │ PT安全模式:已启用 │ │ 错误摘要:无 │ ├────────────────────────────────────────────────────────────────┤ │ Tracker:tracker.xxx.com 正常 最近响应:320ms │ │ Peer:38 下载器端口:51413 │ └────────────────────────────────────────────────────────────────┘

六、设置页原型结构

6.1 页面结构图

flowchart LR
    A[设置页] --> B[左侧分类导航]
    A --> C[右侧配置面板]

    B --> B1[常规]
    B --> B2[下载/上传限制]
    B --> B3[BT/PT连接]
    B --> B4[做种规则]
    B --> B5[Tracker]
    B --> B6[通知]
    B --> B7[存储]

    C --> C1[表单项]
    C --> C2[开关]
    C --> C3[数字输入]
    C --> C4[目录选择器]
    C --> C5[保存按钮]

6.2 低保真示意

text
┌───────────────────────────────────────────────────────────────┐ │ 设置 │ ├───────────────┬───────────────────────────────────────────────┤ │ 常规 │ 默认下载目录 [ downloads/default v ] │ │ 下载/上传限制 │ 最大同时下载数 [ 3 ] │ │ BT/PT连接 │ 最大同时做种数 [ 5 ] │ │ 做种规则 │ 全局下载限速 [ 0 ] KB/s │ │ Tracker │ 全局上传限速 [ 200 ] KB/s │ │ 通知 │ 分时段限速 [开启] │ │ 存储 │ │ │ │ [保存] │ └───────────────┴───────────────────────────────────────────────┘

七、移动端关键结构

7.1 App 首页结构

flowchart TD
    A[App 下载器页] --> B[顶部搜索/添加]
    A --> C[状态标签]
    A --> D[任务卡片列表]
    A --> E[底部Tab或更多菜单]

7.2 App 卡片字段

  • 名称
  • 类型标签
  • 状态
  • 进度条
  • 当前速度
  • 错误摘要
  • 更多操作

7.3 App 创建任务最小链路

flowchart TD
    A[点击添加] --> B[粘贴链接]
    B --> C[自动识别类型]
    C --> D[选择保存目录]
    D --> E[创建成功]
    E --> F[返回任务列表]

八、V1 与 V1.5 原型边界

V1 必须出现的页面/模块

  • 首页 / 任务列表页
  • 添加任务弹窗
  • 任务详情页
  • 设置页
  • Web/App 核心远程管理页

V1.5 可扩展区域

  • 监听目录页
  • 自动整理规则弹窗
  • App 上传 torrent 页
  • 媒体联动配置区

九、设计说明

  1. 首页尽量保持高频任务操作的低认知成本。
  2. 添加任务弹窗需突出自动识别和 PT 安全提示。
  3. 详情页需兼顾普通用户与进阶用户,两层信息展示即可。
  4. 设置页避免一次性暴露过多高级参数,V1 聚焦关键项。
  5. 移动端优先保障“创建任务、看进度、看错误、暂停恢复”。

本文作者:oyph

本文链接:

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