Pinterest是去年最火热的产品，它的流行引起了跟风“瀑布流”的狂潮。而在今年校园招聘的笔试题中也已经两度看到了它的身影。作为它的新晋忠实用户，我在这篇文章里，简单介绍一个这个产品，并且从产品设计角度说说它的那些优点。

该文章内容主要来自于雷锋网上文章：

http://www.leiphone.com/0705-warlial-detail.html

http://www.leiphone.com/1009-echo-pinterest-layout.html

1.Pinterest是什么？

Pinterest是一个基于图片的社交网站，用户可以在网站上收藏和分享各种类型的图片。Pinterest的使用非常简单，和所有社交网站一样，主要有个人页面和新鲜事。

Pinterest的新鲜事是以瀑布流的形式呈现你follow的人分享的所有图片。你也可以通过查看Pinterest的分类道或者搜索来探索更多的图片，比如”men’sfashion”频道就是我的视觉盛宴。

同时，你也可以将喜欢的图片Pin到自己的页面上。在个人页面上，图片以Pinboard的形式组织。比如我的个人页面上，有”beauty”、”highheel”、”food”这些Pinboard。Follow我的人就能够看到这些board上的所有图片。

某个人可能会发乱七八糟各种图片，所以，我们可以不follow一个人，只follow他的某一个Pinboard，非常灵活。因此，Pinterest是一个完全基于兴趣的视觉社交网站，在上面发现、欣赏、分享图片是一件非常开心惬意的事情。

2.  Pinterst为什么这么火？

首先，它内容新颖，易用性好。Pinterest的核心是图片，功能简单而丰富，用户可以在上面按照自己的兴趣发现和组织图片。同时，瀑布流的设计给人非常舒适的视觉体验。

第二，Pinterest是商家的新机会。以前要买一双Nike鞋，我们会通过Google或者Amazon查找相关产品，现在可以关注那些爱好酷跑鞋的Pinboard，从那里获取到信息。

第三，它帮助用户简化信息处理过程，Pinterest可以让用户有效的剪辑和收藏自己感新区的内容，让繁杂的信息处理起来变得简单。

3.  瀑布流的设计好在哪里？

瀑布流对于图片的展现，高效而具有新引力，用户可以快速的阅读，短时间内获得大量的信息，而且很容易就能辨认去其中的兴趣点。而瀑布流的懒加载模式又省去了翻页操作，随着鼠标的滚动来浏览，使得用户容易沉浸其中，不被打断，很有逛街的感觉。还有一个特点是错落有致，定宽不定高，巧妙的利用视觉层级，使得视线呈现流动状，不易疲劳。

4.  Pinterest的中国学徒有哪些？都用对地方了吗？

随着瀑布流的兴起，越来越多的网站开始模仿Pinterest，花瓣网、美丽说、蘑菇街、人人逛街、凡客达人、堆糖网、布兜等。

4.1 那么瀑布流的设计有哪些需要注意的细节呢？

1）  吸顶式导航

用户在瀑布流下面快速的浏览，如果又要回到顶部去切换分类，实在太麻烦，吸顶式导航可以让用户轻松切换。导航不可以太宽，色彩不可以太抢眼，用户需要时，悄悄在那里就可以。

2）  轻松点击查看大图

点击小图之后，会出现大图，点击空白区域收起，再次点击则跳转到图片来源网站。满足了用户查看细节的需求，又不打断沉浸式浏览。

3）  占位加载，保持视觉体验的顺畅

用户在不断滚动鼠标滚轮浏览时，网速并不尽如人意，因此采用占位加载形式（预加载出图片高度的灰度图），不让加载过程中画面过于跳动，可以让用户视觉体验平缓。

4）  Pin it工具的便捷

Pin it既为自己收藏内容，又为网站创造内容，方便好用。

4.2 什么样的网站适合用瀑布流？

Pinterest的瀑布流布局是通过jQueryMasonry插件密集但美观的展示大量高度不一的缩略图，从而为用户提过完美的视觉体验。如果你的网站想要用瀑布流，问自己三个问题：你的网站内容以视觉为主吗？如果是，你网站上的图片是否大小不一、足够有趣并且吸引眼球呢？你有足够好的美工设计师么？