很多页面看起来“乱”，并不是因为内容太多，而是因为信息密度没有被设计。
所谓信息密度，不是把内容删到很少，而是让页面在承载大量信息时，仍然让人知道：
- 先看哪里
- 哪些是重点
- 哪些可以后看
- 当前这一屏该做什么
建议结合阅读 排版可读性参数、网页设计颜色系统、栅格与对齐 和 网页内容结构：导航、页脚、模块化。
先给结论：页面是否显得拥挤，取决于层级是否明确，而不是元素数量是否少
用户感知“乱”，通常来自四个原因：
- 视觉层级不清
- 模块边界不清
- 行长和间距失衡
- 关键信息与次要信息抢注意力
也就是说，问题通常不是“内容太多”，而是“内容没有组织”。
一、先控制优先级，再控制数量
同一屏里，最怕所有元素都在争第一优先级。
例如：
- 标题很大
- 副标题也很大
- 三个按钮同样显眼
- 旁边还有醒目的标签和图标
这种页面即使元素不多，也会显得拥挤。
实用原则
- 一屏只保留一个主标题焦点
- 只保留一个主 CTA
- 次级信息通过字号、颜色和间距降级
二、信息密度控制首先是排版问题
很多页面“透不过气”，根因在排版参数：
- 行长过长
- 行高过紧
- 段间距不足
- 列间距和模块间距没有区别
排版参数一旦失衡，页面再好的颜色和插图也救不回来。
三、模块边界必须清楚，否则页面像一整块信息泥团
内容多的页面更需要模块边界。边界可以来自：
- 栅格与分栏
- 留白
- 背景分层
- 标题与小标题
它们的作用不是装饰，而是告诉用户“这一块讲完了，下一块开始了”。
四、不要让辅助信息比核心信息更抢眼
页面中最容易失控的，往往不是正文，而是各种辅助元素：
- 标签
- 徽章
- 图标
- 数据点
- 说明文字
如果这些元素的颜色、对比度和尺寸都过强，它们会抢走对主内容的注意力。
五、信息多时最有效的策略，是分层揭示而不是全部展开
当页面内容确实很多时，不要硬塞进首屏或同一层级。可以采用：
- 摘要 + 展开
- 首先给结论，再给细节
- 先展示 3 个重点，再链接到完整内容
这不是隐藏信息，而是给用户一个可承受的阅读路径。
一个失败案例：页面内容完整，但没人愿意继续往下读
常见原因是：
- 每个模块都很重要，所以每个模块都用了强视觉
- 标题、副标题、标签、图标一起抢注意力
- 没有段落节奏和模块缓冲区
- 用户进入页面 3 秒内无法判断重点
结果就是内容虽多，信息价值却没有被有效消费。
信息密度控制检查清单
- 一屏是否只有一个明确主焦点
- 标题、正文、辅助信息是否层级分明
- 行长、行高、段距是否支持长内容阅读
- 模块之间是否有清晰边界和节奏缓冲
- 图标、标签和数据点是否克制使用
- 长内容是否采用分层揭示策略
