一、“流”的概念

如果你每天都在刷抖音、小红书、微博、知乎，那你其实每天都生活在“流”的世界里。你在不断滑动的屏幕里看到一个又一个内容块，它们像水流一样往下流淌。但这三种流：瀑布流、信息流、Feed流，其实是三种不同的“内容流动逻辑”。它们看起来相似，却分别解决了不同层面的设计问题，如下表所示

换句话说，瀑布流关心“样子”，信息流关心“顺序”，Feed流则关心“推荐”。理解它们的区别，是设计师能否做出“有逻辑的内容界面”的第一步。

二、瀑布流

1. 什么是瀑布流？

瀑布流（Waterfall Layout）是一种内容排版方式，它最早出现在图片类网站，比如 Pinterest。当内容的尺寸不统一时（比如图片高低不一、文字多少不同），普通列表就会留下大量空白。瀑布流解决的，就是这种空间浪费问题。它通过多列分布，把卡片一列接一列地“自然下落”，让页面像瀑布一样密集、饱满。

关键词： 高度不一、多列排列、错落分布。

2. 举个例子你就懂了

想象你在整理书架，书有大有小，如果你强行一行排齐，就会浪费空间。瀑布流就像你在用“见缝插针”的方式摆放，高的书放这儿，矮的插那儿，空隙都利用起来。结果：

• 空间利用率更高；
• 整体节奏更自然；
• 视觉体验更丰富。

这正是 Pinterest、小红书、站酷、花瓣网 等平台采用它的原因。

3. 瀑布流的设计要点

以下是瀑布流的设计要点：

4. 瀑布流的局限性

瀑布流虽然美观，但不适合所有内容。因为它打乱了阅读节奏。用户无法一眼看清哪些内容更相关，信息层次感较弱。因此， 适合视觉展示（图片、作品、商品）； 不适合逻辑内容（新闻、问答、评论）。

三、信息流

1. 什么是信息流？

信息流（Information Stream）是一种内容组织方式。它的目标不是让页面更漂亮，而是让用户持续阅读、自然流动。在信息流中，所有内容单元（卡片）结构一致，并且按某种逻辑（时间、权重、主题）连续排列。用户往下滑时，新的内容不断出现——就像一条河流，从上游源源不断流向下游。

关键词： 连续、统一、可滚动。

2. 举个例子

想象你在读一本“永远读不完的杂志”。第一页是今天的新闻，翻下去是昨天的热点，再翻下去是推荐话题。每一页都不同，但都排在一个逻辑线上。这本“永远在往下延伸”的杂志，就是信息流。

3. 常见的信息流场景

4. 信息流的设计重点

• 结构一致性：每个内容块格式统一，方便快速扫读
• 节奏控制：图文比例、留白节奏决定“流畅度”
• 交互反馈：滑动手感、加载提示影响阅读节奏
• 信息分层：标题、摘要、来源要有层级感

5. 信息流与瀑布流的区别

• 瀑布流讲究“空间填充”，信息流讲究“阅读连贯”。
• 前者是视觉优化，后者是认知优化。
• 如果说瀑布流是“图片展墙”，信息流就是“文章时间线”。

也就是说信息流解决的是“排得顺”，不是“摆得满”。

四、Feed流

1. 什么是Feed流？

Feed这个词在英文里是“喂养”。在互联网里，Feed流指的是一种内容分发机制。它不关心内容怎么排，而关心“要把什么内容喂给谁看？”它是信息流背后的“大脑”，负责决定“流的源头”。

2. 举个例子

你打开抖音，看到一个你感兴趣的视频。你点赞、停留、评论。系统就学习到你的偏好，下次再推更类似的内容。同一时间，另一位用户打开抖音，看到的完全不同。这就是典型的 Feed流：个性化推荐机制。