资讯
展览资讯 大型展会 灯光节 大型盛典 赛事 中标捷报 产品快讯 热门话题 艺术节 活动 演出 新闻 数艺报道 俱乐部签约
观点
大咖专访 观点洞察 书籍推荐 吐槽 设计观点 企业访谈 问答 趋势创新 论文 职场方法 薪资报价 数艺专访
幕后
幕后故事 团队访谈 经验分享 解密 评测 数艺访谈
干货
设计方案 策划方案 素材资源 教程 文案资源 PPT下载 入门宝典 作品合集 产品手册 电子书 项目对接
  • 0
  • 0
  • 0

分享

幕后解析 | 在上海印象城,他们打造了一个巨型旋转楼梯异形曲面LED装置

2021-12-03




松江印象城烟火气场

SONGJIANG IN CITY 


上海松江印象城位于广富林路与人民北路交叉口东北侧,建筑面积约为15.5万平方米,地上四层建筑面积约7.4万平方米,地下建筑面积约8.1万平方米。商业楼层分为地上四层和地下一层,地下二层为停车场。

作为松江新城又一座大型商业综合体,松江印象城以“多次元对话世界”为定位,围绕“唯食至上”“零售新语”“智能时代”“次元娱乐”“成长计划”“美好生活”六大主题业态,为消费者带来丰富的消费体验。

位于地下一层区域的“烟火气场”,是一处集多元美食、文化艺术、社交娱乐于一体的餐饮主题街区,通过引入餐厅、广场、集市、舞台和休息区,将多元美食与室内外生态空间进行融合。这里不仅是一处餐饮主题街区,还会不定期地组织社团表演、毕业会展、创新创业等活动,成为孵化年轻人社群的特色空间。

烟火气场内部空间是由韩国梦街建筑主导设计的,旨在打造一个梦幻的街市。主设计师严贞朝先生说:

“商业空间的发展,是致力于不断将商业街道引入空间内部。”

引用原文出自《You Voice|熬一碗松江的“人间烟火”》




项目分析

INTERPRETATION

在空间中的位置 . Location

项目初期,我们观察分析装置所处环境位置和周围空间的相互关系。
旋转楼梯媒体装置位于松江印象城B1烟火气场空间的中心位置,烟火气场通过与L1的旋转楼梯可直接到达室外的fun park。


几个通道的交汇处的旋转楼梯媒体装置呈盘旋造型、尺寸巨大,在整个楼梯的内外侧表面附上LED软膜组,形成发光的建筑数字材料。在这层空间中塑造了一个有类似纪念碑功能的象征物。



在建筑空间设计中,多媒体内容的选点是重要的。把多媒体投放在合适的位置和条件下才能起到提升空间效果的作用。同时媒体空间项目需要根据场地情况去定制,设计的整体性和协调性是美的基础。

空间的功能性 . Function

旋转楼梯周围分布着座椅,人们聚集于此吃饭、休息、约会、聊天......


空间的自然氛围 . Ambience

空间设计基于松江这片以自然资源为突出的地理特色之地,内部空间用不同的手段去连接着自然。


空间的照明 . Light

烟火气场位于地下一层,建筑设计师在此局部设计安装了玻璃天顶,使在一天当中相对固定照明可以接受到自然的光照,再配合内部空间人工照明来实现从白天到晚上的照明感官变化。

多媒体装置区位于B1空间的中心,空间的照明设计规划这个区域是最亮的光源所在。

设计决定

DECISION


根据对项目的分析,我们来选择做出设计决定和方向。创作开始,这个过程即为把非物质的转化为物质的,这一切都是就依靠所见而产生的想象力。把头脑中的画面搬到现实场景,让它们可以被看到、被触及。

创建自然循环场景 . Life cycle

根据空间项目的自然属性,我们选择设定一个关于自然的循环,形成不同场景的转换。
四个场景分别为:
1.风起了,蜷起叶子,带着风的痕迹。
2.雨落入水中,掀起涟漪。形成水流。
3.日落,太阳晕染着天空,飞鸟掠过。
4.夜幕降临,植物生长蔓延,散发光子。                                                                          

空间以植物覆盖做场景提升,我们采用自然的多媒体场景内容来与空间的自然环境保持关联性并相互映衬。



图形语言的设定为曲线曲面 . Art direction

由于旋转楼梯的盘旋造型,我们决定采用曲线图形语言来定义项目的视觉传达。
因为这里的LED不仅作为屏幕,而更是旋转楼梯表面建筑材料。我们决定视觉的表现是贴图化的、材料化的

媒体动向顺随楼梯结构 . Casual flow

由于楼梯的曲面形状,我们决定让视觉内容和楼梯结构充分融合,运动跟随楼梯载体的物理结构。


根据B1的空间功能,在此同街头漫步休闲、有自由之感。我们决定视觉的动画是舒缓的来传递放松的观感。


媒体内容的演变以一天的时间为线持续变化 . Evolutionary visuals

