5-DESIGN.md

BestBlogs 设计原则与体验系统

更新时间：2026-05-19
状态：v2.4.0 重写草案（承接 VISION + PRODUCT + BRAND v2）

本文档承接：

• 1-VISION.md：BestBlogs 为什么存在，以及长期方向
• 2-PRODUCT.md：BestBlogs 的产品结构、能力边界和用户旅程
• 3-BRAND.md：BestBlogs 的品牌表达、语气和视觉语义
• 4-ARCHITECTURE.md：BestBlogs 的系统分层、核心边界和关键链路

BestBlogs 是 AI 驱动的私人阅读助手，帮助用户建立稳定、可信、个性化的高质量信息输入。

DESIGN 文档回答的问题是：BestBlogs 应该呈现什么样的体验气质，如何组织用户注意力，如何设计不同页面和内容对象，如何让品牌、产品和架构边界在体验层保持一致。

---

1. 文档定位

本文件是 BestBlogs 的体验操作系统，不是组件规范。

它定义 BestBlogs 的体验原则、注意力组织方式、页面意图模型、内容对象设计方法和设计评审标准。

它不规定具体组件实现、像素参数和交互细则，这些由 6-UI-SPEC.md 承接。

本文档重点回答以下问题：

1. BestBlogs 的设计要服务什么体验；
2. 什么样的设计符合 BestBlogs；
3. 页面应该如何组织用户注意力；
4. 不同内容对象应该如何被呈现；
5. AI 能力在界面里应该处于什么位置；
6. 品牌、产品和术语如何在体验层落地；
7. 设计评审时应该优先判断什么。

本文档应作为设计、产品、前端和后续 UI 细则维护的共同上位约束。

---

2. 设计服务的产品定位

BestBlogs 是 AI 驱动的私人阅读助手。

它帮助用户做三件事：

1. 判断什么值得读；
2. 协助用户更快读懂；
3. 通过关注和阅读行为，逐渐理解用户真正关心什么。

设计不能脱离这个定位单独存在。

BestBlogs 不是泛内容流，不是纯订阅管理工具，不是通用 AI 工具箱，也不是社交信息流。设计的中心不是展示能力很多，而是让用户感受到一位克制、可信、不抢主角的私人阅读助手。

2.1 设计要服务的核心体验

BestBlogs 的设计要帮助用户完成一条持续的阅读路径：

从公共优质内容开始，逐步关注喜欢的来源和主题，再进入我的早报、我的关注、我的阅读和我的回顾，形成稳定的个人信息输入系统。

因此，设计要同时服务四类体验：

1. 公共判断力
   让用户在公开页面上感受到 BestBlogs 确实有内容判断力。

2. 个人适配感
   让用户感受到内容不是随机推送，而是逐渐变得和自己相关。

3. 阅读理解感
   让摘要、翻译、解释和 AI 伴读帮助用户更快进入内容，而不是喧宾夺主。

4. 持续节奏感
   让早报、阅读、收藏、划线和回顾形成自然的日常节奏。

2.2 设计不服务什么

BestBlogs 的设计不追求：

• 信息流沉迷；
• 热点焦虑；
• AI 炫技；
• 情绪化陪伴；
• 高压转化；
• 功能堆叠感；
• 大而全的工具箱感；
• 复杂配置带来的控制幻觉。

设计要让用户更快判断、更顺畅理解、更安静阅读，而不是让产品看起来更复杂、更聪明、更热闹。

---

3. 设计使命

BestBlogs 的设计使命，是帮助用户以更低的认知成本完成以下事情：

1. 更快判断什么值得看；
2. 更轻松理解内容重点；
3. 更安静地进入深读；
4. 更自然地形成持续阅读节奏；
5. 更明确地感受到系统正在变得越来越适合自己。

设计不是为了把产品做得更像一个很强的 AI 工具，而是为了让高质量内容更准确地抵达用户，并让阅读本身更顺畅。

一句话概括：

BestBlogs 的设计不是为了展示产品有多强，而是让用户更快判断什么值得读，更顺畅地理解内容，更安静地进入阅读，并在持续使用中感到它越来越适合自己。

---

4. 核心体验目标

4.1 三秒判断：这值得我点开吗？

用户进入公共策展页、个人工作台页或内容列表时，应能在很短时间内判断：

• 这条内容讲什么；
• 是否值得打开；
• 和我是否相关；
• 阅读成本大概多高；
• 来源是否可信；
• 是公共精选，还是个性化推荐。

