网易新闻新华社全媒报道平台：同心圆

2018-12-14 H5案例分享 H5案例分享

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

识别图中二维码

同心圆-查阅二维码

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

案例：同心圆

出品：网易新闻新华社全媒报道平台

亮点：

策划上，这是对改革开放40周年的回顾，通过同心圆进进行回顾四十年来改革所所带来的日新月异的变化，通过不过同心圆穿梭让人从三转一响一咔嚓，冬天里的高考，春晚李谷《乡恋》，86版的《西游记》，80年代初深圳速度三天一层楼，1992年邓小平南巡，1997年香港回归，1998改革开放二十周年，03年抗击非典，08年奥运开幕，如今的移动支付，13年的一带一路，16年的天宫二号，18年的港珠澳大桥通车，这些在生活中所发生的一系列变化。
设计上，吸引人们回顾过往的时光，感受改革开放所带来的美好。
交互上，手指画圆进入内容，向左滑动，观看内容
体验上，40年的时间，生活中所发生的各个变化，每代人的前赴后继，每个脚印的曲折前行画出最大的同心圆。

技术实现： Zepto

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

标签