马蜂窝《触动博物馆》H5:亲临现场看艺术瑰宝

企业项目已上线2019-05举报762

马蜂窝《触动博物馆》H5:亲临现场看艺术瑰宝

扫描,分享朋友圈

马蜂窝《触动博物馆》H5:亲临现场看艺术瑰宝

原标题:手把手教你打开好奇心的正确姿势!

博物馆的存在总是容易被人们忽略,总以为他们只要一天保存在馆里,我们就还有一天能看到他们。 

不知不觉这些博物馆成为我们保存时间的场所。 

这是一种错觉。

为了拉进大众与艺术之间的距离,马蜂窝在世界博物馆日推出一支好玩的博物馆巡游H5《触动博物馆》。 

博物馆得以活过来了。

你能听到战国文物曾侯乙编钟的乐章、看到梵高画作的一层层、一道道画笔和刀工、感受到仰面创作穹顶图的艰辛……

那我们是怎么将这些画作背后的故事结合交互来实现呢?

先来看看这支作品吧! 

扫描二维码,亲临现场看看艺术瑰宝~
(数英APP用户需点击放大二维码,长按识别)
马蜂窝《触动博物馆》H5:亲临现场看艺术瑰宝
马蜂窝《触动博物馆》H5:亲临现场看艺术瑰宝马蜂窝《触动博物馆》H5:亲临现场看艺术瑰宝马蜂窝《触动博物馆》H5:亲临现场看艺术瑰宝马蜂窝《触动博物馆》H5:亲临现场看艺术瑰宝马蜂窝《触动博物馆》H5:亲临现场看艺术瑰宝

扫描二维码,立即体验!
马蜂窝推出一支巡游博物馆的H5——《触动博物馆》马蜂窝《触动博物馆》H5:亲临现场看艺术瑰宝


1、Muse神殿

有注意到刚开头敞开大门的神殿吗?

咋一看这设计稿,可不就是高配版的《纪念碑谷》?隐隐约约还能听见艾达的脚步声穿过。

马蜂窝《触动博物馆》H5:亲临现场看艺术瑰宝

为了将神殿打造得颇具神圣感,我们从最小的元部件——立柱开始构造,到拱门、穹顶、侧窗,再到整体的神殿通道,量身打造。

怎么看出神殿有多高?设计师把小人一加,这下“通天”的庄重感觉出来了。尔后却发现悲伤的事实:神殿的神秘感消失了。

马蜂窝《触动博物馆》H5:亲临现场看艺术瑰宝

这得通过增加光线来拯救,而调光可是真正伤透脑筋,还有眼睛。

我们甚至还参照了哈利波特第七部出现的神殿白光。在过曝与差点曝光之间来回调整,想要找到自然光下炫目但是保持清晰的视觉效果。

白光带来意外惊喜:邓布利多是不是平添了几分睿智?

马蜂窝H5《触动博物馆》:亲临现场看艺术瑰宝 

过曝的确能够带来仙雾飘渺的视觉效果。由于添加了暖色调,神殿整体看上去虽然高不可攀,但也多了智慧的亲和。

马蜂窝推出一支巡游博物馆的H5——《触动博物馆》马蜂窝H5《触动博物馆》:亲临现场看艺术瑰宝

仔细一看地板光滑地直打转,如果放在卢浮宫,恐怕要打破《法外之徒》最快穿越卢浮宫记录了。

马蜂窝H5《触动博物馆》:亲临现场看艺术瑰宝

 

2、密匙风格 

在传送门以及密匙的设计上,原本设想以玛雅文明元素体现空灵神秘感,还能通过转动密匙来开启传送,给用户的体验上增添仪式感。

但是现实很骨感:玛雅风格稍显繁琐。

马蜂窝H5《触动博物馆》:亲临现场看艺术瑰宝

后改用比较简洁的图案代替玛雅文明因素,以契合神殿整体的风格。

虽然整个动态效果有规律地上下浮动,背后若隐若现的金光,感觉就要进行时空穿越了。

但看久了,还真有点像麦当劳薯条是怎么回事?

马蜂窝H5《触动博物馆》:亲临现场看艺术瑰宝


3、凡尔赛宫穹顶

第四个传送门来到凡尔赛宫,大家会发现这是一张90度穹顶画,怎么看都像从google扒下来的图?

马蜂窝H5《触动博物馆》:亲临现场看艺术瑰宝

然而并不是,这是我们团队小伙伴专程前往凡尔赛宫拍摄的照片!因为时差,凌晨接收到拍摄的照片之后,哭了,因为大家知道,这张照片即使再怎么实地拍摄,很多人可能会误以为是网上找的图。

马蜂窝推出一支巡游博物馆的H5——《触动博物馆》马蜂窝H5《触动博物馆》:亲临现场看艺术瑰宝

除了用照片拼接,后期还通过视频拆帧的方法,将穹顶画现场100%还原。

为了后期图片能够灵活调整,我们不但拍了照片,录了视频,满满当当“空运”回来凡尔赛宫的素材。

这回我们的图片成了别人口中“网上随便找的”图。 


4、名画中的交互故事

通过不同的交互道出每幅作品的特殊涵义,这样的交互才显得有意义。


5361万个10秒 

比如凡尔赛宫的穹顶画。 

穹顶图的交互需要用户将手机举至头顶才能观看,你能坚持10秒仰头看画吗?

如果10秒都有点难受,何以想象籍籍无名的画师们在这幅穹顶画下,仰头画了17年,即5361万个10秒呢?

估计这些古代画师们是最早得现代病的人了吧。

马蜂窝H5《触动博物馆》:亲临现场看艺术瑰宝


56.791平方般高清 

再比如油画《拿破仑一世加冕大典》。

原画面积56.791平方,画中出现150多位人物,每个人均有不同的服装、姿态和表情。

3层楼高的画作,世界上最大的4K电视6.14米×2.57米也就这么回事吧。

通过指间缩放,就像亲临现场看画一样,这幅巨作的无数细节崭露无疑。

看完再也不想通过历史书上的低清小图去看画了。

1559719728962824.png1559719766146591.png1559719781396350.png


5、回荡千年的音色 

回头看看曾侯乙编钟。

迄今诞生2000多年的乐器,如今听来,依然浑厚如雷。伴随用户的“敲钟”动作,编钟音乐《竹枝词》娓娓道来,仿佛同古人共享一样的音色。

余音缭绕后,编钟上的花纹随着钟声幻化成“沉默的自白”,来作为文案的展示方式。

但是这个方案最后没有用上,可能是觉得这些编钟沉淀了几千年的话语,喷涌而出的时候怕是招架不住吧。

图片 3.png


14400=2

这些经过时间洗炼的艺术品到底美在哪?

就是他们身上流淌着的一个个故事呀。

如果艺术品会说话,估计珍珠项链会告诉你她的每代主人都有哪些趣事、露西的头骨会向你倾诉她的神秘身世、清明上河图里藏着多少人间烟火……

这支作品也有一个14400=2的故事。

打造这支作品花了14400分钟,而整体操作下来只需要2分钟。

虽然在过程中迫于时间舍弃了很多好的想法,也许在未来有更合适的机会等着它。

14400分钟到2分钟,这中间有多少反复的讨论、严谨的推敲、激动的灵光一闪……

有的作品讲的是故事,而有的作品本身就是故事。

马蜂窝

无右互动

无右互动

 

马蜂窝《触动博物馆》H5:亲临现场看艺术瑰宝

扫描,分享朋友圈