界面信息密度要围绕任务控制:批量扫描需要把可比较的信息放在一起,仔细阅读需要留出层级和行距,填写修改则需要清晰的操作空间。紧凑不等于把所有字号缩小,舒适也不等于每行都加大留白。先判断用户必须同时看见什么,再调整字段、辅助信息与间距,才能增加有效信息,而不是增加视觉负担。
可以在墨刀设计中对照制作不同密度的界面,使用同一份内容检查列表、卡片与操作区。比较时保持数据一致,否则一张只有短名称的紧凑稿,很容易看起来比真实业务更整齐。

先确认用户在扫描、阅读,还是操作
订单审核员可能在金额、状态和异常标记之间快速比较;客户经理打开一条客户记录时,需要读完说明并联系相关人员。即使两种任务使用同一份订单数据,也未必适合同样的行高和字段排列。
先写下一句具体任务,例如“找出今天金额超过审批范围、还未处理的订单”。再列出完成它需要同时看到的字段:订单标识、日期、金额、审批状态与异常原因。联系人头像、重复出现的渠道名称、长备注不一定需要同等突出。密度优化从这里开始,而不是先决定一屏要放多少行。
| 主要任务 | 必须保持清楚的内容 | 可以优先调整的部分 |
|---|---|---|
| 快速筛选与比较 | 标识、关键数值、状态、异常 | 重复标签、空白间距、低频说明 |
| 阅读一条记录 | 完整标题、段落关系、说明与来源 | 无关工具栏、重复元信息 |
| 逐项编辑 | 字段名称、当前值、校验、保存状态 | 非当前步骤的说明和低频选项 |
| 触屏现场操作 | 当前对象、可点区域、操作结果 | 桌面次要列、装饰性信息 |
用户经常在几种任务之间切换时,可以保留同一份数据,提供列表与详情的分工。不要试图在一个极密集的列表里同时完成长文阅读、精细编辑和批量对比。
先消除重复,再决定缩小哪里
一张订单表的每行都显示“客户名称:”“订单金额:”等标签,会占用空间却没有增加区别信息。列标题已经说明含义时,可去掉重复前缀;同一客户的辅助介绍也不必在每个订单中完整展开。保留订单号、金额、状态等识别信息,通常比把全部字段缩小一号更有效。
第二步是建立主次。主字段负责识别对象,次字段提供必要补充,暂时无关的信息进入详情。不要仅按业务部门的重视程度排优先级,要问当前任务用不用得到。如果异常原因决定审核结论,就不能因为它文字长而直接隐藏;如果渠道只在筛选时使用,可以在需要时显示。
第三步再调整行间距、单元格内边距和分隔方式。相邻行需要足够清楚的边界,批量选择框和操作按钮也需要可辨认、可点击的空间。把行压得很矮,却让人点错另一条记录,不是有效的高密度。
紧凑和舒适模式,哪些可以变,哪些不该变
两种模式首先应改变呈现,不应悄悄改变任务范围。同一条订单的金额、状态、权限与操作含义保持一致;切换前选中的记录、筛选条件和排序也应保留。否则用户以为只是调整显示,却发现处理对象发生变化。
可以让舒适模式显示两行辅助说明,让紧凑模式仅显示主字段并提供详情入口;但改变后的信息缺口必须可理解。例如“有备注”标记可以提示存在内容,不能把影响处理决定的风险备注彻底移走。
- 可以调整:垂直留白、次要说明的默认展开程度、缩略图大小、非关键字段的展示位置。
- 谨慎调整:列的顺序、操作入口的位置、状态标签的表达。变化过大时,熟练用户需要重新寻找。
- 不应随密度改变:数据精度、费用单位、权限范围、已选对象和提交含义。

密度选择通常是个人阅读偏好,不应因为一位用户切换模式就改变整个团队。是否记住偏好、在哪些列表生效,要在需求中说明。切换时尽量保持当前记录的位置,让用户能继续手头任务。
窄屏和放大文字时,不能只缩小桌面版
桌面上的十列表格到了窄屏,不必把十列压到一个屏幕里。可以保留当前任务的关键列,把附加信息放入行展开或详情;确实需要横向比较的二维表格,也可以保留独立横向滚动,但滚动区和当前行要容易辨认。
页面整体阅读与表格二维比较是不同问题。W3C 对内容重排的说明强调放大后信息与功能不应丢失,并对确实依赖二维布局的内容给出例外。这不意味着表格内的长文本可以任意裁掉:标题、单位和说明仍要有可获得的完整版本。
检查时用真实长名称、大金额、多位编号和多行错误提示。文字放大后,行高应能随内容增长,按钮不能压住金额;触屏模式下,还要重新判断悬停才出现的辅助信息如何打开。屏幕小了,用户的判断需求没有变小。
怎样比较两种方案,而不只问哪张更好看
在两张设计稿中放同一组订单,包含正常、异常、长名称和空值。让评审者完成相同任务:找到一条指定订单、比较两条金额、识别一个风险状态、打开详情并返回。观察他们需要记住多少屏外信息,是否误读单位,是否点错相邻操作。
记录任务是否完成、误判与误点、寻找完整信息的动作,以及用户解释结论的依据。可以记录用时,但不要把速度当作唯一目标;一份看得很快却误选对象的界面,不适合高风险处理。
当两种模式都出现“看不到需要的字段”时,问题可能是列选择或信息架构,不是间距。当用户频繁展开每一行时,说明被隐藏的信息其实是常用信息,应重新提升层级,而不是继续优化展开动画。
把密度规则交给组件与页面一起维护
在墨刀设计中保留舒适、紧凑、长内容与窄屏几种状态,整理哪些属性随模式变化、哪些内容必须完整出现。交付说明可以采用“组件|默认模式|可变间距|关键字段|长文本策略|切换保留项”的格式,避免研发只拿到两张互不相关的截图。
例如订单行:金额和状态始终可见;客户说明在紧凑模式下收起,但异常原因保持展示;切换模式保留筛选、排序与已选记录。这样的规则能复用到其他页面,同时允许不同任务采用不同默认值。
如果密度问题主要来自表格列和操作,可继续参考B端数据表格的字段与交互设计;若主要来自长标题,下一步要解决的是文本展示策略。一个合适的密度,应让用户少记、少找、少误读,而不只是让截图装下更多内容。