网易新闻:20年,澳门印记

2019-12-20 H5案例分享 H5案例分享
网易新闻:20年,澳门印记


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

识别图中二维码

20年,澳门印记-查阅二维码

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


案例:20年,澳门印记

品牌:网易新闻

技术实现: html5

亮点:

  1. 创意定位

网易新闻在澳门回归20周年之际推出的回顾型作品。

 

  1. 策划逻辑

作品有主要回归历程中的重要事件,和回归后的发展成果两个部分。

 

①主要事件展示

以年份,照片展示搭配文字阐述的方式,展现了1979年2月8号中葡建交,1989年12月4号“一国两制”写入宪法,1987年4月13号中葡签署联合声明等澳门回归过程中的各个里程碑式事件。

 

②总结展现

先是1999年和2019年的年份显示,然后用户滑动一次屏幕,出现一幅展示图,包括申遗成功,免费教育实施,奥运圣火进澳门,携手抗击非典,澳门支援汶川,澳门个人游和港珠澳大桥通车等澳门回归以来各方面的发展建设成果。

 

  1. 设计上

前半段是实景照片,后半段是手绘图,以澳门的市花“莲花”为主要元素,与年份一起显示,莲花的初开和盛放显示了澳门回归后各方面的迅速发展。

 

  1. 交互上

前面是下滑浏览,文字较多,将重要事件一一阐述,后面是图片搭配总结词,滑动一次展示一张,将澳门的经济,交通,文化教育,与大陆的互帮互助互动展现的非常全面。

 





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

标签

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

相关推荐:

央视新闻:秒游澳门

南方日报:出发咯!小编邀你穿越清远30年的时光之旅

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~