龙空技术网

花瓣网跟Pinterest都在用的“瀑布流”风格,到底妙在哪里?

跟我学个P 343

前言:

而今我们对“瀑布流布局图片”都比较讲究,大家都想要分析一些“瀑布流布局图片”的相关内容。那么小编在网上搜集了一些有关“瀑布流布局图片””的相关资讯,希望兄弟们能喜欢,小伙伴们一起来了解一下吧!

嗨,各位木友们好呀,我是小木。

相信消息灵通的各位应该早就知道,继国外的Pinterst以及Behance挂了以后,国内大型图片社区花瓣网,也在前几天贴出了停站维护的公告…

不过,今天咱们就不讨论那些能让设计师们在深夜里痛哭流涕痛心疾首痛彻心扉的往事了…

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

什么是“瀑布流”?

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

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

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

无版权图片库:Unsplash

电商网站:蘑菇街

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

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

用“瀑布流”布局网站的好处

a、能高效展示大量的图片;

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

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

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

b、界面清爽;

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

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

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

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

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

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

c、沉浸式的浏览体验;

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

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

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

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

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

论,如何科学甩锅。

当然,“瀑布流”也不是万能的,比如它只适用于以图片内容为主的网站、定位图片时比较不方便等等,所以各位开发者还得视网站自身的情况来决定采用何种布局方式。

最后,希望花瓣网早日归来,毕竟我保存的那堆图片(正经的那种)还没下载完呀…

本期骚话就说到这里,再贱…

▎近期你可能错过了的好文章:

我是小木,跟哥混,有P用!

本文由公众号“跟我学个P”首发。

点击阅读原文,加入小木的PPT社群!

标签: #瀑布流布局图片