中国之声:天空飘来几十个字儿,都是你的事儿

2018-03-05 H5案例分享 H5案例分享
中国之声:天空飘来几十个字儿,都是你的事儿


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

识别图中二维码

天空飘来几十个字儿,都是你的事儿-查阅二维码

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


案例:天空飘来几十个字儿,都是你的事儿

出品:中国之声

亮点:

  1. 策划上,视频类H5。Loading完毕,点击屏幕,视频播放,时长为4分40秒。画面以文字动画的形式呈现,以中央电视台广播电台记者关于“2018你的愿望”为题的采访引起全文,采访了七个人,这七人的回答涵盖了交通、医疗、创业、婚恋等多个方面。最终视频结束,出现“中国之声”的二维码,引导用户关注,了解更多两会新闻。
  2. 设计上,随着才放人的不同,切换背景颜色,场景都是有文字组成的,通过文字的移动、旋转等动画效果,实现场景的搭建。
  3. 体验上,这个H5让小五想起了Vanke 万科出品,案例名为烟台的H5,两者的创意策划类似,都是以文字来表现个种场景,例如堵车、加班、大海等等,界面比较简单,让用户把注意更加集中在声音上,听取该H5所要表达的内容。



技术实现: jQuery+video



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

标签

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

相关推荐:

人民日报:闻声识人,听听这是谁

国务院客户端 & 网易新闻:360°总理记者会

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~