OSC学习: Alibaba Design×云栖⼤会:设计&技术空间

项目品牌: 阿里巴巴集团 Alibaba

项目行业: 互联网

项目日期: 2020-03-17 11:00 2020-03-17 12:00

项目地点: 线上

项目名称: OSC学习:Alibaba Design×云栖⼤会:设计&技术空间


原文题目为:Alibaba Design×云栖⼤会:设计&技术空间


设计师为什么要参加一个技术大会

 

这是个好问题,在项目未开始之前,设计师们也曾这样扪心自问。

在阿里巴巴,设计师们和技术同学对接的场景大多在日常电商环境的业务之中:一次会场的构建、一场互动玩法的合作、一个产品的设计与开发等等。设计与技术相辅相成,互为助力。
而在印象中,感觉云栖处处是尖端科技、是技术同学的天堂,设计做的更多的是品牌的表达、现场氛围的渲染。




所以 Alibaba Design 这次需要在一个线下的技术大会场景中做些什么呢?
带着这些疑问和期待我们开始了这个项目,我们希望在其中能让技术和设计有个比较巧妙的结合点,不仅能给云栖大会带来一些不一样的元素,更是对未来阿里巴巴设计和技术更多碰撞的展望。


设计师要做什么 


在人类文明发展史上,只要仔细回想,也不难发现有很多推动人类进步的事物, 都是设计与科技相互融合、互相推进的结果,技术让设计天马行空的idea得以实现,而设计则让技术更富有想象力和人文关怀。


但是背景越宏大,分散的枝杈就越多,具体要做的事情就越难收口:具体用什么样的主题才合适?内容是需要如何与阿里巴巴设计相关?落在什么样的颗粒度上?形式上是需要用户参与还是只走马观花的拍照?


经过N轮的脑暴后,也根据场地和预算排除了各种不切实际的想法。最终确认本次的展位是一个以“Design & Technology Make the World Better”为主题,以可参与的投影互动为形式,以设计师在阿里的工作内容为元素的体验空间。以设计为内容,以技术作为实现手段。


下面就来看看各部分的创意和实现过程吧~


主题落地到实现的思维路径


内容:需要解决如何表现阿里巴巴设计的工作内容


内容上的考虑需要依次解决这样几个问题,我们的思维路径是这样的:从科技和技术的结合这个大主题朝下发散,经历了方向选择、心智选择、画面内容选择等过程,为的是将内容落实在一个可执行的颗粒度
方向-  根据“Design & Technology Make the World Better”的主题,需要决定内容上是朝广义的设计走还是落地到阿里巴巴设计上来。考虑到现场参会者以技术人员较多,基于云栖大会阿里主办方的背景所以选择了比较实际的阿里巴巴设计方向,而不是大而空虚的讲述设计和艺术,从品牌角度来说也是希望能够在一定程度上展示阿里巴巴设计团队。
  • 心智:选择怎样的心智作为后续表现的依据,“让商业美而简单”是阿里巴巴设计的品牌愿景,也是阿里设计师对于商业和设计关系的态度描述,具有很强的包容性。
  • 画面:选择用设计过程与设计师所在的6个业态相结合的内容(云计算、零售、阿里娱、生活服务、物流和金融),希望通过这些内容的表现使得大家增加对于阿里巴巴设计团队的了解。 


6幅主题插画用充满想象的表达去诠释阿里巴巴设计的工作内容


内容确定之后,我们思考用何种形式去承载才既能够让大家理解我们想要表达的内容,又能够贴切大的设计与技术结合的方向。



实现:可参与的投影互动


不仅是拍照,我们想要的更多。我们希望参会者可以在这里玩一把,并真切的体会到设计和技术这样在一起是非常有趣的事情。我们想在这个展位空间里给参会者一个新的身份,以往是技术专家、程序员,但在这里他是一个“设计师”,他可以用画笔去助力每一个主题画面的开启。设计师们想到这里仿佛看到了“神笔马良”现世了,隐隐的有些激动。


so故事讲好了,如何实现呢?设计和技术最紧密的结合点就在这里



1、投影互动让参会者成为“神笔马良”


先从技术大会背景考虑:既然是技术大会,如果是传统纸笔创作展示及互动是无法贴合大主题的,我们选择展示的主题和画面也比较复杂,对于参会的技术同学来说难度较大。所以排除传统纸笔绘制,多媒体类的互动自然就成为我们的首选。


后期根据预算和能够实现的可能性,我们与奇妙能力实验室合作项目的技术部分,在众多的多媒体互动形式中选择了一个成本低、对硬件要求低的投影形式(只需要一台主机和一台投影仪、一台激光雷达即可):利用激光雷达扫描,通过Unity软件编程,测试墙面的物理障碍物,从而使墙面的影像消失,切换至下一张画面。