因此，列表设计首先服务判断，而不是服务完整展示。

设计要求：

• 标题清楚；
• 摘要克制；
• 来源明确；
• 内容类型可识别；
• 质量信号不过量；
• 相关性信号不伪装成公共判断；
• 操作按钮不抢内容主角。

4.2 三十秒理解：这到底讲什么？

用户进入详情页后，应能在短时间内掌握：

• 这篇内容的主题；
• 为什么值得看；
• 哪些部分最重要；
• 是否需要继续深读；
• 是否需要借助翻译或 AI 伴读。

AI 伴读、摘要、章节跳转等能力存在的前提，是帮助用户更快理解当前内容，而不是把详情页变成通用聊天界面。

设计要求：

• 顶部信息快速交代主题和价值；
• 摘要服务理解，不服务炫技；
• 章节和关键点帮助用户建立结构；
• AI 伴读入口清楚但不抢主角；
• 原文、译文和解释之间关系清楚。

4.3 深读安静：让我认真读完

当用户决定阅读时，页面应从帮助判断切换为帮助理解和承托阅读。

此时设计要主动退后，减少与正文竞争注意力的元素。

设计要求：

• 正文是主角；
• 辅助工具按需出现；
• 推荐区、营销 CTA、工具栏和 badge 都应弱化；
• 阅读节奏稳定；
• 不用无限推荐打断深读；
• AI 伴读像旁侧助手，而不是中央主角。

4.4 持续适合：它越来越懂我

BestBlogs 的个性化不应给用户一种不可解释的黑盒感，而应让用户逐渐产生明确感受：

• 我的早报越来越懂我；
• 我的关注越来越有秩序；
• 我的阅读越来越能复用；
• 我的回顾越来越能形成节奏；
• AI 伴读越来越像一个靠谱的阅读助手。

设计要求：

• 让用户能看到内容为何出现；
• 让关注、取消关注、不感兴趣等行为可见、可撤销；
• 让个性化来自用户主动选择，而不是黑盒投喂；
• 不暴露复杂调权配置；
• 通过自然行为塑造用户的信息世界。

---

5. 顶层设计原则

以下原则按优先级排序。发生冲突时，靠前原则优先。

5.1 内容优先

BestBlogs 是以高质量内容为中心的阅读产品，不是以操作面板为中心的工具产品。

设计要求：

• 内容区域占据主导；
• 控件视觉上退后；
• 标题、摘要、来源和正文优先；
• 不让操作按钮、筛选器、推荐卡片压过内容。

5.2 判断优先于装饰

任何视觉元素都需要回答一个问题：

它是否帮助用户更快判断内容是否值得读？

不能帮助判断的视觉元素，即使提升了完整感，也不应默认出现。

因此：

• 不为无图内容强行补占位图；
• 不为像 AI 产品增加重未来感特效；
• 不以大图、大色块取代信息层级；
• 不让动效变成额外噪音；
• 不用装饰性元素制造虚假精致感。

5.3 层次清晰

标题、摘要、元信息、信号、操作之间必须建立稳定而明确的层级。

设计要求：

• 标题优先级最高；
• 摘要服务判断；
• 来源、时间、类型、时长等元信息弱于标题和摘要；
• 质量、相关性和个性化信号不能混淆；
• 操作按钮不应比内容更抢眼。

5.4 节奏优于堆叠

BestBlogs 追求的是秩序感，不是密集感。

页面应通过留白、分组、层级和节奏建立结构，而不是依靠大量边框、分割线和控件堆叠。

设计要求：

• 分组明确；
• 间距稳定；
• 列表节奏可扫描；
• 重要内容有呼吸感；
• 不把所有能力同时展示出来。

5.5 一致且可预期

同类对象在不同页面上的认知方式应尽量一致。

一致性不是机械重复，而是让用户在不同入口之间切换时，仍能快速建立稳定心智。

设计要求：

• 相同内容类型有相似信息结构；
• 相同操作有一致位置和反馈；
• 同类信号有一致视觉语义；
• Web 和 Mobile 可以有端侧差异，但产品语义应一致。

5.6 可信的编辑感，而不是情绪化陪伴

BestBlogs 像一位可信赖的编辑型阅读助手。

它有判断力，但不摆出权威姿态。
它有温度，但不煽情。
它会帮用户筛掉噪音，但不会替用户下结论。
它会解释为什么推荐这条内容，但不会强迫用户相信。
它会帮助用户形成阅读节奏，但不把自己包装成情绪陪伴产品。