根据空间的照明情况,我们决定让媒体内容跟随一天时间的发展进而演变,从白天日照到夜晚璀璨绽放。使得原来地下一层相对固定不变的照明环境更加多变。

由于屏幕内容的播放时间是从早到晚,我们决定媒体内容的演绎是持续且以线性发展变化的,整个过程不间断演绎十二小时并且从不重复。

10:00 - 12:00   风

12:00 -16:30   水

16:30 - 19:00   落日与飞鸟

19:00 - 22:00   植蔓

制作

PRODUCTION


项目中所有设计都是基于其情境展开的(情境包括:功能、造型与结构以及主题等),并且是为了这个空间专属定制的。

视觉语言 . Identity

制作过程中,我们投入不少精力用来寻找四个场景统一的视觉语言。
基于盘旋延伸的旋转楼梯载体,我们进行曲线、曲面化的图像设定。


设计研究把重点放在动态视觉贴图化,形成旋转楼梯的表面材质。采用视觉作为建筑材料,这样的设计决定让整个项目的呈现形式有了现代性(这里的现代性指的是:项目采用了一种新型的建筑表皮材料)。



画面的整体风格是相对抽象的,追求漫画感、平面感。所有的元素我们没有走写实风格路线,而是把它进行抽象风格化的再设计。


视觉首先是在水平画面上制作的。我们拆分场景中的部分,分开制作和逻辑分层。四个场景是同时展开制作的,在制作进度上一直保持同步。用这样的制作方法来实现画面风格和动画的统一性,并确定所有场景中元素的比例是一致的。每个场景在风格上保持属于同一体系的同时,考虑单个场景的特殊性,针对每个特殊性采用不同的解决方案。

元素 . Elements

用唯一且简洁的元素,来定义场景。比如,看到飞鸟,即可识别这个视觉场景表现的是天空;看到飞舞的落叶,观众可以感知这个场景是风......



动画 . Movements


让每个场景的动画遵循自然规律,动画具有不可预计性。表现在场景中所有的参数:包括元素的动作设定、不同场景的演变转换等,这些细节让项目的视觉表现变得特别起来。

其中飞鸟与落日的媒体场景:成群飞鸟的动作是规律的,但在规律中又有多样的变化。这变化是遵循自然物体运动属性的。再比如水场景,它的疏密与水流速度等,都是符合自然动画规律的。

转场 . Transitions

项目一整天的发展演变,可以理解为一个大的转场过程。四个场景则是大转场的组成部分。就是说转场不是单独存在的,而是场景演变的情节。

在四个场景的每个部分,采用色彩的变化,形成场景转换的效果。

每个场景从开始到结束,是一个演变的过程。比如说叶子由黄绿色变油绿色再变红、变干融化,同时下一个场景的元素雨下起来。两个场景的过度转换就这么自然发生了。

我们在同印力上海胡俊良先生对接项目的时候,了解到实现顺滑的场景转换也正是他们对项目的预期之一。

色彩 . Colors

多媒体内容的色彩同时也是楼梯表面材质的色彩,它映射周围营造着环境氛围。渲染着空间形成玉碧、玛瑙蓝、银红等颜色的变化。
                
                   

用色彩的演变,丰富每个数字场景、辅助每个场景的过渡、描述一天时间的发展,塑造梯度感。

比如我们设定水场景的颜色由碧绿变为湖蓝再到深海蓝到最后的雪灰蓝。



落日与飞鸟的场景,用色彩模拟了逐渐日落天边映衬着晚霞,再到斜阳余晖,夜幕降临。

在色彩的选用上和亮度对比度的调节上,充分考虑人眼观看的舒适度。



介于非物质数字影像与物质之间,利用出现在屏幕上的色彩与图形形成运动和变化的灯光,在空间中把尺度、纹理、细节的感知放大,以这样的方式诠释着自然的体验场景。


强度、色彩与运动规律形成参差变化塑造空间的厚度并使其产生韵律,直到某时某刻的瞬间记忆印刻在一个令人感动的地方。感受到更多的细节所带来特别的、惬意的体验。


系统工程

ENGINEERING


有效的工作方式 . Methodology

视觉与程序是一体的,程序形成了视觉,视觉是程序的表现。程序不只是开发工具也是最终所见的视觉呈现。

制作实时三维数字空间模型,在制作过程中可随时观看多媒体视觉在空间中的效果,同时也便于项目进度的汇报预演。

采用所见即所得的同游戏产业的实时渲染技术

在项目安装调试现场,实时渲染和程序视觉的优势就更显现出了。现场我们可同客户一起根据状况实时完成调整和配适。大可不必,回去再进行反复和庞大的输出渲染。

乒乓合作——视觉设计师提供给软件工程师指导方向,技术工程师来实现。反之,由于技术的实现方式,视觉设计师在技术框架内调整视觉设计的方向。

软件 . Software

为了实现从早到晚长时间不间断的视觉演绎,我们开发了一个软件系统来实现这个设计方向。

