用途
UI Density 是一份面向界面设计的信息密度指南，用于帮助设计者在数据表格、仪表盘、工具栏等界面中，以及把桌面产品适配到移动端时，判断应该采用多高的信息密度。它的核心主张是：密度描述的是给定区域内出现多少信息和交互元素，而“正确”的密度并非通用标准，取决于平台、用户类型和会话场景。
主要能力
平台默认密度
文档给出三类平台的默认密度与理由：
- 桌面：中到高密度。理由是大屏幕、精确输入，通常是主要工作界面。
- 平板：中密度。理由是触摸输入，屏幕大于手机但小于桌面。
- 移动端：低密度。理由是小屏幕、触摸目标需要空间、会话常被打断。
文档明确提醒：永远不要把密集的桌面布局直接移植到移动端，应当删除、折叠或降低优先级，而不是缩小。
用户类型与密度
- 高级用户/企业用户：可接受高密度。示例包括交易平台、ERP、分析工具、开发者工具。
- 偶尔使用/普通用户：中等密度，保留清晰的视觉呼吸空间。示例包括 SaaS 仪表盘、项目管理工具。
- 消费者/首次用户：低密度，引导式、不杂乱。示例包括引导流程、消费类应用、电商。
文档举例说明：交易平台操作员每天在产品中停留 8 小时，熟悉每个像素，高密度对他们有利；而每月访问一次设置页的用户则需要清晰的空间和明确的标签。
领域专家的复杂度容忍
文档指出，领域专家能容忍复杂度，前提是它能快速解决正确的问题。熟悉领域的人（尤其是内部工具）乐于使用密集、复杂、功能丰富的界面，因为这种复杂度对应他们已有的心智模型。要让这种复杂度成为助力而非负担，需要两个条件：
- 术语匹配他们的词汇。标签、缩写和行话应是他们已经在用的。对消费者晦涩的术语，对专家是精确快速的信号——不要为不存在的受众做简化。
- 结果保持快速可达。只要用户想要的结果（答案或需要的操作）能快速看到或完成，通常通过一个明显的主操作，密度就没问题。围绕清晰结果路径的复杂度是力量；埋没结果的复杂度是杂乱。
文档建议围绕这一点设计高级用户模式：高密度、专家术语、键盘驱动、主操作始终可达——与引导式、清爽的休闲/首次用户模式区分开。同一产品可以同时提供两种模式，按实际使用该视图的人来匹配模式。
密度令牌
文档建议在定义间距刻度时就考虑密度，紧凑变体在不改变结构的前提下减少内边距。示例代码：
/* Default density */
--density-row-height: 44px;
--density-cell-padding: var(--space-3) var(--space-4);
--density-gap: var(--space-4);
/* Compact (enterprise / data-heavy) */
[data-density="compact"] {
--density-row-height: 32px;
--density-cell-padding: var(--space-2) var(--space-3);
--density-gap: var(--space-2);
}
/* Spacious (consumer / onboarding) */
[data-density="spacious"] {
--density-row-height: 56px;
--density-cell-padding: var(--space-4) var(--space-6);
--density-gap: var(--space-6);
}
各平台功能数量
文档指出并非每个功能都属于每个平台，对每个功能应问：移动端用户现在需要这个吗？并给出优先级表：
- 核心任务：移动端、平板、桌面均为始终显示。
- 次要操作：移动端折叠（菜单/面板），平板和桌面可见。
- 筛选与排序：移动端可访问但不常驻，平板可折叠，桌面为常驻侧边栏或工具栏。
- 批量操作：移动端隐藏或最小化，平板减少，桌面完整。
- 高级设置：移动端链接到独立屏幕，平板为链接或面板，桌面为内联或面板。
- 数据可视化：移动端简化（仅关键指标），平板为精简图表，桌面为完整图表。
移动端的密度与功能精简
文档强调，在小视口上，区块和功能可以被移除、折叠或重新定位，而不仅仅是调整尺寸：
- 移除：装饰性侧边栏、次要数据列、促销横幅。
- 折叠：筛选、高级选项、次要导航收进手风琴或底部面板。
- 重新定位：工具栏从顶部移到底部（拇指可达），侧边栏移到抽屉。
- 简化：多列数据表变成卡片列表；完整图表变成单个关键指标。
原则是渐进式披露：只显示完成主任务所需的最少内容，按需展开更多。
阅读即时间
文档认为，密集 UI 中最被低估的成本是阅读。用户为定位自己而必须阅读的每个词都是时间，而且会累积——要读的越多，整个界面在每次访问时感觉越慢。密度不只是“屏幕上能放多少”，而是“用户为行动必须读多少”。减少这种负担的方法：
- 先删词，再缩小。拥挤屏幕的解决办法通常是减少内容，而不是缩小字号。
- 在概念有明确标准图标时，让可识别的图标替代阅读——眼睛识别形状比读词更快。
- 但不要过度使用图标。错误或装饰性图标会增加需要解读的东西，而不是减少；每个地方都放图标本身就是噪音。正确的图标，只放在相关位置。
- 把可扫读的部分前置。把用户扫读的词或数字放在行/标签的开头，这样他们不必读完整句就能找到。
目标是：用户应该能一瞥而知，而不是阅读，就知道自己在哪里、下一步做什么。
评审清单
- 密度是否适合主要平台（桌面可以更密，移动端必须稀疏）？
- 密度是否适合用户类型（高级用户密度更高，消费者空间更多）？
- 是否用间距令牌定义密度，而不是一次性的内边距值？
- 在移动端：次要功能是否被折叠、重新定位或移除，而不是缩小？
- 即使在紧凑密度变体中，触摸目标是否 ≥ 44×44px？
- 对于用户有强烈个人偏好的企业工具，是否提供密度切换？
使用方式
该资料以设计指南形式呈现，包含原则说明、对照表格、CSS 令牌示例和评审清单。使用者可将其作为设计数据表格、仪表盘、工具栏或进行桌面到移动端适配时的参考依据，按平台和用户类型选择密度，并用密度令牌实现可切换的密度变体。
适用场景
- 设计数据表格、仪表盘或工具栏。
- 将桌面产品适配到移动端。
- 为高级用户/企业工具与消费者/首次用户设计不同密度的界面模式。
- 建立可切换的密度系统（紧凑、默认、宽松）。
限制
资料未提供具体的产品实现、组件库、框架绑定或安装命令；也未说明收费、价格、平台支持范围或实际效果数据。以上内容暂未提供。