StreamFab 7 桌面客户端改版
服务在增加，
一次下载的路径不能跟着变长
StreamFab 卖的是 67 个可以单独购买的下载模块，分成 5 组，覆盖两个平台与三种语言。 7.0 要让服务继续增加时，用户走完一次下载的步骤仍然不变。
这个产品有多大
StreamFab 是一组下载器的集合。每个流媒体服务对应一个可以单独购买的模块，模块按五个组别上架，价格和授权各自独立。
这件事决定了界面的形状。用户买了哪几个模块，首页就该只出现哪几个。没买的要能看见、能试用，同时不挡路。
一次下载的四段路径
先把路径摊开。找到服务，定位到要下的那一集，确认参数，去 Downloads 看进度。四段，缺一段都走不通。
改版前这四段各有一套使用逻辑，服务入口、浏览器和任务列表之间缺少连续关系。7.0 让四段共用同一套结构，用户走到第二段就能预判第三段长什么样。
Home 的服务入口
用户从自选服务或完整矩阵里点进一个服务。这一步只做一件事，把人送到正确的站点。
内置浏览器的标签与地址栏
点进服务后是内置浏览器。标签页、地址栏、书签栏都在，用户按平时上网的方式找到要下的那一集。
分析完成的参数区
分析结束后弹出确认层。清晰度、编码、音轨、字幕在这里定，只管这一次。
Downloads 的任务行
确认之后任务落到 Downloads。父行汇总计数与速度，子行展开单集。
决策一 · 服务发现
服务在增加，入口不能跟着增加。
首页的 My Services 放用户自己挑的常用服务，VIP Services 才是完整矩阵。两种需求的频率差得远，天天用的那几个和偶尔翻一次的几十个，挤在一起谁都不好找。
挑选面板做了上限，首发给到 12 个，界面上有明确提示。两行六列让首页保持完整可见，再多就需要滚动。
九天后的 7.0.0.1 把上限改成了 24。首页由两行扩到四行，取舍也跟着改变。首发优先保证一眼看完，后续版本先容纳用户已经选中的服务，再接受纵向滚动。这次修改说明 12 只是首发假设，24 才是上线后的容量选择。
决策二 · 下载确认
参数不能砍。清晰度、编码、音轨、字幕、季和集，每一项都有人依赖。能做的是把它们分成两类。
Preferred Settings 收纳长期偏好，当次确认层只保留这一次会改变的选择。用户不用每次重选格式和语言，也不会失去单集参数的控制。
分析失败时，弹窗先写清原因，再给 Try Again。任务进入队列后，ERROR 行保留机器错误码，同时带上一句能读懂的失败原因。
决策三 · 任务生命周期
一个任务从创建到完成，不能跨页面追。
Downloads 是唯一的工作区。五个状态共用一行骨架，缩略图、标题、规格标签、数据区的位置固定，变的是进度条和数据区里那几个字段。扫一列就知道整个队列的情况。
五个状态共用一行骨架。任务会连续经过等待、运行、暂停与结束，固定行高和字段位置以后，队列变化时不需要重新寻找速度、体积与剩余时间。
失败状态留在原任务行里，机器错误码和可读原因共同占用进度条的位置。用户仍能在队列里找到这个任务，也能从同一行判断下一步。
速度 · 进度 · 体积 · 剩余时间
设计系统
颜色走三级映射。色板定原始值，全局 Token 给它语义，组件 Token 再引用全局 Token。
改一次品牌色，按钮、标签、链接一起跟着走，不需要逐个组件改。下面三列就是规范里的映射关系。
颜色 · 色阶
主题/容器/文字 · 色彩 · 交互层级 @色板
组件 · 背景文字描边 · 交互层级 @全局语义Token
| Token | 描述 | Light | Dark |
|---|---|---|---|
| @brand-color | 常规 | Color6 | Color6 |
| @brand-color-hover | 悬浮 | Color5 | Color5 |
| @brand-color-disabled | 禁用 | Color4 | Color7 |
| Token | 描述 | Light | Dark |
|---|---|---|---|
| @text-color-primary | 主要文字色彩 | Font Gy1 | Font Wh1 |
| @text-color-secondary | 次要文字色彩 | Font Gy2 | Font Wh2 |
| @text-color-placeholder | 占位符文字色彩 | Font Gy3 | Font Wh3 |
| @text-color-disabled | 禁用文字色彩 | Font Gy4 | Font Wh4 |
| @text-color-anti | 反色文字 | White | None |
| @text-color-link | 链接文字 | Link | Link |
| @error-color | 错误状态 | Error6 | Error6 |
| @warning-color | 警告状态 | Warning6 | Warning6 |
| @success-color | 成功状态 | Success6 | Success6 |
控件密度
高度定了 24 和 32 两档。小的用在表格和列表里，大的用在主操作上。四个状态各自有取值，禁用态使用单独色值。
三语字体
规范分别指定 Arial、阿里巴巴普惠体与 Noto Sans JP。下面三行按对应字体栈各排一句，完整字形以规范板为准。
两套皮肤
完整规范板可以单独看
Happy Path 之外
剩下的时间都花在这些地方。
弹窗本体是 480 px 到 740 px 宽，放进正文列比整窗图更接近原始像素，最窄的那个放大到 1.5 倍还清楚。
空状态
空状态要说清下一步怎么做。Downloads 没有任务的时候，页面顶部的批量操作全部保留可见，让用户知道拿到任务以后能做什么。
批量删除
删除要问一次，并且说清会清掉哪几类任务，所以确认层先列清单再给按钮。这一版把 Delete All 放在左、Cancel 放在右，两个按钮之间只有常规间距，回头看这里该再拉开一些。
首次启动
首次启动先处理授权与试用分流。页面解释产品与付费权益，再给 Buy Now、Authorize 和 Start Free Trial 三个出口。信息密度偏高，这是当时版本保留商业选择的代价。
试用与授权
试用到期和授权状态要说明现在还能用什么。授权流程分三步，每一步只问一件事。
更新流程
更新层先给版本对照与 What's New，继续向下才是 beta 开关和三个出口。跳过当前版本以后，不再重复提示同一个版本号。
成人服务的入口限制
这一类只做了一个设计决定，把入口关在开关后面。设置里不打开，首页和侧栏都不出现这一类，搜索也不返回。这是入口层面的处理。
交付
三个版本，六周。
安装与卸载
安装器不走客户端那套渲染，界面另算一套规格。63 个切图按 Windows 安装器要的格式出，按钮九态、单选复选、图标、背景各自成组。
专题页
上线导流的专题页也在这次交付里，整页四个板块加页脚。主视觉沿用 7 的数字光效，第一板块用客户端真实界面讲这次改版，往下是近 60 个平台的支持板块和三张功能卡，最后收在试用引导。
专题页断点
专题页跟客户端同期上线，四个断点各自排过版。主视觉裁切位、卡片列数、按钮位置每一档都重新定过。下面按断点宽度等比画出四档的版心与栏数。
客户端与专题页均已上线，可在 官网 核对模块清单、服务分组与系统要求。
模块还会继续加。路径仍是四段，首页容量已经从 12 调到 24，任务行继续沿用同一套骨架。
