网易新闻丨跟贴:非正常人类研究白皮书

2017-07-11 H5案例分享 H5案例分享
网易新闻丨跟贴:非正常人类研究白皮书

案例:非正常人类研究白皮书

出品:网易新闻丨跟贴

亮点:

  1. 策划上,图文展示类案例。加载完成后进入案例,首页给出白皮书中非正常人类定义。案例总共分为三部分以长屏的形式展现,三部分分别为:数据盘点篇、人群概述篇、群体特色篇。数据盘点篇,1.用数字及对比的形式让读者更直观的认识到网易近10年,102亿条跟帖,超过1000亿字以及近1年10.95亿条跟帖,超过100亿字的概念,例如:如果每个字等于1块砖的话,可以垒成5690个长城。2.列出10个大事件在跟帖中被热议的态度热词。3.网友和小编相爱相杀这年一个标题就能看出默契。人群概述篇,1.什么样的人喜欢更贴,发帖量TOP10的文章类型,看帖量TOP10的文章类型。群体特色篇,分为几个群体:精分青年、喷子群体、盖楼网友、杂事用户、伪文青老司机、高能表演群体、野生段子手。最后给出网易态度“愿每一个非正常人类都能找到另一有趣的灵魂”点击“寻找同类”进行分享,点击“研究不正常”跳转网易新闻APP下载链接。

     

  2. 设计上,颜色以红粉色为主,蓝色黄色为辅以及白色背景图构成案例,白色背景上网格图案让案例不显得空洞同时突出前景文案及图案。

     

  3. 体验上,传统的滑动交互方式,风格小清新,让比较死板的信息变得有格调,读者更喜欢,心情轻松的看下去。



技术实现: CSS3(Transform)


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

非正常人类研究白皮书-查阅二维码




以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

网易新闻 | 哒哒:纪念哈利波特20周年

网易新闻丨跟帖 x 月圆赛诗会:这里有最懂你的一首诗

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~