花瓣網(wǎng)、Pinterest為何獨(dú)寵“瀑布流”風(fēng)格？

時(shí)間：2023-06-09 23:03:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-06-09 23:03:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

花瓣網(wǎng)、Pinterest為何獨(dú)寵“瀑布流”風(fēng)格？：嗨，各位木友們好呀，我是小木。

相信消息靈通的各位應(yīng)該早就知道，繼國(guó)外的Pinterst以及Behance掛了以后，國(guó)內(nèi)大型圖片社區(qū)花瓣網(wǎng)，也在前幾天貼出了停站維護(hù)的公告…

不過(guò)，今天咱們就不討論那些能讓設(shè)計(jì)師們?cè)谏钜估锿纯蘖魈橥葱募彩淄磸匦撵榈耐铝恕?br>
咱們來(lái)說(shuō)說(shuō)：為什么類(lèi)似花瓣網(wǎng)跟Pinterest這些網(wǎng)站，都要拋開(kāi)那么多種風(fēng)格，偏偏獨(dú)寵“瀑布流”式的網(wǎng)站布局？




▌什么是“瀑布流”？




“瀑布流”指的并不是什么狂拽酷炫吊炸天的特效，而是指一種“限寬不限高”的網(wǎng)站頁(yè)面布局方式：

瀏覽這種布局的網(wǎng)站，你只需要不停地往下拉動(dòng)，就能無(wú)窮無(wú)盡地看到新內(nèi)容，所以用“瀑布流”來(lái)形容這種布局方式，就相當(dāng)形象了有木有：

目前采用這種布局風(fēng)格的網(wǎng)站有很多，國(guó)外的比較有名的有Pinterest(瀑布流鼻祖)、Unsplash，國(guó)內(nèi)的則以花瓣網(wǎng)、蘑菇街為代表：

這些網(wǎng)站都有一個(gè)特點(diǎn)，那就是它們都是以“圖片”為主要內(nèi)容的網(wǎng)站。

那么現(xiàn)在問(wèn)題來(lái)了：為什么這類(lèi)網(wǎng)站都要采用“瀑布流”這種布局方式？

▌?dòng)谩捌俨剂鳌辈季志W(wǎng)站的好處

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




以上提到的這些網(wǎng)站，都需要展示大量的圖片內(nèi)容。

因此，站在用戶(hù)的角度來(lái)說(shuō)，“三分鐘內(nèi)，我要看到這個(gè)小姐姐網(wǎng)站的所有圖片”，就成了這些網(wǎng)站第一個(gè)要考慮的問(wèn)題。

而“瀑布流”就是最適合的解決方案之一，比起其他中規(guī)中矩的布局方式，它能讓用戶(hù)在有限的頁(yè)面里花最短的時(shí)間、用最少的操作，看到最多最完整的內(nèi)容。




b、界面清爽；




對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師們來(lái)說(shuō)，只要程序猿們別炸，圖片尺寸啥的問(wèn)題就不大。

比如，像PPTstore這種PPT模板網(wǎng)站，他們需要展示的圖片基本上都有固定的尺寸，所以展示起來(lái)很方便，圖片是多是少在這里根本沒(méi)影響：

但是對(duì)于花瓣網(wǎng)這種什么尺寸的圖片都有的網(wǎng)站，如果要采用PPTstore這種方式來(lái)展示圖片，那就無(wú)可避免地只能采取裁剪的方式來(lái)統(tǒng)一圖片的尺寸。


這樣的話(huà)用戶(hù)就無(wú)法一眼看完整張圖片，而要點(diǎn)多幾下鼠標(biāo)才能看到整張圖片，這就導(dǎo)致了用戶(hù)瀏覽成本的上升。

這點(diǎn)就跟“三分鐘內(nèi)，給他想要的這個(gè)小姐姐的所有信息”的高效瀏覽原則相違背了。

而采用“只規(guī)范寬度而不規(guī)范高度”的“瀑布流”布局，網(wǎng)站就能在“頁(yè)面清爽”以及“高效瀏覽”之間取得平衡點(diǎn)。




c、沉浸式的瀏覽體驗(yàn)；




對(duì)于信息類(lèi)APP來(lái)說(shuō)，用戶(hù)花在APP上的時(shí)間越多，對(duì)APP來(lái)說(shuō)就越是件好事。

比如抖音、本站、微博，它們都有一套故意讓用戶(hù)“沉迷其中”的設(shè)計(jì)，你只需要不停地往下刷，就能源源不斷地獲得“爽點(diǎn)”。


而花瓣網(wǎng)、Pinterest這些圖片網(wǎng)站也是一樣，你只需往下滑動(dòng)滾輪，就能獲得無(wú)窮無(wú)盡的圖片內(nèi)容。

操作步驟越少、越簡(jiǎn)單，用戶(hù)就越容易把注意力放在看小姐姐上，而不是把時(shí)間浪費(fèi)在操作上，最終讓他們沉浸其中，日漸消瘦…

所以，很多人之所以沉迷抖音、本站、微博不能自拔，其實(shí)并不是他們自己的問(wèn)題，而是因?yàn)檫@些APP開(kāi)發(fā)者們都是心機(jī)婊?。?br>
論，如何科學(xué)甩鍋。

當(dāng)然，“瀑布流”也不是萬(wàn)能的，比如它只適用于以圖片內(nèi)容為主的網(wǎng)站、定位圖片時(shí)比較不方便等等，所以各位開(kāi)發(fā)者還得視網(wǎng)站自身的情況來(lái)決定采用何種布局方式。

最后，希望花瓣網(wǎng)早日歸來(lái)，畢竟我保存的那堆圖片(正經(jīng)的那種)還沒(méi)下載完呀…

本期騷話(huà)就說(shuō)到這里，再賤…




▎近期你可能錯(cuò)過(guò)了的好文章：

這樣排版圖文，能讓你的PPT更高大上！

兩個(gè)超實(shí)用，但卻被人忽視了的PPT技巧！

2018PPT教程合集！




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

本文由公眾號(hào)“跟我學(xué)個(gè)P”首發(fā)。

▼