好久不见了各位，今天我想跟大家探讨一下关于“瀑布流的网站”的问题。如果你还不了解这方面的内容，那么这篇文章就是为你准备的，请跟我一起来探索一下。
文章目录列表:
1.瀑布流的网页设计适合什么样的网站
2.Feed流与瀑布流
3.pinterest是哪个 的网站
4.抖音的瀑布流，快手的双瀑布流和传统内容的feed视 流这三种展现形式有什么本质区别？
5.瀑布流的常见网站
6.瀑布流类型的网站应该如何优化？
瀑布流的网页设计适合什么样的网站
瀑布流网页布局设计，现在有泛滥成灾之势，不过存在即合理，瀑布流为什么这么走俏，是因为它能满足用户的体验与需要。而对于瀑布流式布局，想必网页设计师们已不再陌生，随着pinterest自2011年开始走红，瀑布流式的布局被越来越多的网站所使用。国内的花瓣网、堆糖网、布兜、发现啦，美丽说，蘑菇街，人人逛街，凡客达人等，复制Pinterest的网站在中国蜂拥而现，粗略估计已有上百家之多。
为什么选择瀑布流？对的展现 有吸引力
既然pinterest式蜂拥而现，我们先从体验角度看，瀑布流布局为什么好？
笔者浅见。随着读图时代快餐式消费的来临，瀑布流对于的展现，是 而具有吸引力的，用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量,而瀑布流里懒加载模式又避免里用户鼠标点击的翻页操作,这么浏 览起来,随着鼠标的滚动,是不是最小的操作成本能获得做多的内容体验,是不是比较容易沉浸其中,不被打断。有没有逛起街来边走边看,被琳琅满目的商品吸引 的感觉呢?
除此之外，瀑布流的主要特性便是错落有致，定宽而不定高的设计让页面区别于传统的矩阵式布局模式，巧妙的利用视觉层级，视线的任意流动又缓解了视觉疲劳。
Pinterest于2011年诞生，如今每月独立访问用户数量已突破1100万，平均每位用户每月在网站上逗留98分钟，这一时长在诸多社交 中仅次于Tumblr和Facebook。Pinterest作为瀑布流布局的鼻祖，必然引导瀑布流设计的方向。
吸顶式导航
为什么使用吸顶式导航呢？用户在瀑布流模式下一目十行去浏览，如果快速切换到分类，又要回到顶部，然后再选取分类，吸顶式导航可以让用户轻松切换分类，设计要点，吸顶式导航不可以太宽，色彩上不可以太抢眼，只需要保证用户在需要时，它悄悄的在就可以。
2.评论的锚点定位
pinterest起初设计是评论框全部默认展示的， 意在鼓励用户输入评论。而在最近的改版中，pinterest的评论框的设计改为:当和已有评论长度较小时，评论框默认收起，点击评论的操作 button后，锚点定位到评论框，同时光标闪动，提示用户输入文字。而和已有评论较长时（接近或大于一屏的高度），默认评论框打开，因为用户如果靠 评论的button打开评论框需要回滚较多距离，成本太高。
3.轻巧的设计
点击空白区域收起，再次点击大图跳转到来源网站。非常适合轻松随意的阅读尤其是当用户适应此处的设计逻辑后，很容易产生沉浸式浏览，同时又满足了查看细节的需要。
4.占位加载，保持视觉体验的顺畅
用户在不断滚动鼠标滚轮浏览的过程中，网速并不总是尽如人意的，因此采用占位加载形式（预加载出高度的灰度图），不让加载过程中画面过于跳动，
可以让用户视觉体验平缓些，视觉过度流畅，尽量小的干扰用户浏览的行为。
Feed流与瀑布流
我们每天在刷着大量信息，大量，可以说Feed流与瀑布流无处不在。今天我们就来区分区分Feed流与瀑布流吧。
Feed流
Feed是喂养的意思，你想吃什么，就喂你吃什么。给你喂你想看的，而不是把所有的东西全部喂给你。典型的Feed流有微博与知乎的首页。
Feed流应用场景
1.兴趣订阅类产品。针对不同的喜好给用户推送不同的内容是必要的，而不是简单的将所有东西全部推送。
2.针对用户画像的差别推荐产品内容。用户画像是通过大数据判定用户感兴趣的内容，淘宝就是根据用户购买能力确定用户画像的。兴趣则是用户主动选择的。
3.特定推送的产品。这种主要是付费类产品，比如得到
瀑布流
像瀑布一样源源不断的给你东西，不管你是否需要还是不需要。只要源头有水，就不会断流。
瀑布流应用场景
1.传统资讯产品。比如四大门户网站，无论你是否登录，都会无差别展示各种内容。这种展现方式保证了每一个用户看到首页信息的一致性。
2.专业类产品。基于用户的确定性与稳定性，也基于文章数量的轻便性。推送的内容虽然一致，但是每一篇文章都是高质量的，有意义的。
3.素材展示产品。大量供给素材。比如花瓣网。
pinterest是哪个 的网站
Pinterest由美国加州帕罗奥图的一个名为Cold Brew Labs的团队营运
是一个网路与手机的应用程式，可以让使用者利用其 作为个人创意及专案工作所需的视觉探索工具，同时也有人把它视为一个分享类的社群网站，使用者可以按主题分类添加和管理自己的收藏，并与好友分享。其使用的网站布局为瀑布流布局（Pinterest-style layout）。
抖音的瀑布流，快手的双瀑布流和传统内容的feed视 流这三种展现形式有什么本质区别？
三种本质区别就是布局方式不同。
瀑布流：
又称瀑布流式布局，是比较流行的一种网站页面布局方式。视觉表现为参差不齐的多栏布局，最早采用此布局的是网站是Pinterest，后逐渐在国内流行。我们看到的一些vlog网站或者展示网站，对于大小高度不一的能自动适应排列，在下拉到底的时候，加载的也可以自动适应。
瀑布流更适合那些随意浏览，不带目的性的使用场景，就像是在逛街一样，边走边看，同时被街边琳琅满目的商品吸引着，所以比较适合的、小说、资讯类的场景，以现有的成功案例来说，以 UGC 为主的相关网站很多在使用瀑布流进行承载。
Feed流：
顾名思义，Feed是喂养的意思，你想吃什么，就喂给你什么，典型的例子就是微博、知乎的首页，以及各个聚合类资讯 的订阅号。feed流“千人千面”，会针对用户的喜好，推送给用户喜欢的内容。例如抖音、淘宝、知乎。
Feed流的应用场景有：
1、兴趣订阅类产品。针对不同的用户喜好推送不同的内容。
2、针对用户画像差别推荐的产品。与兴趣订阅类不同的事，兴趣是用户自发的行为，而用户画像是通过大数据分析用户行为，有针对性的推荐商品。
3、特定推送类。付费类产品，比如得到 。
瀑布流的常见网站
鼻祖：Pinterest
通用类：豆瓣市集，花瓣网，我喜欢，读图知
：图丽网
时尚资讯类：看潮网
时尚购物类：蘑菇街，美丽说，人人逛街，卡当网
家居o2o类：新巢网小猫家
微博社交类： 都爱看
搞笑类：道趣儿
艺术收藏类：微艺术
潮流图文分享：荷都分享网
瀑布流类型的网站应该如何优化？
瀑布流网站主要是以为主，文字内容较少，在优化的时候，注意尽量的原创，如果是在网上下载的已收录建议稍微的做一下处理，如改变大小、加工处理等。做好这些之后，必要的ALT标签，记住要合理的去布局关键词，不要造成关键词截彻，的ALT标签，中的词很容易被堆彻的。如果你的文章质量好，当被收录之后，就可以给你带来流量，记住一定要有吸引力，比较性或是比较 ，这样在搜索引擎搜索中就能快速的搜索到你的。瀑布流多数情况都是通过JQUERY来动态加载数据，默认加载的文字及都是首页原有的内容。在内容页或其他相关页面尽量曝光相关文章及最新文章，每张设置不同的alt标签和标题。哇这个我还是 次听说呢要了解一下才行了等待有经验的朋友分享没接触过，不了解。可以去研究一下美丽说网站。典型的瀑布流网站我也有想法想做个这样的网站，有人有好的系统么推荐下!谢谢啦！这类的网站注重的是内容好的内容吸引流量有了流量SEO不是问题···瀑布模板是当时作为分享型的代表，此类网站都是分享为主。优化这类网站重点是：标签。标签布局、标签归类、标签关键词。只要能把网站内容用标签管理起来，产生的聚合页就是收录和排名的主要来源了。其他的例如alt，title这些已经是常识了，管理好标签的分布和标签的归类就是这类网站的主要框架结构。
今天关于“瀑布流的网站”的讲解就到这里了。希望大家能够更深入地了解这个主题，并从我的回答中找到需要的信息。如果您有任何问题或需要进一步的信息，请随时告诉我。
评论前必须登录！
注册