CCTV:奔跑吧!太空人!

2019-04-26 H5案例分享 H5案例分享
CCTV:奔跑吧!太空人!


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

识别图中二维码

奔跑吧!太空人!-查阅二维码

完整欣赏此案例大约需要6分钟


案例:奔跑吧!太空人!

品牌:CCTV

亮点:

  1. 创意定位

CCTV制作的总结中国航天事业历程的H5作品,用户在作品中可以看到自2003年至2016年中国航天事业取得的主要成就,点击各年代标题可查看详情页,以此作品表达对中国航天事业工作者的致敬,和对航天事业继续辉煌发展的憧憬和信心。

 

  1. 策划逻辑

加载界面会提醒用户使用横屏体验,加载完毕后,是一句对航天事业的目标总结,点击“确定”开始浏览,屏幕下方是年份和标题,以及一个黑色的太空人,右滑屏幕可以引导太空人奔跑至下一个年份,点击年份日期,会出现大事件的详细介绍页,包括发射的飞船,月球车的名称等。具体如下:① 1992-2002。1992年:载人航天三步走。1999年:神舟一号发射。2001年:神舟二号发射。2002年:神州三,四号发射。②2003-2010。2003年:神舟五号发射。2005年:神舟六号发射。2007年:嫦娥一号绕月。2008年:神舟七号发射。2010年:嫦娥二号测月。③2010-2016。2010年:嫦娥二号测月。2011年,神州八号发射;天宫一号发射。2012年:神舟九号发射。2013年:嫦娥三号探月。2016年:长征七号运载火箭;神州十一号发射;天宫二号发射。

 

3. 设计上

纯色的空旷背景下,年份使用了显眼的白色粗字体,很显眼,背景色会随着作品的展开渐渐变色,蓝色,蓝黑色,紫色等,烘托了太空神秘莫测的氛围,也对比衬托了人物的渺小,随着小人不断跑动,年份上空会出现在此年份发射的航天飞船的照片和宇航员的照片,让用户对此年份的航天事业有较为直观的感受,再结合详情页的文字介绍,更容易让用户了解,和勾起对不同年份航天新闻的印象。

 

4. 体验上

航天事业的每一步发展都凝聚了无数航天人员夜以继日的不懈努力,太空还有着无限的空间等待着人类去探索,相信在科研人员和宇航员的努力下,我们中国的航天事业会越来越辉煌!



技术实现: html5



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

标签

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

相关推荐:

CCTV央视新闻 + PUPUPULA:我家年夜饭

央视新闻移动网:和我在月亮的街头走一走

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~