建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
鲜果联播借鉴Flipboard技术和设计创新
发布日期:2012-03-27 阅读次数:992 字体大小:

3月22日,美国知名社交杂志Flipboard推出了iPhone中文版应用,在苹果应用商店中国区一上线就引起广泛关注。这是Flipboard继去年底推出iPad中文版并结盟新浪微博和人人网以来的又一大动作。

目前,本土移动阅读应用较知名的有鲜果联播、网易阅读、Zaker、腾讯看看、酷云阅读等多家。各家应用各有所长,我们挑选“鲜果联播”作为本土派代表,来和Flipboard做一对比。在Flipboard推出iPhone中文版的同一天,鲜果联播也发布了iPhone 1.5新版,下面我们看下这款产品的对比情况。

一、界面设计

从界面设计看,两者都比较简洁,风格类似。鲜果联播以蓝色为主色调,Flipboard以深红色为主色调。

鲜果联播的目录上下滚动的,可添加任意多个频道;Flipboard的目录采用了分页模式,有比较炫的翻页效果;最多可分4页,可添加20个频道,超出20个的都会加在最后一格里。

(左为鲜果联播目录界面,右为Flipboard目录页面)

Flipboard并没有对首页展示内容做过多修饰,部分新闻图片截图不是很完美,有的不是很清晰,有的只截取了身体中间部分,无头无脚;相比而言,鲜果联播截图的图片相对比较完整,画质也比较清晰。

从目录界面设计来看,鲜果联播界面风格比较清新、朴实,Flipboard则比较华丽,效果较炫,但许多细节处理得不是很好。

鲜果联播的频道列表页分文字和图片两种风格,如果文字较多时,显示的是比较传统的“标题+简介+缩略图”风格(下图右),如果图片较多,则显示“标题+四张缩略图”的风格(下图左),界面比较清晰、传统。

(鲜果联播的两种列表页风格)

而Flipboard的风格,则与传统的模式有较大的不同,其列表页其实是内容缩略页,如果有两条内容都无图,则一页显示两条(下图左),如果内容有横向图,则上图下文排列(下图中),如果内容有纵向图,则图片会作为背景铺在文字下面(下图右)。

(Flipboard的三种列表页风格)

再来看内容页。

鲜果联播的内容页分文字、文图和图片浏览三种模式,都是在客户端范围内可以打开,无须跳转和调用浏览器来打开外部页面。特别要提一下的是鲜果联播的图片浏览模式,全屏显示图片时,上下操作提示都会隐藏,翻动浏览效果很好(下图右)。

(鲜果联播的三种内容页风格)

相比而言,Flipboard的内容页展现则显得有些杂乱。如果是微博内容,则会弹出小窗口展现(下图中);如果微博中有链接或是RSS源的内容,则会抓取文字到自己的窗口来展现(下图右);但很多时候,Flipboard是调用浏览器直接打开源网页来展现内容。这不仅要通过拉大页面、左右上下拖动才能浏览,而且还会耗费流量。

(Flipboard的三种内容页风格)

综上所述,Flipboard看起来华丽,但是很多方面都没有考虑到中国用户的使用习惯,特别是在流量上。相比而言,鲜果联播充分考虑了国人的使用习惯,并且兼顾了界面美观和流量。