人民日报客户端:一根线能盘出啥

2019-03-06 H5案例分享 H5案例分享
人民日报客户端:一根线能盘出啥


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

识别图中二维码

一根线能盘出啥-查阅二维码

完整欣赏此案例大约需要4分10秒


案例:一根线能盘出啥

品牌:人民日报客户端

亮点:

1.创意定位

本案例由人民日报客户端出品,用动画声音相结合的方式,讲述当下社会生活中的普遍存在的问题,进而联系两会,让更多人关注到两会中去。

 

2.策划逻辑

案例最开始由一根像声波一样的线作为加载页面,加载完后出现一支正在划线的铅笔,根据提示向右滑动出现一个男声,介绍自己是一支笔,并跟随主人正身处地铁中,随着语音的描述,画面中的简笔画也在跟随着变化,接下来又出现了陪主人加班的笔、孩子的笔、签租房合同的笔、医院中的笔,前后用吐槽的方式展现了交通问题、劳保问题、教育问题、房价问题、医患关系问题这些与人们息息相关的热点问题,最后用各大记者在人们大会堂进行两会报道的声音,引入到结束页上,结束页最中央写着“2019年全国两会,你的声音都能被看见”,屏幕下方有重看一遍和分享声音两个按钮,点击即可进行相应操作。

 

3.设计上

黑白简笔画辅助一些黄色的线条,加上不同的方言模拟不同的吐槽声,虽然是一只笔的人设,反应的确实每个人每天都在面对的问题,以线的变化比做能被看见的声波,意料之外却又是情理之中。

 

4.体验上

手机端和电脑端均适配。交互上,通篇横屏观看,虽然是用声音加动画的形式来展现的,但是由用户滑动线进行延伸开始,仿佛是自己打开了案例的开关,中间点灯的小小举动也增强了用户的参与度。



技术实现: HTML5



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

标签

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

相关推荐:

人民日报客户端&快手app:喂,你好吗

CCTV:上新了!代表委员调研攻略!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~