项目组成员进行技术和设备测试

云栖大会现场-Alibaba Design展示空间内的互动体验过程


 这样一来,参与者就只需要拿起画笔在墙上刷刷刷,即可体会到视频画面的切换效果,一定程度上get了“神笔马良”角色的感觉。


2、投影互动助力内容实现:三层画面“化繁至简”,层层剥茧般的完成内容的传达


确定要画哪些主题其实并不难,难的是如何通过画面将业务、设计师串联起来,并且传达”让商业美而简单”的心智。对于这个难题,我们是这样做的:


首先,每个主题都由3层画面组成,画面从丰富到简洁,用“化繁至简”的方式表达“让商业美而简单”的主旨。第一层画面表达的是阿里巴巴设计师脑海中富有想象力和生命力的业态场景;第二层是表现在支持业务的工作中的设计师们;最后一层用简洁的图形直接点明主题。设计师是商业的翻译官,用设计语言将商业内容化繁至简,将有意义的内容和美的感受传达给消费者。


其次,第一层画面和第二次画面需要在内容或者形式上有一定的联系,并且和设计挂钩。举个栗子,表达零售业态的主题插画第一层商品城市,其中隐藏着一些设计师的工作和生活场景。第一层画面在“擦除”的过程中便能体会到解开隐藏画面的乐趣。又如生活服务业态插画,第一张画面描述了一个由飞猪、盒马、口碑等组成的探险小队,擦除之后就会看到这张画面的绘制草图。6个不同主题插画都是通过这种方式把设计融入业态的表达。




空间:神秘的“白方碑”+“黑盒子”  


除内容上和互动形式上的反复斟酌外,展示空间上的考虑也是项目的重点。


外观设计上,排除了传统意义上的科技风,我们选择造型简洁的黑白块面拼接作为空间设计的方向(不会告诉你其实是因为预算有限,方形结构最容易实现)。


以“白方碑”作为空间的主形象, 象征着设计和科技融合的多次成就和启迪。


白方碑表面由密集的线过渡到平滑, 表达着设计回归初心、由繁至简的理念,正如“让商业美而简单”的品牌愿景。直线条搭配灯条构成的效果也象征着着流动的数据、技术和横贯其间千丝万缕的设计思维与表达。


白方碑之后就是体验区域“黑盒子”,除了必要的设备安置外,不做其他造型的装饰物,让参会者一进门便立刻被投影画面吸引,引发参与欲望。流程非常简单,重点放在互动的参与上。



除此之外,在墙体的外侧,还安置了一处拍照墙,脑洞大开的科技感插画在现场也颇受好评。  



价值增值:现场的产品化应用


线下装置设计和其他项目类似,如果能考虑到复用性,无论是从投入产出比还是项目本身来说都是加分项。在云栖大会的现场,虽然只有三天时间,但却非常LUCKY的遇到了一个可以直接复用投用互动装置的案例,那就是云栖大会的T恤创意展示。


云栖大会T恤是由Alibaba Design设计师在内部发出征集令之后,号召全员参与设计的。过程中收到很多优秀的稿件,最终角逐出前三名进行展示,第一名T恤在云栖大会现场也可以购买做纪念。由于Alibaba Design展位的趣味互动性、易于操作的动画素材载入,能够较好的满足展示需求,所以在云栖开始之前的项目调试期间,设计师们快速制作完动画素材之后便完成了这次应用。

复用性让项目更有价值。



设计师的探索与期待  

对于习惯在电商环境做设计的设计师来说,这次的项目无疑是个挑战。大到项目开始之初对于可用技术的未知的担心、创意过程中的寻找结合点的过程,小至现场互动的讲解、投影设备电源线的科学布置等等……每一个环节都凝结着设计师的心血。


但这个项目过程又无疑是充满趣味和兴奋感的,因为有技术的加持,会将设计作品表现的不同,会更有独特的吸引力。让我们一起期待更多技术和设计的碰撞吧~!



过程中值得珍藏的画面 


特别感谢

特别感谢以下团队在本次项目中所作出的卓越贡献!(排名不分先后)

插画设计合作团队:口碑设计中心、菜鸟设计中心设计二组、CTO设计事业部创意设计中心-淘宝品牌营销&集团品牌、云智能研发效能体验设计

空间设计合作团队:天猫设计部

技术合作:奇妙能力实验室www.spacetech.design




原文来自这里,更多信息可以查阅AlibabaDesign公众号

x 10