光明网X喜马拉雅X上海网民在行动:时代的声音

2021-06-30 H5案例分享 H5案例分享
光明网X喜马拉雅X上海网民在行动:时代的声音


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

识别图中二维码

时代的声音-查阅二维码

完整欣赏此案例大约需要1分20秒


案例:时代的声音

品牌:光明网X喜马拉雅X上海网民在行动

技术实现: html5

亮点:

  1. 创意定位

建党一百周年回顾作品,用时间线串联的方式回顾建党与国家发展历史上的标志性事件,感受党和祖国的繁荣发展之路,表达民族自豪感,同时一起展望更加美好的未来。

 

  1. 策划逻辑

下方有时间指针显示,每次一副主图,一个主题,和一句解说,用户可选择自动播放,也可以点击下方的左右箭头控制播放速度,作品从1921年中国共产党成立开始,往后依次是长征,全民抗战,新中国成立,“东方红”一号升空,改革开放,香港回归,澳门回归,加入世贸,进入太空,举办奥运,上海世博会,中国梦的提出,一带一路,全民抗疫,时代史诗,最后用户输入自己的出生年份,生成与之对应的时代事件海报。

 

  1. 设计上

作品是手绘的主图,色调温暖明朗,以金色,红色,橙色调为主,营造回顾往昔岁月,同时又充满希望的感觉。端正的播音风格旁白,字正腔圆,娓娓讲述,流露国人的骄傲与自豪。

 

  1. 文案上

基本上每幅主图都是一个四字总结词,下方是事件描述与具体年份,每个主图出现时显眼的四字词让作品很工整,让文字读起来富有衔接性很强的力量,对事件的梳理也简单明了,易于用户了解,回顾,和知晓。





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

标签

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

相关推荐:

清华大学美术学院:清华大学美术学院线上毕业展

汤达人X唐人街探案3:汤达人 汤人街元气迷局

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~