javascript和JQuery焦点图和代码特效大全
当前最流行的开源CMS网站系统大全
当前位置:主页 > 挨踢动态 > 互联网 >

国内各大瀑布流网站收集与优化建议

来源:IT技术网编辑:一页书发布于:2013-07-04人围观网站瀑布流收集分析

瀑布流有两大元素,图片与无限拖。图片要力求鲜丽夺目,毕竟它的每一张图片就是一个广告。因为瀑布流就是一个广告墙,琳琅满目的广告,铺天盖地的广告。我们也不管这些广告是否互相干扰,反正它的本意就是给人一种逛街的感觉,因此这些网站的站名起得也很贴切,什么“蘑菇街”,“美丽说”,“发现啦”,或干脆叫“逛”!这些网站基本上是导购网站,面向的是女性用户,吸引眼球是非常重要的。为了保证图片质量,仅靠图片色度的分析算法是不行,人网推荐势在必行,我不相信,仅靠用户上传,“花瓣网”首页的图片质量能高成这样。

无限拖让我想起twitter,通过滚动不断加载新内容。不停的是改成“砖头”——瀑布流里面一块块的东西,以图片为中心。相应的技术也早已成熟,就叫scrollLoad,或叫lazyload。由于图片高度不一,砖头也高度不一,添加砖头还是需要一点技巧的。现在流行栏栅布局(相对CSS框架而言),因此瀑布流其实是分为几列的,每次添加砖头时,都往最短的那一列添加,以保证某一列不会太长,而另一列只有几块砖头。有关瀑布的注意问题,我在后面会说,现在大家先欣赏一下美图吧。

淘宝网

http://www.fengche.com/

三列,不过每块砖头含有多个图片。发出两次请求就必须通过点击才能加载更多砖头,这难道是出于节省流量的考量吗?脑残!失去了无限拖的爽快感了。

迷尚

http://www.mishang.com/

四列。发出三次请求出现分页栏,点击后回到顶端。没有注册或登陆,拖着拖着会出现弹出层提示注册或登陆,这有点像无良发廊,在理发时不停地问你办会员卡,你理得好自然会办!总之,这种行径就是恶心!我倒不知那PM是不是吃屎长大,连这么简单的道理也不知!

发现啦

http://faxianla.com/

自适应布局。经典的无限拖。会出现很长的图片。拖着拖着,还会在右下角出现一个标签云作推荐。没有注册或登陆,拖着拖着会出现弹出层提示注册或登陆,因此这PM也是吃屎长大的!类库采用KISSY与seajs,其他有jQuery的垃圾网有技术含量。注意灯箱效果时,后面的瀑布流还能缓缓流动。

知美

http://www.zhimei.com/

无限拖。能根据屏幕大小调整列数。个人感觉太密,与圈乐一样。它的loading,与发现啦,堆糖都是很有意思。

堆糖

http://www.duitang.com/

四列。发出十次请求后出现分页栏。砖头有很质感。

花瓣

http://huaban.com/

五列。并且将一个标签云作为瀑布流的第一块砖头放在左上角,有效利用空间。会出现很长的图片。无限拖。图片质量超高。里面包含的资讯比像其他瀑布流丰富多了!找不到明显的缺点,是我们学习的榜样。

拼范

http://www.pinfun.com/

最多六列,最小四列,视屏幕而定。如果图片还没有加载到时,会出现一段文字,让用户先看赏析。基本上没有什么缺点,就有六列时有点密,在我的1440*900下。

美丽说

http://www.meilishuo.com/

五列。没有注册或登陆,拖着拖着会出现弹出层提示注册或登陆,恶心。发出三次请求后出现分页栏。

网站,瀑布流,收集,相关的文章
有时间的话来看看IT界的突发事件