设计要求：

• 语气克制；
• 视觉安静；
• 来源透明；
• 判断有依据；
• 不用过度拟人、打鸡血、撒娇或安慰式表达；
• 不做 lifestyle App 式情绪包装。

5.7 更适合，而不是更多

当展示更多信息和帮助用户做出更好判断发生冲突时，优先后者。

设计要求：

• 不以数量制造价值感；
• 不把更多内容、更长列表、更密布局作为默认优化方向；
• 不强调海量；
• 优先呈现更适合、更重要、更可理解的内容。

---

6. 品牌到设计的翻译

BRAND 文档定义了 BestBlogs 的品牌气质：Editorial Tech、Calm Intelligence、Structured Flow、Minimal Utility。

设计需要把这些品牌关键词翻译成具体体验。

品牌关键词	设计表达
高质量	克制排版、清晰来源、稳定层级、摘要辅助判断，而不是徽章堆砌
个性化	推荐原因、关注来源、兴趣标签、阅读历史可见，而不是神秘 AI 效果
可信	原文可达、来源透明、翻译可对照、反馈可撤销，而不是权威式断言
稳定	早晚节奏、固定入口、可预期导航，而不是不断变化的活动入口
跨语言	原文 / 译文切换、术语解释、上下文注释，而不是只写支持翻译
有判断力	精选、排序、摘要、主题组织，而不是热度榜和点击量刺激
私人助手	帮助用户判断和理解，但不抢正文主角
克制商业化	在能力边界和价值触达处引导 Pro，而不是强弹窗和焦虑话术

6.1 高质量如何被看见

高质量不应该只靠一个分数或一个 badge 表达。

它应该通过以下设计共同体现：

• 来源清晰；
• 标题可信；
• 摘要有信息量；
• 结构有秩序；
• 重点不过度渲染；
• 推荐理由可理解；
• 原文可访问；
• 翻译可对照。

6.2 个性化如何被看见

个性化不应表现为神秘推荐，而应表现为用户可理解的关联。

例如：

• 来自你关注的来源；
• 与你最近阅读相关；
• 属于你关注的主题；
• 因你的早报偏好被优先展示；
• 你收藏过相似内容。

个性化信号只应出现在我的空间，不应出现在公共策展层。

6.3 可信如何被看见

可信来自透明，而不是强势语气。

设计应尽量提供：

• 来源；
• 原文链接；
• 时间；
• 内容类型；
• 翻译状态；
• 推荐原因；
• 反馈入口；
• 可撤销动作。

6.4 跨语言如何被看见

跨语言不是单独的翻译按钮，而是一种阅读路径。

设计应支持：

• 原文和译文关系清楚；
• 翻译不覆盖原文价值；
• 术语解释贴近上下文；
• 用户能在原文、译文和 AI 解释之间自然切换；
• 不同语言内容在阅读流里保持一致的质量表达。

---

7. 视觉语义

7.1 核心母题：Ink + Amber + Paper

BestBlogs 的视觉主题是 Ink + Amber + Paper。

这不是三种颜色本身，而是三种体验语义：

• Ink：知识深度、专业判断、稳定可信；
• Amber：经过判断后值得注意的高亮；
• Paper：承托阅读的温和背景与安静表面。

7.2 Amber 的语义

Amber 不是单纯的品牌点缀色，而是值得注意的信号色。

适合用于：

• 当前 active 状态；
• 主 CTA；
• 精选内容；
• 选中态；
• 关键提醒；
• Pro 标识；
• 重要但克制的高亮。

不适合用于：

• 破坏性操作；
• 普通正文；
• 大面积背景装饰；
• 无意义的视觉点缀；
• 高频闪烁或强动效。

7.3 应出现的视觉线索

BestBlogs 应倾向于以下视觉线索：

• 分层卡片；
• 页面与内容片段的秩序感；
• 来源、标签、摘要的结构化组合；
• 柔和高亮线；
• 留白与可扫描性；
• 原文与译文的并置关系；
• 推荐原因与来源透明；
• 早晚节奏的轻微仪式感；
• 编辑式标题和摘要层级。

7.4 应避免的视觉线索

BestBlogs 应避免：

