用户手册 / 产品理解

界面设计宣言

Muses 当前的界面方向是克制、清楚、可长期阅读。它不依赖大面积品牌色、渐变光效或展示型大标题来制造氛围,而是用黑、白、灰、边框、间距和稳定排版,让记录、整理、搜索、回顾和 AI 辅助都能在同一个工作环境里保持清晰。

这篇文档说明当前官网、文档页和产品界面应遵守的视觉与交互原则。它不是营销文案,而是判断界面是否适合长期使用的检查清单。

黑白灰是基础,不是临时主题

当前设计以黑、白、灰为主要视觉语言。强调色被控制在很小的范围内,优先服务当前状态、主操作、选中项和必要提醒。

这样做的原因很简单:Muses 承载的是长时间阅读、反复整理和跨页面工作。颜色越多,用户越难判断哪里是真正需要关注的内容。中性配色能让内容本身、当前层级和下一步操作更容易被看见。

界面中可以出现轻微背景差、细边框和浅阴影,但这些元素只用于区分区域,不用于制造装饰感。页面的第一优先级始终是可读性和操作稳定性。

阅读优先于展示

文档页和内容页首先是阅读工具,不是展示海报。标题、目录、正文、段落和列表都应服务阅读节奏。

好的阅读界面应满足这些要求:

  • 标题字号克制,不让章节标题压过正文。
  • 目录高度稳定,点击后不额外展开简介,避免侧边栏跳动。
  • 侧边栏按分组显示,先看区块,再看条目。
  • 正文行宽适中,段落间距清楚,列表不拥挤。
  • 当前阅读位置要明确,但不要用大面积高亮打断视线。

文档模块尤其要避免把每个标题都做成视觉焦点。用户进入文档时,需要快速定位功能、理解步骤和继续阅读,而不是在巨大的标题和复杂卡片之间寻找正文。

层级来自排版和边界

Muses 的层级应主要由字号、字重、灰度、间距、细边框和背景差表达。阴影、强对比色、玻璃拟态和大面积色块只会提高视觉负担,应尽量少用。

常见区域可以按下面的方式处理:

  • 页面背景保持安静,用于承载整体内容。
  • 主内容区使用轻微背景差或边框,说明这是当前阅读或操作区域。
  • 次要信息使用更低对比度文字,不与正文争抢注意力。
  • 可点击项保留清楚的悬停、选中和焦点状态。
  • 分隔线只在确实需要区分区域时出现。

如果一个页面需要大量装饰才能说明层级,通常说明结构本身还不够清楚。

工作台需要稳定密度

Muses 是每天使用的知识工作台,不是一次性浏览页面。桌面端需要同时容纳侧边栏、多标签、空间、编辑器、行动、搜索、知识分析和设置;移动端则要优先保证记录、分享、语音、拍照和轻量回看。

密度不是把所有内容挤在一起,而是在有限空间里保持可扫描、可判断、可操作。

桌面端应更适合并行工作:

  • 侧边栏要能快速识别空间、标签和功能分组。
  • 多标签要帮助保留上下文,减少来回跳转。
  • 列表、卡片和工具栏要稳定,不因为状态变化频繁跳动。
  • 功能入口要收敛到固定位置,避免每页重新学习。

移动端应更适合快速完成动作:

  • 创建、语音、分享和拍照入口要直接。
  • 面板高度、按钮尺寸和底部弹层要适合单手操作。
  • 桌面端的密集管理能力不应原样搬到小屏。

AI 是低打扰辅助

Muses 的 AI 能力应出现在合适的任务里,而不是成为页面上最抢眼的元素。它适合辅助摘要、标题、关键词、Todo 提取、相似笔记、知识库问答和整理建议。

AI 相关界面应遵守 3 条规则:

  1. 不打断正在阅读和写作的注意力。
  2. 不悄悄覆盖已经确认的内容和结构。
  3. 涉及移动空间、修改标签、拆分子卡、创建行动等操作时,保留明确确认。

AI 入口可以在编辑器、搜索、回顾、智能整理和知识库问答中出现,但视觉上应像工具,而不是广告位。

文档模块的设计标准

文档模块面向新手,重点是降低理解成本。它应帮助用户回答 3 个问题:这个功能用来做什么、入口在哪里、第一次应该怎么操作。

文档页面应优先做到:

  • 左侧目录分组清楚,条目名称短,当前项明显。
  • 点击目录只切换文档,不额外展示条目简介。
  • 正文标题层级紧凑,二级标题不使用接近首页主标题的尺寸。
  • 每篇文档开头说明适用场景,再给最小可用路径。
  • 功能说明尽量配合入口、步骤、结果和注意事项。
  • 长列表按任务分段,避免把所有能力平铺成一堵文字墙。

文档不是功能展示页。只要能更快找到答案,就应优先选择朴素、稳定、少跳动的设计。

不应出现的界面倾向

当前设计应避免这些方向:

  • 使用旧版暖色系或强品牌色作为主视觉。
  • 用渐变光晕、装饰背景、玻璃拟态和厚阴影制造氛围。
  • 把普通章节标题做得过大,影响连续阅读。
  • 目录条目混入大段简介,导致侧边栏高度变化。
  • 页面区块全部做成大卡片,造成信息碎片化。
  • 移动端复制桌面端密度,或桌面端只保留移动端轻量视图。
  • 让 AI 入口比当前内容和用户动作更醒目。

判断一个页面是否符合 Muses

修改界面前,可以用下面的问题检查:

  1. 用户能否在 5 秒内看出当前页面的主要任务。
  2. 标题、目录、正文和操作区是否有清楚层级。
  3. 页面是否因为状态变化产生不必要的跳动。
  4. 颜色是否只在必要状态和关键操作上出现。
  5. 侧边栏、工具栏和正文是否各自承担清楚职责。
  6. 移动端和桌面端是否按真实使用方式安排密度。
  7. 连续阅读或操作 30 分钟后,界面是否仍然安静、清楚、可继续使用。

Muses 的界面目标不是显得复杂,也不是显得极简,而是让复杂内容在长期使用中保持可读、可控、可继续处理。