2020双11数据大屏设计:全球数据博物馆

简介: 如果说以往的双11数据大屏展现的是一场大型财经盛典,那今年可是融入了新元素:数据脱口秀。因为我们相信,双11既是件国计民生的大事,也是每个人的事。这一点与以往任何一届双11媒^ k 9体中心晚会都不同,脱口秀作为一种新兴的艺术化形式,让数据与每个人都产生连接。

2020双11数据大屏设计:全球数据博物馆

数据艺术”是本次双11数据大屏设计过程中产生的新名词,这样的表现i x v o &手法需要由设计师与前端、算法同学合力完成,而并非传统意义上的设计作品。

我们的目标,从来都是星辰大海。2020年,各个国家的大门紧闭,每况愈下的国际疫情让全球化的文化交流被迫中止n S h F s;2020年,病毒般扩散的国际政治阴霾让全球化的合作更加难以进行。中国要承担起新一轮全球化浪潮的使命,天猫双11数据大屏就是这个使命的最佳实验场——艺术,这种超越文化与种族的国际语言,因而在这个背景下变得无比重要。

设计手法:全球数据博物馆

n O j 5 $ N A Q t众一旦谈到艺术,既带着一种崇敬,却又往往近而远之。因为传统艺术大多姿态很高,人们只能不远万里去博物馆中才能完全欣赏;传统艺术的内涵也过于狭窄,无法满足每天被轰炸到疲惫的当代人。

2020双11数据大屏设计:全球数据博物馆

