网易新闻丨跟贴:非正常人类研究白皮书
案例:非正常人类研究白皮书
出品:网易新闻丨跟贴
亮点:
-
策划上,图文展示类案例。加载完成后进入案例,首页给出白皮书中非正常人类定义。案例总共分为三部分以长屏的形式展现,三部分分别为:数据盘点篇、人群概述篇、群体特色篇。数据盘点篇,1.用数字及对比的形式让读者更直观的认识到网易近10年,102亿条跟帖,超过1000亿字以及近1年10.95亿条跟帖,超过100亿字的概念,例如:如果每个字等于1块砖的话,可以垒成5690个长城。2.列出10个大事件在跟帖中被热议的态度热词。3.网友和小编相爱相杀这年一个标题就能看出默契。人群概述篇,1.什么样的人喜欢更贴,发帖量TOP10的文章类型,看帖量TOP10的文章类型。群体特色篇,分为几个群体:精分青年、喷子群体、盖楼网友、杂事用户、伪文青老司机、高能表演群体、野生段子手。最后给出网易态度“愿每一个非正常人类都能找到另一有趣的灵魂”点击“寻找同类”进行分享,点击“研究不正常”跳转网易新闻APP下载链接。
-
设计上,颜色以红粉色为主,蓝色黄色为辅以及白色背景图构成案例,白色背景上网格图案让案例不显得空洞同时突出前景文案及图案。
-
体验上,传统的滑动交互方式,风格小清新,让比较死板的信息变得有格调,读者更喜欢,心情轻松的看下去。
技术实现: CSS3(Transform)
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号