故宫博物院：《清明上河图3.0》博物馆

2018-05-16 H5案例分享 H5案例分享

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

识别图中二维码

《清明上河图3.0》博物馆-查阅二维码

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

案例：《清明上河图3.0》博物馆

出品：故宫博物院

亮点：

策划上，长图类，这是一篇对《清明上河图》简要描述的H5。进入首页，概括性的描述了《清明上河图》，主要包括三个方面：①馆长的秘密，点击进入，讲述了《清明上河图》现藏地点，接着介绍了作者张择端的生平，然后介绍了一些画中的细节；②馆长的传奇，点击进入，主要讲述了《清明上河图》的前世今生，描述了《清明上河图》的坎坷经历，最后更是点出《清明上河图》高科技艺术互动展演今年将开启全球巡展，引发无数人的期待③馆长的展，敬请期待。
设计上，背景以《清明上河图》中的颜色为主，画面是引用了大量的《清明上河图》元素，使人们对这幅画有一个很好地了解。
交互上，点击和滑动。
体验上，看到这一幅巨作，每个人都想看一看，点开之后，会为各种细节而惊叹，画中景物繁多，巨细无遗，却并不显得琐碎繁缛，表现出画家对大场面把握的能力，以及于真放中见精微的绘画境界，令人无法不钦佩其细致入微的观察力和生动传神的表现力。

技术实现： jQuery.js + preload.js + TweenMax.js + iscroll.js

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

标签