• 魔法火花；
• 脑、机器人、宇宙旋涡；
• 过重的 AI 发光特效；
• 过于金融终端化的密集仪表盘；
• 过像加密项目或炒作型 AI 产品的视觉语言；
• 装饰性 emoji 堆砌；
• 大面积霓虹渐变；
• 夸张的未来科技感；
• 热点榜、爆款榜、冲榜式视觉；
• 过度游戏化的连续打卡效果。

功能性图标可以使用，例如返回、展开、静音、播放、收藏。情感性和装饰性 emoji 在核心界面和品牌文案中应谨慎使用。

---

8. 页面意图模型

页面模板不是单纯的布局复用，而是页面意图模型。

每一种页面类型都要回答：

1. 用户来这里要完成什么；
2. 页面最应该突出什么；
3. 页面最不应该打扰什么；
4. 页面应呈现公共判断，还是个人相关性。

8.1 品牌说明页

适用场景：

• 首页；
• About；
• Pricing；
• 功能介绍页；
• 产品发布页；
• 活动页。

用户意图：

• 快速理解产品是什么；
• 感受到品牌气质；
• 建立信任；
• 决定是否开始使用或继续了解。

最该突出：

• 产品价值；
• 典型路径；
• 关键差异；
• 品牌态度；
• 私人阅读助手定位。

最不该打扰：

• 复杂功能术语；
• 过多内部概念；
• 炫技式 AI 视觉；
• 强促销弹窗；
• 过度承诺。

8.2 公共策展页

适用场景：

• 每日早报；
• 精选周刊；
• 主题解读；
• 内容广场。

用户意图：

• 快速看到 BestBlogs 的判断力；
• 找到今天或本周值得读的内容；
• 通过公共内容建立信任；
• 匿名访问时也能完成阅读判断。

最该突出：

• 内容质量；
• 来源透明；
• 编辑判断；
• 结构化摘要；
• 主题组织；
• 可直接阅读。

最不该打扰：

• 登录墙；
• 过强个性化信号；
• 强制 Pro 转化；
• 热度榜式排序；
• 与公共判断无关的复杂控件。

设计原则：

• 公共策展页展示的是 BestBlogs 的公共判断力；
• 不引入黑盒个性化默认排序；
• 转化提示应轻量、上下文相关，不阻断浏览；
• 质量信号要清楚但不过量。

8.3 个人工作台页

适用场景：

• 我的早报；
• 我的关注；
• 我的阅读；
• 我的回顾。

用户意图：

• 查看和自己相关的内容；
• 管理长期关注；
• 继续阅读或回看；
• 形成个人阅读节奏；
• 感受到 BestBlogs 越来越适合自己。

最该突出：

• 相关性；
• 个性化原因；
• 用户已选择的来源和主题；
• 阅读历史和沉淀；
• 早晚节奏；
• 下一步自然动作。

最不该打扰：

• 公共广告式表达；
• 不可解释的推荐；
• 过多配置项；
• 与当前用户无关的内容堆叠；
• 把 Pro 引导做成强打断。

设计原则：

• 我的空间要让用户感到这是自己的阅读空间；
• 个性化信号应可解释；
• 关注、阅读、收藏、划线和回顾之间应形成连续关系；
• Pro 能力边界应清楚，但不应用焦虑式文案推动转化。

8.4 阅读详情页

适用场景：

• 文章详情；
• 播客详情；
• 视频详情；
• 推文 / 线程详情；
• 早报阅读页；
• 主题解读详情。

用户意图：

• 理解内容；
• 决定是否深读；
• 在阅读中完成少量动作；
• 使用 AI 伴读、翻译或章节辅助理解；
• 收藏、划线或稍后回看。

最该突出：

• 正文或内容主体；
• 摘要；
• 章节结构；
• 来源；
• 原文入口；
• AI 伴读入口；
• 沉浸式翻译。

最不该打扰：

• 重复导航；
• 过多 badge；
• 营销 CTA；
• 与正文竞争的工具栏；
• 自动推荐下一篇；
• 通用聊天入口。

设计原则：

• 详情页先帮助理解，再承托深读；
• AI 伴读从属于阅读；
• 原文、译文、摘要和解释之间关系要清楚；
• 正文阅读时界面应主动退后。

8.5 设置与配置页

适用场景：

• 我的关注设置；
• 来源管理；
• 兴趣设置；
• Domain 篇数配置；
• Pro 设置；
• 账号与偏好设置；
• 通知和邮件偏好。

用户意图：

• 完成明确配置；
• 理解当前状态；
• 知道配置会影响什么；
• 降低出错概率；
• 获得控制感。

