h5 数字变化_互动装置 | 1000个半弧形水滴感应灯,传统媒体+数字艺术让营销更有价值...

2ffd91dd0f643fcc92b2124b2b155f79.gif 本文转载自微信公众号 :GeeksArt


2020年11月9日,上汽大众途观X正式发布上市。途观X作为上汽大众在SUV市场的十年沉淀之作,自亮相以来就备受关注。为纪念这一承载十年春秋的历史性时刻,上汽大众在杭州湖滨银泰in77举办了途观X专场路演活动。

活动现场,GeeksArt新媒体艺术团队展示了为途观X设计的互动艺术装置《造浪型动》,GeeksArt通过对互动科技与视觉艺术的又一次融合探索,让途观X的每一次出场都是秀场。

▼ 点击观看作品视频

749096676aec603359ea8245d9c631a2.png

《造浪型动》 by GeeksArt

面对此次新车发布,上汽大众也邀请到了乘风破浪的姐姐张雨绮作为途观X品牌代言人,以更直接的方式诠释新车势必造浪理念。因此在装置概念的前期构思上,GeeksArt希望打造一件可以“制造浪潮”的装置,让观众跟随绮绮子和途观X一起乘风破浪。

e0f8686ba0895d9d27e53ff80fd003ab.png

01aa83f8b89b86253e2aec7a7b84823d.gif

《造浪型动》 by GeeksArt

 如何制造一场 不受限制的造浪型动 

   ■ 造型灵感及视觉设计 当一辆新车从天而降落在一个平静的海面上,车与海平面接触的瞬间而掀起的巨浪是我们对“车”与“浪”这两个元素的联想,这也是《造浪型动》互动装置的造型灵感来源。 ff30005678317c6112868104c07ed23e.gif

海浪,图片来源于百度

因此在整件装置的造型设计上,我们通过将巨浪掀起那一刻的形态定格,创作出一个以途观X汽车为中心点并向四周环绕延伸的装置造型,让观众一眼就能感受到巨浪的跌宕起伏。

c8610c7c19a5a2e36bae5c5c5f2dbd88.png

装置效果图 by GeeksArt 实际上这种“静止的动感造型”所表达的感受、带来的体验是十分有限的。为了进一步强化体验和表达,我们需要给装置造型注入灵魂。浪的情绪有很多,有小石头在海中溅起的小浪花,也有能吞没岛屿的滔天巨浪,而“流动”这一特质是驱使浪去表达各种情绪的灵魂。 这种“流动”的特质,GeeksArt团队创作的另外一件作品《流》就非常符合,它由1000个半弧形的水滴感应灯组成,当我们用光源靠近、点亮其中一颗“水滴”,将犹如涟漪般迅速传递散开,装置顷刻间被赋予了生命的本质——流动。 ba36342c80339b38223e557fec0e6b3e.gif

《流》 by GeeksArt

在此基础上,我们尝试把这种“生命流动”的表现形式与技术注入到《造浪型动》的装置本身,让互动的形式、流动的感官与动感的造型相结合,人、装置与车三者之间的关系产生微妙的变化。

696d263e30440f74398b6fd8c080f29c.gif

《造浪型动》 by GeeksArt

■ 交互体验设计

作品《造浪型动》是为了让观众通过“造浪”这个行为来贯通人、装置与车三者之间的情感交流,而“造浪”这个行为本身就是一个交互的过程,为此我们设定了两种“造浪”行为,即两种交互模式。

第一种交互模式是非常直接的形式:当观众主动走进装置感应区时,装置将会以人为中心点触发数千颗水滴形成“浪”往车身荡去。每个人经过将随机触发不同颜色的“浪”,随着同时参与的观众数量增多,整件装置的灯光将会呈现绚丽激荡的状态,同时伴随着参与观众的离开,一切将会回归平静。

1150a9f49037694a699b6aebc7498667.gif

第一种交互模式

而第二种交互模式它能承载一定的信息输出功能:观众可以在手机H5页面上输入“造浪宣言”,把想表达的心情与愿望寄语呈现在装置上。当文字出现的那一刻会触发“浪”环绕整个装置流动,成功成为此次造浪型动的造浪者之一。

bd9214fb5c6a04483a3b44e94b81cd1d.png 4abd40783122ea92154a1bb57d78ce0e.png

99678eb22773a464273b7c8f3a41dc52.gif

第二种交互模式

同时,我们在线上H5的设计中加入了“内容审核”与“位置判断”的功能:当观众输入“造浪宣言”后,H5会对文字内容进行审核,在判断为合法内容后才会在装置上展示,持续输出品牌正向内容;当观众未在装置附近区域,则无法通过线上H5参与装置互动体验,进一步提升现场观众的互动体验感。

d7c78a61801c4ab4966faf236684ba25.png 36799bdc7568537b0d6a4652de44d055.png

H5页面设计

■ 创作记录回顾 19046f820af217c416c2ce3747f1f415.png

灯光材料测试

c8432e129c23ae339ddad2d86a21115d.png

数字内容制作

bc35e76c091d46299f8c48d25689dadf.png

拆卸运输 063caa905db4cdd259460b26ddee79f0.png

安装调试

本文作者GeeksArt,首发于公众号“GeeksArt”,欢迎关注 未经公众号同意,禁止二次转载

617ac72e402e64adb347f07589b2671b.png

b16d272dcbce808cb571e28ddaf535d0.png

扫码即刻申请加入

汇聚50000+数字艺术从业者的数艺网 微信群 

05ddea934e5da1e441b162f2a7709382.png d2986cf4601d9d157f63053a6ef0e9e1.png 点击“阅读原文”可获取 【PPT2019】

你的每一个点赞、在看、分享

我都认真的当成了喜欢8397a86dc12f1206e80c0fee41967088.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值