御泥坊 X 天猫欢聚日 X 敦煌研究院：御见敦煌壁画展

2017-11-01 H5案例分享 H5案例分享

案例：御见敦煌壁画展

出品：御泥坊 X 天猫欢聚日 X 敦煌研究院

亮点：

策划上，长图类。这是由御泥坊、天猫欢聚日、敦煌研究院三者联手打造的一款h5。① 首屏，黄沙弥漫了整个屏幕，一种历史的沧桑感扑面而来，屏幕的下方有个吹气的按钮，用户可通过长按屏幕并吹气，去打开埋藏在岁月中的历史。② 拨开岁月的尘埃，一幅画轴娓娓打开，将昔日的辉煌壁画徐徐展示，诉说着千年的悠久和沧桑。③ 左滑屏幕，览昔日古迹，叹岁月无情。④ 轻触礼盒，一片红纱无风摇曳，遮挡住整个屏幕，轻触手机屏幕，三家出品方的logo呈现在上方，下面的文案讲述敦煌公益项目，让更多的用户参与进来。
设计上，复古插画风格。以昏黄色为主要色彩基调，诉说着时间的悠久与历史的沧桑。
体验上，昏黄色的格局、悠久的敦煌文明展示随着低声的吟唱仿佛将用户带到了无数年前，那个已埋没在黄沙中的时代。
交互上，首屏中的按住吹气按钮其实不是真的吹气，只是做的一个假象小技巧，长按屏幕不吹气，其实也是可以进行下一步的，空气中弥漫了尴尬。。。。。。

技术实现： Zepto + Egret（白鹭引擎）

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

识别图中二维码

御见敦煌壁画展-查阅二维码

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

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

标签