最该突出：

• 当前状态；
• 关键选项；
• 配置结果；
• 可撤销操作；
• 影响说明。

最不该打扰：

• 装饰性插图；
• 冗余层级；
• 过于技术化的术语；
• 难以理解的权重配置；
• 一次性暴露过多设置。

设计原则：

• 设置页应让用户理解自己的信息输入边界；
• 不开放复杂手动调权；
• 用户通过关注、阅读、收藏、划线和反馈表达偏好；
• 配置语言要结果导向，而不是技术导向。

---

9. 内容对象系统

BestBlogs 面向的不是单一内容类型。不同内容对象有不同的使用预期，设计不应完全同构。

9.1 文章

用户预期：

• 值得认真阅读；
• 需要判断是否值得投入时间；
• 可能需要翻译、摘要和 AI 伴读。

设计重点：

• 标题优先；
• 摘要帮助判断；
• 来源和阅读成本清晰；
• 封面图始终从属于文本；
• 原文和译文关系清楚；
• 收藏、划线和稍后阅读入口自然。

9.2 播客

用户预期：

• 适合听，但需要先判断是否值得投入时间；
• 时长通常较长；
• 文字稿和摘要能显著降低判断成本。

设计重点：

• 时长信息清晰；
• 摘要更偏价值说明；
• 嘉宾 / 主持人信息清楚；
• 章节和转录是重要辅助信号；
• AI 伴读适合围绕文字稿展开。

9.3 视频

用户预期：

• 信息密度可能不稳定；
• 封面容易吸引注意，但不一定代表价值；
• 用户需要更强的前判断。

设计重点：

• 标题与时长优先于封面冲击；
• 摘要与章节信息更重要；
• 来源可信度需要明确；
• 转录和关键片段能帮助快速判断；
• 长视频深度伴读应遵守 Pro 边界。

9.4 推文 / 线程

用户预期：

• 碎片性更强；
• 时效性更高；
• 信噪比波动更大；
• 上下文决定价值。

设计重点：

• 作者与上下文优先；
• 文本片段优先于缩略图；
• 更强调是否值得展开看原线程；
• 质量信号要克制；
• 不把普通碎片信息包装成深度内容。

9.5 早报

早报是 BestBlogs 每日节奏中的关键对象，包括每日早报和我的早报。

用户预期：

• 快速知道今天值得读什么；
• 能扫读；
• 能决定哪些内容值得深入阅读；
• 语气像编辑递交精选，而不是营销推送。

设计重点：

• 有编辑递交感；
• 适合快速扫读；
• 每一条都服务今天最值得看的少数内容；
• 支持邮件、网页、音频脚本等多载体延展；
• 公共早报突出公共判断；
• 我的早报突出个人相关性和推荐解释。

9.6 主题解读

主题解读是公共策展层的重要内容对象。

用户预期：

• 快速理解一个事件、领域、人物、组织或产品对比；
• 从碎片内容中建立全景视角；
• 能看到引用来源和延伸阅读；
• 阅读后可以复访。

设计重点：

• 结构优先；
• 目录和分节清晰；
• 观点、事实、引用和延伸阅读要区分；
• 比普通详情页更强调层级和可回顾性；
• 不做成新闻专题页的热闹感；
• 保持编辑式深度解读气质。

9.7 我的回顾

我的回顾是我的空间的核心入口之一，承担日终阅读闭环。

用户预期：

• 重新看到当天读过什么；
• 知道哪些内容值得回看；
• 发现自己今天关注的主题线索；
• 形成稳定的早晚节奏。

设计重点：

• 比早报更内省；
• 比阅读详情更结构化；
• 不做成普通信息流；
• 不使用过度情绪化的陪伴语气；
• 重点呈现阅读足迹、关键内容、稍后阅读和可继续思考的问题；
• 与我的阅读中的收藏、划线、历史建立清晰关系。

9.8 关注 / 订阅源

关注 / 订阅源是用户主动建立信息输入边界的核心对象。

用户预期：

• 知道这个来源是否值得关注；
• 知道它主要产出什么内容；
• 能关注、取消关注、管理和回看；
• 能理解它如何影响我的早报和我的关注流。

设计重点：

• 来源名称、描述、类型、语言、更新频率清晰；
• 官方源、公共源、社区源等身份信号清楚；
• 关注动作明确；
• 取消关注容易找到；
• 不用复杂术语解释来源状态；
• 来源卡片不应像广告卡片；
• 关注行为要让用户感受到自己在塑造个人阅读流。

