《清明上河图3.0》博物馆

2018-05-16 11:24:00
admin
原创
337
故宫博物院:《清明上河图3.0》博物馆


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

识别图中二维码

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

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


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

出品:故宫博物院

亮点:

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



技术实现: jQuery.js + preloadjs + TweenMax.js + iscroll.js