侵华日军南京大屠杀遇难同胞纪念馆：国之祭|为历史拂尘，祈和平永续

2017-12-08 H5案例分享 H5案例分享

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

识别图中二维码

国之祭|为历史拂尘，祈和平永续-查阅二维码

完整欣赏此案例大约需要30秒

案例：国之祭|为历史拂尘，祈和平永续

出品：侵华日军南京大屠杀遇难同胞纪念馆

亮点：

1. 策划上，图文展示类，首先进入一个界面，介绍了事件原因和目的以及支持单位。点击擦亮历史可以看到哭墙，轻触哭墙可以看到一个死难者的名字，左右滑动拂去灰尘，然后变成星辰，介绍了第几个历史拂尘着，为谁擦亮了姓名。最后的界面有二维码可以保存发送给朋友，十分方便。
2. 设计上，采用灰白色作为主色调，配以哀伤的音乐。亲手为遇难者的名字拂去灰尘，仿佛万里之遥一念而通，真的站在南京大屠杀纪念馆为逝去者哀悼，为哭墙拂尘。擦亮之名化为星辰，就像逝者因有人铭记而安息。设计独到而传神。哀婉之情溢于言表，使人心生叹惋，珍惜和平可贵。
3. 交互上,哭墙横向展示，轻触可以为死难者拂去灰尘。可以选择再次参与或者分享给他人。

技术实现： Jquery.js+analytics.js

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

标签