---

10. 阅读体验五态

BestBlogs 的阅读体验可以分为五种状态。每一种状态都有不同的注意力组织方式。

10.1 扫描态：我今天要看什么？

适用场景：

• 内容广场；
• 每日早报；
• 精选周刊；
• 我的早报；
• 我的关注；
• 关注流。

设计目标：

• 尽快判断；
• 尽量少打扰；
• 让用户愿意进入下一步。

设计要求：

• 标题优先于封面；
• 摘要只保留帮助判断的信息；
• 元信息简洁；
• 标签点到为止；
• 卡片操作默认弱化；
• 不能依赖 hover 才能看到关键信号；
• 不把扫描页做成密集仪表盘。

10.2 理解态：这内容讲什么，为什么重要？

适用场景：

• 刚进入详情页；
• 用户尚未进入连续深读；
• 打开 AI 摘要、章节、关键点、翻译时。

设计目标：

• 帮用户迅速看懂核心价值；
• 帮用户做出继续读、暂时离开、收藏备用的判断。

设计要求：

• 顶部信息快速说明主题与价值；
• AI 伴读入口优先帮助理解当前内容；
• 摘要、章节、相关问题首先服务理解；
• 不展示过多 AI 能力入口；
• 不把理解态做成聊天页。

10.3 深读态：让我安静读完

适用场景：

• 用户已经进入正文连续阅读；
• 播客 / 视频进入长时间收听或观看；
• 用户开始划线、做笔记或持续阅读。

设计目标：

• 安静；
• 稳定；
• 少打断。

设计要求：

• 正文是主角；
• 侧面板、推荐区、工具条都应弱化；
• 辅助功能按需出现，而不是持续抢夺注意力；
• AI 伴读是旁侧可信助手，而不是正中央主角；
• 不用自动跳转、无限滚动陷阱或强推荐打断阅读。

10.4 回顾态：我今天读了什么，留下了什么？

适用场景：

• 我的回顾；
• 我的阅读；
• 收藏、划线、历史、笔记；
• 稍后阅读；
• 晚间阅读总结。

设计目标：

• 帮助用户重新看到已读内容中的结构与重点；
• 让阅读结果可回顾、可积累、可复用；
• 形成早晚节奏。

设计要求：

• 比深读页更强调结构；
• 已读内容重访成本低；
• 划线、收藏、笔记、回顾、历史之间关系清楚；
• 不做成另一个普通信息流；
• 不使用过度情绪化的生活方式文案；
• 回顾态属于我的空间，不出现在公共策展层。

10.5 选择态：我希望长期关注什么？

适用场景：

• 新用户引导；
• 我的关注；
• 来源管理；
• 兴趣设置；
• Domain 篇数配置；
• 关注 / 取消关注；
• 不感兴趣反馈。

设计目标：

• 帮助用户主动建立自己的信息输入边界；
• 让用户知道自己在塑造个人阅读流；
• 降低配置成本；
• 提供控制感，但不要求复杂调权。

设计要求：

• 选择项要可理解；
• 候选建议不能像强制推荐；
• 关注和取消关注清楚；
• 配置结果要反馈给用户；
• 不把兴趣设置做成复杂仪表盘；
• 不开放手动权重调节；
• 让用户通过自然行为表达偏好。

---

11. AI 与信号系统

11.1 AI 伴读的角色

AI 伴读是 BestBlogs 的关键能力，但它的角色必须明确克制。

AI 伴读是：

• 阅读助手；
• 理解加速器；
• 当前内容的上下文桥梁；
• 跨语言阅读辅助；
• 长内容结构化工具。

AI 伴读不是：

• 页面主角；
• 通用聊天入口；
• 替代用户判断的系统；
• 泛化问我任何事的 AI 面板；
• 内容消费的终点。

11.2 AI 伴读入口策略

在不同场景中，AI 伴读的权重不同。

场景	入口策略
列表页	轻入口，不占主视线
详情页理解态	清楚可见，帮助用户理解当前内容
深读态	从属于正文，按需出现
长视频 / 长播客	可更主动提供章节、摘要和提问
回顾态	可帮助整理线索，但不替用户总结人生感悟
主题解读	可辅助解释结构和延伸问题，但不替代编辑结构

设计原则：

