阅读与播放体验
1. 共同目标
漫画、小说和动画共享同一条体验主线:
打开内容,立即回到上次位置;控制出现时足够清楚,不操作时迅速退场。
阅读画布是产品中最重要的内容层。工具栏、进度和辅助功能都必须服务于它。
2. 控制层级
- 内容画布;
- 当前进度和章节上下文;
- 播放、翻页、显示设置等高频操作;
- 翻译、OCR、书签和更多工具;
- 管理类操作。
底栏默认紧凑并按内容宽度布局。第一次打开阅读器时,容器也不能短暂占满屏幕。
3. 常驻进度
- 移除独立的“阅读进度”按钮。
- 进度条在控制层出现时常驻,标签统一为“进度”或直接省略标签。
- 进度容器缩减上下内边距,不再额外嵌套大卡片。
- 拖动时显示精确位置;静止时只保留必要信息。
- 小说显示章节与段落/页位置;漫画显示页码与章节;视频显示时间与剧集。
4. 小说
- 正文列宽、字号、行距和段距优先于工具栏装饰。
- 顶栏只显示返回、简短标题和必要操作。
- 显示设置按排版、主题、翻页方式分组,不重复标题。
- 翻译面板直接呈现任务和结果,不增加无信息量的 “AI” 标签。
- 深色模式正文和控制标签必须维持高可读性。
5. 漫画
- 图片尽可能占满有效画布,控件隐藏后不保留空白占位。
- 页码/进度可轻量叠加,但不能遮挡画面主体。
- 横向、纵向、Webtoon 与双页模式共享控制语义。
- OCR 和翻译属于辅助工具,启动后明确显示作用范围与处理状态。
6. 动画与视频
- 播放/暂停是唯一默认主动作。
- 进度、字幕、清晰度和选集按使用频率排序。
- 控制层隐藏后视频画面不应仍被材质蒙层覆盖。
- Space 中的继续按钮恢复当前剧集和时间点,而不是只打开详情页。
7. Space 联动
- 阅读器内同样使用右侧 Space Sidekick,不保留旧 Space 切换 FAB。
- 切换 Space 后,“继续”语义跟随当前 Space,但当前阅读会话不应无提示中断。
- Space 工作台卡片使用最近继续作品封面作为背景。
- 卡片名称位于左侧图标下方,继续阅读/播放位于右下角。
8. 紧凑度
- 优先减少上下方向的装饰间距,保留触摸目标和手势安全区。
- 工具栏不因少量按钮占满横向空间。
- Sheet 顶部不保留无意义拖拽区;标题、内容和首个控件之间不重复留白。
- 同类按钮共享一个紧凑容器,避免“容器套容器”。
9. 验收矩阵
每次阅读器改动至少检查:
- 小说:长标题、字体放大、深色模式、翻译面板;
- 漫画:纵向、横向、Webtoon、图片明暗极端;
- 视频:横屏、字幕、控制层隐藏与恢复;
- 通用:首次进入、恢复进度、Space 切换、窄屏、大屏、减少动态效果。