软件系统构架:此刻的时间与设定的场景时间做判断,发送给State Machine ,State Machine 发送当前状态给每个场景的不同参数,根据时间节点进行场景状态的转换,最终显示输出画面。


动态的呈现格式为60帧每秒,且是巨大的、非常规的分辨率。为了保证动画运行顺滑不卡顿。我们需要在每个步骤上都进行程序的优化。其中一些部分,程序在GPU上运行(即程序写在显卡上),因为显卡是用来运行图像的。

动画是算法生成的(algorithm),这个过程就像跟着菜谱做饭:加5g的盐、2勺生抽、100g的土豆切成3cm的小块,中火炖煮20分钟,即可以到炖土豆。同用在程序中,输入列表,改变参数和命令,然后算出结果(instruction)。每个元素都是互相依赖影响的,比如叶子的旋转是与风的速度相互关联的,如同做饭将土豆切成小块,那么炖的时间就少一些。

很多技术点我们都尝试了几种不同的解决方式,其中叶子的动画我们写过三种程序实现方式,在对比后优选最合适的。

技术是为了设计服务的,我们所做的技术研究都是为了最好的实现设计和概念。

另外不得不谈到的是,LED显示屏幕延展出更多新的用法,越来越多的被用于室内建筑材料与照明。中国是世界LED生产大国。目前,LED屏幕已经遍布与公共空间与商业空间当中。政府也大力推广商业空间和城市公共空间的LED大屏幕的安装使用。在这场运动中,需要开发商、LED供应商与数字内容设计者一起参与其中。

上海正毫电子科技有限公司LED硬件公司于中铭先生说:

“我们采用了P2.5软屏幕模组,选用的是高刷新率的,这样观众在拍照留念的时候,会清楚的显示图像,不会产生网格扭曲。”


前景

ANTICIPATION


印力上海城市商业公司合伙人兼上海松江印象城商管负责人Tina女士说:

“从商业逻辑的角度,我们希望这个空间对顾客而言是既熟悉又新鲜的。熟悉的是,你知道这个场所,甚至可能吃过每一家餐厅的美食:新鲜的是,你下次来的时候,发现这里有了新的变化,甚至白天来过后晚上再来,发现它又变了模样。基于此我们创造了”烟火YumHall“这个空间。”

引用原文出自《You Voice|熬一碗松江的“人间烟火”》


松江印象城打造一个多次元对话的商业空间,把不同的人聚集起来,在这里可以和家人朋友共度美好的时刻。
印力试图打造不单是为建构商业社交场所,更旨在创造一处故事性和交互感充盈的商业空间场景。印象城的商业远见与创新观念,慷慨地为客户提供了这个与众不同的公共场所。

在地下的烟火气场,用一个点亮魔法的标志物来做场景提升,用这种更现代的方式打造商业空间的品牌识别度,也为顾客带来别样的场景体验。



很荣幸成为这个项目的一部分,让我们的技术为这里的闪耀贡献力量。给消费者每次相约朋友家人前来带来特别的、变化的感官体验。看到他们乐在其中,坐下、互动、离开,下次再回来......



客户:印力上海
空间设计:上海梦街建筑科技有限公司
媒体空间设计与多媒体内容:瞌龙多媒体设计(上海)有限公司
LED硬件:上海正毫电子科技有限公司

  CLONEPRODUCTION  

MORE INFORMATIONS
欢迎在数艺网小程序查看更多内容


CLONEPRODUCTION SHANGHAI COMPANY LIMITED
瞌龙多媒体视觉(上海)有限公司

Immersive installation, interactive experience and software engineering
专注于媒体建筑、多媒体空间设计、交互媒体装置和软件工程

Room 203 building No. 6, 477 AoMen Road, PuTuo District, ShangHai, China
中国上海市普陀区澳门路477号6幢楼203室

SERVICES
我们提供的设计制作服务

Design
设计
Concept Art  概念设计
Visual Identity 视觉识别
Motion Graphics 动态图形
Interior Design 室内空间

Software
软件
Development 开发
Interactivity 互动
UI / UX 交互界面
Realtime 实时

Content
内容
Research 研发
Planning 计划
Experience 体验
Strategy 战略

Realization
实现
Project Management 项目管理
Art Direction 艺术指导
Construction Supervision 施工监管


版权声明
所有发表于“CLONEPRODUCTION公众微信平台” 的内容均应受到版权条例的保护,未经授权不得擅自转载使用。经许可不得擅自转载或摘录编改文字和图片,违者本账户将依法追究责任。
阅读原文

* 文章为作者独立观点,不代表数艺网立场转载须知

本文内容由数艺网收录采集自微信公众号数艺网 ,并经数艺网进行了排版优化。转载此文章请在文章开头和结尾标注“作者”、“来源:数艺网” 并附上本页链接: 如您不希望被数艺网所收录,感觉到侵犯到了您的权益,请及时告知数艺网,我们表示诚挚的歉意,并及时处理或删除。

数字媒体艺术 新媒体艺术 科技艺术 作品分享 科技前沿

20000 举报
  0
登录| 注册 后参与评论