嗨，各位木友們好呀，我是小木。

相信消息靈通的各位應該早就知道，繼國外的Pinterst以及Behance挂了以後，國内大型圖片社區花瓣網，也在前幾天貼出了停站維護的公告…

不過，今天咱們就不讨論那些能讓設計師們在深夜裡痛哭流涕痛心疾首痛徹心扉的往事了…

咱們來說說：為什麼類似花瓣網跟Pinterest這些網站，都要抛開那麼多種風格，偏偏獨寵“瀑布流”式的網站布局？

什麼是“瀑布流”？

“瀑布流”指的并不是什麼狂拽酷炫吊炸天的特效，而是指一種“限寬不限高”的網站頁面布局方式：

浏覽這種布局的網站，你隻需要不停地往下拉動，就能無窮無盡地看到新内容，所以用“瀑布流”來形容這種布局方式，就相當形象了有木有：

目前采用這種布局風格的網站有很多，國外的比較有名的有Pinterest(瀑布流鼻祖)、Unsplash，國内的則以花瓣網、蘑菇街為代表：

無版權圖片庫：Unsplash

電商網站：蘑菇街

這些網站都有一個特點，那就是它們都是以“圖片”為主要内容的網站。

那麼現在問題來了：為什麼這類網站都要采用“瀑布流”這種布局方式？

用“瀑布流”布局網站的好處

a、能高效展示大量的圖片；

以上提到的這些網站，都需要展示大量的圖片内容。

因此，站在用戶的角度來說，“三分鐘内，我要看到這個小姐姐網站的所有圖片”，就成了這些網站第一個要考慮的問題。

而“瀑布流”就是最适合的解決方案之一，比起其他中規中矩的布局方式，它能讓用戶在有限的頁面裡花最短的時間、用最少的操作，看到最多最完整的内容。

b、界面清爽；

對于網頁設計師們來說，隻要程序猿們别炸，圖片尺寸啥的問題就不大。

比如，像PPTstore這種PPT模闆網站，他們需要展示的圖片基本上都有固定的尺寸，所以展示起來很方便，圖片是多是少在這裡根本沒影響：

但是對于花瓣網這種什麼尺寸的圖片都有的網站，如果要采用PPTstore這種方式來展示圖片，那就無可避免地隻能采取裁剪的方式來統一圖片的尺寸。

這樣的話用戶就無法一眼看完整張圖片，而要點多幾下鼠标才能看到整張圖片，這就導緻了用戶浏覽成本的上升。

這點就跟“三分鐘内，給他想要的這個小姐姐的所有信息”的高效浏覽原則相違背了。

而采用“隻規範寬度而不規範高度”的“瀑布流”布局，網站就能在“頁面清爽”以及“高效浏覽”之間取得平衡點。

c、沉浸式的浏覽體驗；

對于信息類APP來說，用戶花在APP上的時間越多，對APP來說就越是件好事。

比如抖音、知乎、微博，它們都有一套故意讓用戶“沉迷其中”的設計，你隻需要不停地往下刷，就能源源不斷地獲得“爽點”。

而花瓣網、Pinterest這些圖片網站也是一樣，你隻需往下滑動滾輪，就能獲得無窮無盡的圖片内容。

操作步驟越少、越簡單，用戶就越容易把注意力放在看小姐姐上，而不是把時間浪費在操作上，最終讓他們沉浸其中，日漸消瘦…

所以，很多人之所以沉迷抖音、知乎、微博不能自拔，其實并不是他們自己的問題，而是因為這些APP開發者們都是心機婊啊！

論，如何科學甩鍋。

當然，“瀑布流”也不是萬能的，比如它隻适用于以圖片内容為主的網站、定位圖片時比較不方便等等，所以各位開發者還得視網站自身的情況來決定采用何種布局方式。

最後，希望花瓣網早日歸來，畢竟我保存的那堆圖片(正經的那種)還沒下載完呀…

本期騷話就說到這裡，再賤…

▎近期你可能錯過了的好文章：

我是小木，跟哥混，有P用！

▼

本文由公衆号“跟我學個P”首發。

點擊閱讀原文，加入小木的PPT社群！

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!