拿个素面馒头，好办地说就是：手机屏幕里那一堆东西，从上到下、一张张排开，像瀑布一样流出来，看着心烦？不，你错了。在搞设计的界子里，这叫瀑布流（Waterfall Flow），听起来挺高冷，实际上就是个“自动排排座”。 大量人第一反应是“乱糟糟”，认定这就像把 Instagram 的卡片直接掏出来丢在桌面上，堆成一堆。但细品才发现，它的核心逻辑实际上挺“优雅”的。它的根本目标就一个：如何让屏幕上的东西够看？

如何让手指头点的时候顺手？它最精通的就是把空间利用到极致，哪怕屏幕再小，也能塞下好几行娃。 这就好比你在排桌位。

你想让桌子挨着桌子，人挨着人，这就叫瀑布流。它最狠的地方在于，它不管一排排多乱，只要按照“从上到下、从左到右”的顺序填满，哪怕一列配了 3 个屏，下一列再来个 5 个屏，它也会乖乖接上，绝不遗漏。

这就是所谓的“瀑布流布局”：不是完美对称，而是拼命耐用。 你想想看，Instagram 那个老网红照片墙，为啥如此多年还如此火？出于它用的是瀑布流。它不讲究每一张图都跟上一张形状完美的矩形，也不保证图片大小彻底一致。它只管顺序。丑图、大图、透明图、带文字图、全是图，反正从左到右、从上到下，填满屏幕就行。

这时候你坐在马桶上刷手机，发现旁边有个哥们儿也在刷，他们看到的画面是连续的，这画面感跟你在家里看个电视没区别。 再说说抖音啊，那个短视频瀑布流更是把这一招玩到了极致。你当作抖音是单列视频流，实际上是好几个长条视频像面条一样串在一起。你往下滑，不是看到某一个人的一镜到底，而是看到“吃播 A”终止，画面切到“进食 B"的中间。

这就像切菜一样，刀切下去，菜就切出来了。没毛病，但时常切到一个生肉要么切得忒碎，瞬间就能吃掉几十块。

这就是瀑布流的缺点：容错率低。 不过，把缺点回想起来就能发现它的优点。它在移动端贼强。电脑上看图，你嫌它们挤成一团，想调整间距、加个留白、换个背景色，那简直是改图大师活。但手机里不中，手机屏幕窄，你得让东西挤。瀑布流就是为窄屏幕预备的。它没有中间的留白，没有富余的装饰，就是纯干货。

要是你嫌它乱，那只能说明你还没找到那个合适的尺寸和比例去让它变规整。 再聊聊电商结账页。

看看淘宝、京东那些购物车页面，那密密麻麻的商品列表，哪位看了不累？但这就是瀑布流的功劳。它把几十个商品，按照价格要么销量排序，从屏幕顶到底，一行行铺那会儿。你在手机上点“加入购物车”的时候，哪怕商品长得再恶心，位置再尴尬，手指头划那会儿就是它。

这种“不可更改性”是瀑布流杀手锏。一旦商品排好了，你就没法右键去调整图片，没法去换背景色，就如此老老实实摆在你的达成页上。 还有啊，设计师在开发时，实际上也是被这套逻辑给整迷惑。做一张海报，想让它像杂志一样排版，你根本做不到。出于杂志讲究对页、对称、留白，这些逻辑在手机上全得边塞边挤。设计师在后台写代码，实际上就是在写一个庞大的“排课表”。你先填第一行，再填第二行，不管填了没，都不回头。

这种“死板”却能让你做出一堆看起来乱但挺稳的页面。 你可能会问，那它不是挡住视线吗？这话说得对。

要是一行塞忒满，确实会看不清重点，手指头划过也好办滑到空白处，形成一种“我要点菜”的错觉。

故此有些设计师会在瀑布流中间加个“分割线”，要么在每一列之间留一点缝隙，把“流”变成“廊”。

这就叫“瀑布廊”，看着仿佛有间隔，点进去才发现是连贯的。 实际上说白了，瀑布流就是个“接力棒”。

不管前面的人跑得多快，要么后面的人跑得多慢，它只管把棒子按下去。它不在乎图有没有美感，也不在乎图对不对，只在乎能不能从这一屏滑到下一屏，能不能一直滑到底。 故此说，瀑布流没有错，它只是还没学会“做人”。它不是为了完美而存有，而是为了在有限的空间里塞进无限的内容。在广告位、电商列表、资讯聚合页，它都是那个最忠实的执行者。它不挑你图香，不挑你图丑，只要前面的人没把路堵死，后面的人就得挤进来。

这就是它为啥能在不同平台的角落里，从早几年到目前还能稳稳当当站住脚的缘由。 最终再扯到前端开发里。做 React 要么 Vue 的时候，我们常听到“瀑布流组件”。你会发现，不管你是写真机还是写模拟器，只要屏幕够宽，这个组件都能跑。真机上，它可能出于图片加载慢，一列撑满后直接卡住；模拟器上，它可能出于没加载完就持续往下排了，害得一列有 10 个图，下一列突然多出 10 个图。bug？不，这是它的特性。它忒好办了，好办到让你当作它能把屏幕填满就完了。 要是你非要吐槽，那只能吐槽它不懂“留白”。

要是你认定它乱，那就去试试用 CSS Grid 要么 Flexbox，把那些想挤在一起的图，强行掰成两列，要么拉高一点行高。但记住，别想靠改代码让它变美。瀑布流的魅力就在于它的“愚忠”——它认准了那一列接那一列的秩序，哪怕你心里认定自己要改，它也不会给你改的机会。 总而言之，瀑布流就是个搬运工，一个能把屏幕塞得满满当当的搬运工。它不负责美学，不负责秩序，它只负责把东西塞进去，让你不用动脑子就能找到想要的图，不用动脑子就能下单。

这大约就是它能在各种迟钝的移动端场景里，依然显得“挺靠谱”的缘由吧。