• 不使用夸张 AI 特效；
• 不以系统正在接管作为体验感；
• 不与正文同级竞争；
• 优先支持摘要、章节跳转、划线提问、针对当前内容的理解辅助；
• AI 输出应尽量可追溯到当前内容。

11.3 信号系统总览

BestBlogs 的一个关键差异，是公共判断力与个人阅读流的整合。

因此，界面中必须区分三类信号：

1. 质量信号；
2. 相关性信号；
3. 个性化信号。

这三类信号不能混为一谈。

11.4 质量信号

质量信号回答：

这条内容本身值不值得看？

例如：

• 精选；
• 高质量来源；
• 深度内容；
• 编辑推荐；
• 公共早报入选；
• 主题解读引用。

要求：

• 高置信；
• 克制表达；
• 不泛滥；
• 一旦出现，应具备解释性；
• 主要出现在公共策展层，也可以作为我的空间的基础质量信号。

11.5 相关性信号

相关性信号回答：

它和我当前关注的方向是否相关？

例如：

• 与你的关注主题相关；
• 与你最近阅读相关；
• 属于你常读来源类型；
• 与你关注的 Domain 相关。

要求：

• 比质量信号更轻；
• 不伪装成公共权威判断；
• 主要出现在我的空间；
• 尽量说明相关原因。

11.6 个性化信号

个性化信号回答：

为什么它此刻出现在我面前？

例如：

• 来自你关注的来源；
• 加入你的早报；
• 与你最近阅读相关；
• 因你的 Domain 篇数设置被优先展示；
• 你收藏过相似内容；
• 你最近减少了某类内容的阅读。

要求：

• 尽量让用户理解其来源逻辑；
• 让个性化不是黑盒变成可感知体验；
• 不暴露权重调节入口；
• 用户通过显式行为声明偏好；
• 仅出现在我的空间，公共策展层不出现个性化信号。

---

12. Pro 引导设计原则

Pro 是完整私人阅读助手工作流的兑现，不是简单功能加量包。

Pro 引导应该出现在用户已经感受到价值、但触达能力边界的位置。

12.1 适合出现 Pro 引导的场景

• 我的早报入口；
• 新用户或老用户试用引导；
• AI 伴读配额触达；
• 沉浸式翻译配额触达；
• 自定义视图；
• 我的回顾；
• 长视频 / 长播客深度伴读；
• 跨文章上下文能力；
• Domain 篇数自定义；
• 用户已经形成关注、阅读、收藏、划线等行为之后。

12.2 不适合出现 Pro 引导的场景

• 阅读正文中途强打断；
• 首页首屏强弹窗；
• 用户刚进入产品还未理解价值时；
• 公共内容还没看就要求升级；
• 用倒计时、焦虑话术、夸张承诺推动升级；
• 把 Pro 做成 VIP 身份炫耀；
• 用遮罩阻断用户理解产品价值。

12.3 Pro 引导的语气

推荐表达：

• 解锁完整的私人阅读助手工作流；
• 让每日阅读更适合你；
• 更稳定的个性化早报；
• 更完整的 AI 伴读；
• 更高配额的跨语言阅读；
• 你的阅读习惯，值得一位更完整的私人助手。

避免表达：

• 尊享；
• VIP；
• 限时疯抢；
• 最后机会；
• 不升就错过；
• 不升级就落后；
• 立即解锁人生效率。

12.4 Pro 引导的设计原则

• 价值先于转化；
• 上下文先于弹窗；
• 试用优先于虚假预览；
• 能力边界说明要清楚；
• 不使用骚扰式升级；
• 不制造焦虑；
• 不破坏阅读主线。

---

13. 文案与设计协同原则

设计不能脱离语言系统。

TERMINOLOGY 定义统一表达，BRAND 定义语气边界，DESIGN 负责让这些语言在体验层成立。

13.1 用户语言优先

界面优先使用用户一眼能理解的表达。

推荐使用：

• 每日早报；
• 精选周刊；
• 主题解读；
• 内容广场；
• 我的早报；
• 我的关注；
• 我的阅读；
• 我的回顾；
• AI 伴读；
• 沉浸式翻译；
• 关注来源；
• 开通 Pro / 订阅 Pro。

避免作为用户侧顶层入口使用：

• 为你推荐；
• 研究报告；
• 智能内容引擎；
• 个性化高质量阅读工作流；
• 中英双语质量池。

13.2 结果导向，不炫技术

文案与界面应优先表达用户得到的结果，而不是系统采用的技术。

推荐方向：

