请慎用瀑布流布局

首先解释一下什么叫瀑布流布局。它是一种网站页面布局的方式,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局会不断加载数据块,据不科学考察最先出现在国外的Pinterest,在国内有蘑菇街、点点网以及淘宝的部分网站在用。于是一时成疯!

如图所示,大家一定很熟悉,因为这种方式真的被用疯了!

的确,这是一种很好的布局方式,但我个人不希望大家滥用,请考虑好自己的网站是否适合这类布局方式再决定使用!

为什么呢?如果我个人理解没有错的话,瀑布流的布局方式非常适合乱序的摆放方式!这种布局方式看似杂乱不堪却也相当有规律,这种布局方式多用于图片的展示,有种错落有致的美感,而且用户在阅读的时候压力很小可以短时间浏览整个页面的大概内容,在操作上也及其简单,用户只需要滚动鼠标滚轴即可一直阅读下去,于是用户在阅读或者浏览的时候会拥有更高的粘度和更多的停留时间。对于站长来说更高的粘度与更多的停留时间无疑可以给网站带来更多的效益。更何况这种布局方式实现方法简单多样。于是乎瀑布流各种成疯!

在大家都看到瀑布流的各种优点,却忘记了瀑布流的局限性!瀑布流说穿了,它只适合乱序摆放,你不可能对那些有序摆放的内容使用瀑布流的布局方式,如果你使用了,那么会出现什么情况呢?我们来看看吧!这是我前两天想看《七龙珠》于是在PPS上找到了这部动画,我想看第七集,但是我找到这一集动画用了超过一分钟的时间! http://ipd.pps.tv/10053591#stat_so_result_web  这是链接地址,大家大可去找一下,我是用Ctrl+F的方式找的!你可以说我笨,我也真的很笨,我们来看一下我的截图,其实截图有点不太科学,就是我已经把视觉焦点给限制了,最好还是自己亲自去体验一下。

从截图中我们可以看到第5、6、7、8集的排序方式堪称奇葩!也许是我思维定式的原因,看到第六集后我很自然的就想到第七集应该在它旁边!但是瀑布流的展示方式却使第六集旁边是第九集!七八集呢?丢失了?

说了这么多,也晚了,我们来分析一下什么样的什么样的网站内容适合瀑布流的展示方式吧。

首先,我们把要展示的内容,称为元素,比如一张图片及其评论。我认为,元素与元素之间关联性不强的网站内容可以使用瀑布流的展示方式,但元素与元素之间有很强的关联性的内容就不要用瀑布流的展示方式了,这种展示方式容易打乱元素与元素之间的关联关系,比如本身存在逻辑关系的两个元素使用瀑布流展示之后逻辑关系就会被打乱,显得毫无章法。

写在最后,现在各种设计方式,设计元素的参与使互联网的应用、网页更加丰富多彩,希望大家善待这些设计方法和元素,用烂了就不好了,我不是很牛的产品,也不是很好的设计,更不是什么大牛,只是我热爱着互联网,希望互联网的明天会更好!

Leave a Reply