Pinterest为什么用「瀑布流」风格?

不过,今天咱们就不讨论花瓣维修的这一个月里面,设计师们在深夜痛哭流涕痛心疾首痛彻心扉的往事了…

咱们来说说:为什么类似花瓣网跟Pinterest这些网站,都要抛开那么多种风格,偏偏独宠「瀑布流」式的网站布局?

01

什么是瀑布流

◆ ◆ ◆

「瀑布流」指的并不是什么狂拽酷炫吊炸天的特效,而是指一种「限宽不限高」的网站页面布局方式:

浏览这种布局的网站,你只需要不停地往下拉动,就能无穷无尽地看到新内容,所以用「瀑布流」来形容这种布局方式,就相当形象了有木有:

目前采用这种布局风格的网站有很多,国外的比较有名的有Pinterest(瀑布流鼻祖)、Unsplash,国内的则以花瓣网、蘑菇街为代表:

▲无版权图片库:Unsplash

▲电商网站:蘑菇街

这些网站都有一个特点,那就是它们都是以「图片」为主要内容的网站。

那么现在问题来了:为什么这类网站都要采用「瀑布流」这种布局方式?

02

用「瀑布流」布局网站的好处

◆ ◆ ◆

❶ 能高效展示大量的图片

以上提到的这些网站,都需要展示大量的图片内容。

因此,站在用户的角度来说,「三分钟内,我要看到这个小姐姐网站的所有图片」,就成了这些网站第一个要考虑的问题。

而「瀑布流」就是最适合的解决方案之一,比起其他中规中矩的布局方式,它能让用户在有限的页面里花最短的时间、用最少的操作,看到最多最完整的内容。

❷ 界面清爽

对于网页设计师们来说,只要程序猿们别炸,图片尺寸啥的问题就不大。

比如,像PPTstore这种PPT模板网站,他们需要展示的图片基本上都有固定的尺寸,所以展示起来很方便,图片是多是少在这里根本没影响:

但是对于花瓣网这种什么尺寸的图片都有的网站,如果要采用PPTstore这种方式来展示图片,那就无可避免地只能采取裁剪的方式来统一图片的尺寸。

这样的话用户就无法一眼看完整张图片,而要点多几下鼠标才能看到整张图片,这就导致了用户浏览成本的上升。

这点就跟「三分钟内,给他想要的这个小姐姐的所有信息」的高效浏览原则相违背了。

而采用「只规范宽度而不规范高度」的「瀑布流」布局,网站就能在「页面清爽」以及「高效浏览」之间取得平衡点。

❸ 沉浸式的浏览体验

对于信息类APP来说,用户花在APP上的时间越多,对APP来说就越是件好事。

比如抖音、知乎、微博,它们都有一套故意让用户「沉迷其中」的设计,你只需要不停地往下刷,就能源源不断地获得「爽点」。

而花瓣网、Pinterest这些图片网站也是一样,你只需往下滑动滚轮,就能获得无穷无尽的图片内容。

操作步骤越少、越简单,用户就越容易把注意力放在看小姐姐上,而不是把时间浪费在操作上,最终让他们沉浸其中,日渐消瘦…

所以,很多人之所以沉迷抖音、知乎、微博不能自拔,其实并不是他们自己的问题,而是因为这些APP开发者们都是心机婊啊!

论,如何科学甩锅。

当然,「瀑布流」也不是万能的,比如它只适用于以图片内容为主的网站、定位图片时比较不方便等等。

如果你有很多图片要排版,它们还都大小不一,不妨学习一下瀑布流的思路:统一图片宽度,保持间距进行排版。这样呈现图片,会让人眼前一亮哦!

发表评论

邮箱地址不会被公开。 必填项已用*标注