但通过数据技术,我们可以将古[ . [ |今中外所有的艺术转换U 1 K % G成符合这个时代的无国界的作品,用科技的算法挖掘艺术作品背后有价值的精彩数据,打通艺术承载的感性文化与科技承载的理性精神,让人~ , = j们能够不限场地时间和空间、都能看懂、y $ y m v C :喜欢、乃至去使用它。

本次双11大屏的设计理念“全球数据博物馆”,即采用了这种“艺术经典+算法挖掘+数据传递+科技表达”的设计思路,使设计k 8 l产生了一种“既熟悉、又陌生”,“既温暖又科幻”的奇妙感受。

2020双11数据大屏设计:全球数据博物馆

譬如,我们用算法分析并重构了梵高的《星空》这一作品,将画中的笔触用数据粒子的方式模拟了2 f , k D b C { 6出来。但是,我们没有遵循“要严格的用数字方式还原原作”的想法,而是用艺术家所构造的笔触的7 P e 6 ? %速度,来指导计算机对粒子进行演算时的速度,以此产生了一种比《星空》原作更加贴近艺术家在创作时的内心运动的科技效果。

设计理念:用算法追求正面向上的人{ $ I Q 6 p +类精神

后疫情的t z d R H P双11! s ! 7 e N t S,需要传递勇气和信心,而非p j _ H N u凝重感和科技的冰冷^ m @ E # O $ @酷炫。因此: l u我们在双11大屏的艺术设计上,不想再字正腔圆的去过多的阐释某些概念,而是选取了一些具有精神鼓舞能力、心灵塑造能力的艺术作品进行了科技化的改造。通过一副巨型数字山水的鸿幅巨制(40米8米大屏上)宏大的场景向前穿梭,GMV数字跳动背后影藏着每个人的勇气和走出困境的信心,在山水日月g 5 c A ) j 4 3中共情;前景中景是设计师们的春秋之笔,描写当下经济体双11覆盖山水之间的各个角落;远景是写明天,是未来,R S i R是对新商业文明的憧憬。

画面由数字化的山和水构成,向前穿梭、水面翻滚,寓意翻山越岭&乘风破浪去明天。

2020双11数据大屏设计:全球数据博物馆

2020双11数据大屏设计:全球数据博物馆

图:2020双11媒体中心 GMV大屏-乘风破浪去明天

技术实现上,通过排3 p C . ] % i列算法,将不同形状的山体在虚拟3D空间中,进行冷暖色调百分比的分层排布、水波纹进低排序,再通过镜头w 7 i B . t的向前穿梭来实现山水连绵的感受。(如下图)

2020双11数据大屏设计:全球数据博物馆

数据艺术:标量与向量的“4 ! Q o _非写实思想”

将这种工业化的设计手法运用于双11大屏中,有其合理性。是因为技术和艺术结合并非简单的效果叠加,每一个画面和图像J E l V j v的背后的都是数据的流转。比如,通过对标量(Scalar)和向量(Vector)的控制,用数据来控制画面的图形变化;或者将图表转译成艺术性的图形。

比如直播大屏,通过分形布朗运动来模拟海浪的效果,通过矢量的方向对点噪声滤波生成图像。经过图形技术手法的加持,将浮世绘时代的i X Y D名画“神奈川冲浪里”重生在数据大屏上,相信百年前这幅画的作者的葛饰北斋,也不会想到他的作品会被如此的演绎。

2020双11数据大屏设计:全球数据博物馆

只有用大数据工具来对X l 3 ! &艺术造型的奇妙E N w世界进行拆解,用当代算法与数据思维进行分析与再创造,我们才能抓住艺术中最为核心的——人类精神与感性世界这一? b Q精髓部分,并以此创造出打动人心的优秀作品。

而更重要的是,当我们拥有了这种艺术化的“数据直觉”,让艺术不只是一种“为数据做美化”的方法,而是成为“数据应0 * D用的艺术化场景”,用艺术手段“展示数据内在的精3 X - } z W a神价7 B O O r值”——这给艺术本身增添了更多的实用性与有效性。

2020双11数据大屏设计:全球数据博物馆

图:2020双11媒体中心 黄磊讲述直播大屏

内容策略:数据脱口秀大型财经盛典

因此在双11数字大屏这个十分实用的场景下,为什么要采用数据艺A j Z % J W V术这种创作方z 5 L t i . X法,我们是有# + ` q F e 0 ; 9很多考量的。! 6 R j ~ u F _其中重要的一点,就是从展示的内容策略出发,我们既要考虑到大屏的实时数据“完全无法提前y Y l 7 $ @准备内容”这种天h E ? l B e j O 3然限制,又要更贴切在现场观看大屏的观众们的情绪需求与精神追求。

如果实时数据的反映和艺术效果不匹配怎么办?如果实时5 F V数据体现不出观众的预期怎么办?如果实时数据量达不到情绪的High点怎么办?如果现场没有那么多数据该怎么办?这些问题中的任意一个只要提出来( L N _,对于传统设计p _ Z |师而言都是完全无法设计的。

这就q A N V n x * f J如同“蒙住双眼在钢丝; z 1 Q o b t上画画”——我们必须“用] & g & ~ + ` k未知来设计已知,并且不可以随7 Q | u H 9 Z w 0意任性而为”:艺术设计师们必须抛开传统上那种从已有的、给定的内容出发来设计视觉的手段,并同时要按照数据本身的定价值取向与精神追求来进行“客观的设计”——解决这种“两难境地”就必须要有更新的手段, J / B g H V与方法。

2020双11数据大屏设计:全球数据博物馆

PART 1. 数据脱口秀:类型化数据的艺术T i e } f 2 v u表达

从2020年双11的内容安排说起。如果说以往11年的双11数字大H e K屏展现的是一场大型财经) v I ? $ : g盛典,那今年我们又多加入了一点新的元素:数据脱口秀,因为我们相信,双11既是件国计民生的大事,也是每个人的事。这一点与以往任何一届双11媒体中心晚会. 2 a W q K z h $都不同T t ] R,脱口秀作为一种新兴的艺术化形式,d 5 x . & )让数据与每个人都产生连接h s G ^ d B R 7 W

2020双11数据大屏设计:全球数据博物馆

正是这种脱口秀形式,启J F + & T B发我们反过来思考数据的逻辑结构——脱口秀需要哪几 : r H种话题结构,其中的数据就有可能是哪几种类型:

1.未知:揭晓型数据与梵高星空

在脱口秀中,主持F S 3 ; 1 B E ~ C人会带着一些热门问题,在数据上寻找答案。譬如下单奢侈品最多的_ A {城市是哪个?最爱买宠_ { 6 ; } | 1物食品的地区在哪里等等。

这些问题都有着一个“未知提问——数据揭晓”这种显示数据的引导行为。而每一个揭晓的{ 8 q { d数据,又大多是相对顶级或优秀名次的3 L f 3 Y - ` w品类或区域。因此,这类数据的特征,就有一种“在海量的不可知的数据中发现未知”的探索过程。

2020双11数据大屏设计:全球数据博物馆

因此按照i + c +这一分析思路,我们选择“数据星空”这一概念,来作为这类数据的呈现背景。这暗示着星空的运动和未知,K y S 9 v z S %与揭晓型数据有类似的特性,都是如浩瀚星空中、在不可知中揭晓一组数据。

数据星空作品的不同色彩关系,还与相关话题的火热程度有一种视觉上的热力关系,更加a u w 8 _ g s u贴切“揭晓型数据”的艺术化感受。

2.排名:榜单型数据v P | j与王希孟千里江山图

同样的,榜单型数据是因为脱口秀中需要使用到榜单,榜单的排名之间是具有高低性质的——这山比起那山高,每一个名次,都如同一座山峰。而所有的名次却都是整个国家x 7 R & i K ^经济实力的体现,都是整个z p Q Z ^ u { V u产业生态中的一部分,因而所有名次的起起伏伏就如同连绵的江山。

2020双11数据大屏设计:全球数据博物馆

我们因而使用了《千里江山图》的数据化J # P I艺术作品,来表现榜单型数据内在的精神O o Y z 0指向。离子| c L S $化的山峰隐喻的是柱状图,根据排名的变化和山峰的凸起幅度会有些许的变化,山峰从高到低的变化,用艺术化的方式来映射K j [名次的高低。

2020双11数据大屏设计:全球数据博物馆

3.较量:PK型数据与葛饰北斋神奈川冲浪里

PK型数据十分有趣,是根据双11当天数据的实时Q 2 O W 6 d } D ~变化,而产生出来的一些有趣的话题,譬如头等舱沙发的销售量PK头等舱机票的销售量等等这种看似无关,却又相 v #关的有趣数据。

这种类型的数据背后e 3 G .,其实反映的是一种生活方式的变化,一种消费潮流的变化。但p y 9 O S W Y , k究竟是哪种潮流会在双11当天获胜,数据未出我们就并不知道。但这种潮流的感受是我们可以抓住{ [ = V w X q A的——潮流本身就隐喻着海浪的运动,因此PK型数据之间的内在结构与力量感,就如同不同高度的海浪彼此冲击、碰撞,看究竟谁高过谁。

2020双11数据大屏设计:全球数据博物馆

因此,我们选择了葛饰北斋《神奈川冲浪里》的数o d . p ` 6 @据化艺术作品。原作是; I ! f s @对巨大海浪以及海浪中的人们勇于冲击、破浪前进的描绘。我们则通过海浪的动态来表现数据本身的运动,PK的数据之间位置的高低,就构成了海浪本身体量的高低。数据的高低不同,还会伴随着不同的浪花效果。

2020双11数据大屏设计:全球数据博物馆

4.显现:解说型数据与莫奈日q s . O ^ U Q F r出印象

解说型数据,就是主持人对某个具体的产品、现+ | h ( * t a象、问题进行解说与描述是, $ t 4 ; % K e $采用的数据类型。这些数据既可以是预设好的,也可以是根据当天网络与销售的热频词汇所智能筛选出的。

2020双11数据大屏设计:全球数据博物馆

解说型的数据因而就具有一种“显现某种现象”的内在力量。我们选择了数据艺术化后的莫奈《日出印象》来对应这种“显现”的感受。不同的话题都逐渐浮现出了中国国民经济、阿里经济体等等内在的力量——这些力量} o | - + M U b如同初升的太阳一般,未来终将发出最炽热的光芒。

2020双11数据大屏设计:全球数据博物馆

PART 2. 大型财经盛C / ( 2 n K T R典:更精准的战略解读

双11不单是一个购物狂欢季,更是e t S B P S世界经济体的风向标。2020疫情之后,全球经济都进入惨淡的衰退与动荡不安。虽然“得中国市场者得Q ~ a F 2 天下”的口号早已在海外商家口中成为常识,但由疫情导致全球范围的不安定与国际各地政治经济局势的晦暗,让全世界的m | V 2 t A 0 v j眼光都盯着中国经t h U {济在今年的成长。世界需要通过大屏看到双11。

业务传递:春雷计划、经济双循环、第四次电商浪潮。

1.春雷计划助力双循环

疫情以来数十万外贸工厂入驻淘宝特价版、1688等平台等不同模式完成内循环。让老字号、区域品牌、新锐品牌,等新国货破圈。在这里我们将数据图表进行了艺术的变形处理,比如中国上空漂浮的数据云,是柱状图(累计销售数据)的变形; f # U u $ z i S,在动效的加持下看上去像一朵朵绽放的烟花。又比如说我们将省份之间的买卖关系,处理为在地图上流动的桑吉图,将正经的买卖数据流量,处理为富有生命的脉络: Q x t U . z s i

2020双11数据大屏设计:全球数据博物馆

2020双11数据大屏设计:全球数据博物馆

2.新电商浪潮P v | q !的创造:淘宝直播

直播被成为“第四次电商浪潮”,因此“浪潮”成为该屏最重要的符号,正如前文中所提及的,数据的堆积状态与“浪潮”的艺 N G 术感结合成为带有“浮世绘”烙印的数据感受。

淘宝直播商家自播占据主力,618大促15个过亿直播间9个为商家直播! % . 6 j N f间。更重要的是电商而不是直播,达人直播的核心价值也是对货的臻选与连接。明星也能在淘宝直播找到不同的参与方式,尊重实现多赢。

2020双11数据大屏设计:全球数据博物馆

3.城市的烟火气

电商之外,同城零售正在成为阿里数字商业的新想象力s / , k,恢复中的武汉也在双11重新大放异彩。

今年的城市屏我们引入8 E y J X 3 F o 4了UE4游戏引擎(虚幻4)作为可视化大屏的新技术。盒马、天猫超市、大润发、天猫小店、淘鲜达改造门店和平2 R l台接入商家,将E 7 6 : =成为数字化前端。从近场零售的逻辑彻底提升供应链效率。饿了么骑手也将从送餐到送万物,配合盒马小哥、丹鸟物流形成新的骑士军团。

2020双11数据大屏设计:全球数据博物馆

数字互动新体验

大屏外场,我们增加了一个基于实时数据的巨型立方体互动装; & k % 0置。将双11U } } Z R每小时发生的各种喜闻乐见、贴近我们消费者的细粒度数据,转换成互动装置上的“气泡”,让媒体记者能够通过实时交互以获得最新的数据新闻。收到现场媒体的追捧,大受欢迎!

2020双11数据大屏设计:全球数据博物馆

这是一个数据“生物”!

这个装F S f & A A A置是大屏却又不是大屏,其中的故事E - K太多需要开新篇章娓娓道来。

但是对于数据大屏,这是我们迈出了全新一步。

作者:石莹倩(虹贝)

本文为阿里云原创内容,未经允许不得转载