• 帮你更快找到值得读的内容；
• 让内容越来越适合你；
• 帮你更高效地阅读；
• 让一手内容直接进入你的阅读流；
• 通过翻译和 AI 伴读理解不同语言的内容。

避免方向：

• 我们的 AI 很强；
• 智能推荐引擎；
• 全自动内容理解系统；
• 超级 Agent 阅读宇宙；
• 多模型深度协同。

13.3 克制，不夸张承诺

避免：

• 永远不错过；
• 海量高质量内容；
• 替你阅读；
• 一键掌握一切；
• 全网最全；
• 自动读完所有内容。

推荐：

• 每天从真正相关的内容开始；
• 发现真正适合你的高质量内容；
• 帮你判断什么值得深入阅读；
• 不是更多内容，而是更适合你的内容。

13.4 动作与关系要分清

• 用户对来源的动作：关注 / 取消关注；
• 用户与 Pro 的关系：开通 Pro / 订阅 Pro；
• 用户对内容的动作：阅读 / 收藏 / 划线 / 稍后阅读 / 不感兴趣；
• 系统对内容的动作：筛选 / 排序 / 解释 / 翻译 / 整理。

不要把来源关注说成订阅，避免和 Pro 订阅混淆。

---

14. 设计评审标准

评审新页面、新功能或重构时，优先检查以下问题。

14.1 体验目标

• 用户此刻的主任务是什么？
• 页面是扫描态、理解态、深读态、回顾态还是选择态？
• 页面是否帮助用户更快判断与理解？
• 是否有多余噪音？

14.2 内容优先

• 内容是否是绝对主角？
• 标题、摘要、元信息层级是否清楚？
• 是否出现不必要的大图、大按钮、大色块？
• 控件是否压过内容？

14.3 信号清晰

• 质量信号、相关性信号、个性化信号是否被混淆？
• 用户是否看得懂为什么看到它？
• 公共策展层是否避免个性化信号？
• 我的空间是否解释相关性和个性化原因？

14.4 品牌一致

• 是否符合 Editorial Tech / Calm Intelligence / Structured Flow / Minimal Utility？
• 是否有可信的编辑感？
• 是否避免情绪化陪伴和炒作型 AI 视觉？
• 是否体现高质量、稳定、可信和更适合？

14.5 文案一致

• 是否使用统一术语？
• 是否保持清晰、克制、不推销的品牌语气？
• 是否避免过度承诺？
• 是否把关注和订阅区分清楚？
• 是否避免内部术语外露？

14.6 AI 克制

• AI 是否服务当前阅读场景？
• AI 是否抢正文主角？
• 是否出现通用聊天入口倾向？
• AI 输出是否可追溯到当前内容？
• 是否避免用 AI 炫技替代阅读体验？

14.7 商业化克制

• Pro 引导是否出现在价值明确、上下文合理的位置？
• 商业化触点是否避免打断用户的阅读主线？
• 是否避免焦虑式、稀缺式、夸张式转化？
• 是否优先说明完整私人阅读助手工作流，而不是罗列功能？

14.8 五条红线反例检查

每个新页面 / 新功能上线前，按以下反例清单自检。任一项触犯即必修。

不以时间消耗为目标

禁止：

• 无限滚动陷阱；
• 自动跳下一篇；
• 模糊化阅读进度来延长停留；
• 用连续推荐打断深读。

不替用户完成阅读、理解、思考和判断

禁止：

• AI 替你读完所以不用打开；
• 不用阅读也能掌握一切；
• 自动完成判断；
• 隐藏原文，只展示总结。

公共策展层质量门槛不让步

禁止：

• 热度榜替代质量判断；
• 点击率主导公共排序；
• 公共入口出现低质量内容填充；
• 用爆款视觉包装普通内容。

不以量取胜

禁止：

• 用海量内容作为主视觉；
• 用 N+ 来源 / N 万小时作为核心价值锚点；
• 用更长列表制造价值感。

不做泛化 AI 工具箱

禁止：

• 问我任何事；
• 通用对话；
• 通用搜索；
• 通用写作；
• AI 助手入口脱离具体阅读内容。

15. 一句话总结

BestBlogs 的设计，不是为了让产品看起来更复杂、更聪明、更像 AI。

它是为了让用户更快看到真正重要的内容，更顺畅地进入理解，更安静地完成阅读，更自然地形成自己的每日节奏，并在持续使用中明确感受到：

它越来越适合我。