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

本文涉及的产品
智能数据建设与治理Dataphin,200数据处理单元
可视分析地图(DataV-Atlas),3 个项目,100M 存储空间
简介: 如果说以往的双11数据大屏展现的是一场大型财经盛典,那今年可是融入了新元素:数据脱口秀。因为我们相信,双11既是件国计民生的大事,也是每个人的事。这一点与以往任何一届双11媒体中心晚会都不同,脱口秀作为一种新兴的艺术化形式,让数据与每个人都产生连接。


-更多关于数智化转型、数据中台内容请加入阿里云数据中台交流群—数智俱乐部 和关注官方微信公总号(文末扫描二维码或点此加入

-阿里云数据中台官网 https://dp.alibaba.com/index

作者:石莹倩(虹贝)

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

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

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

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

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

本次双11大屏的设计理念“全球数据博物馆”,即采用了这种“艺术经典+算法挖掘+数据传递+科技表达”的设计思路,使设计产生了一种“既熟悉、又陌生”,“既温暖又科幻”的奇妙感受。
image.png
譬如,我们用算法分析并重构了梵高的《星空》这一作品,将画中的笔触用数据粒子的方式模拟了出来。但是,我们没有遵循“要严格的用数字方式还原原作”的想法,而是用艺术家所构造的笔触的速度,来指导计算机对粒子进行演算时的速度,以此产生了一种比《星空》原作更加贴近艺术家在创作时的内心运动的科技效果。

设计理念:用算法追求正面向上的人类精神

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

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

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

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

数据艺术:标量与向量的“非写实思想”

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

比如直播大屏,通过分形布朗运动来模拟海浪的效果,通过矢量的方向对点噪声滤波生成图像。经过图形技术手法的加持,将浮世绘时代的名画“神奈川冲浪里”重生在数据大屏上,相信百年前这幅画的作者的葛饰北斋,也不会想到他的作品会被如此的演绎。
image.png
只有用大数据工具来对艺术造型的奇妙世界进行拆解,用当代算法与数据思维进行分析与再创造,我们才能抓住艺术中最为核心的——人类精神与感性世界这一精髓部分,并以此创造出打动人心的优秀作品。

而更重要的是,当我们拥有了这种艺术化的“数据直觉”,让艺术不只是一种“为数据做美化”的方法,而是成为“数据应用的艺术化场景”,用艺术手段“展示数据内在的精神价值”——这给艺术本身增添了更多的实用性与有效性。
image.png
图:2020双11媒体中心 黄磊讲述直播大屏

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

因此在双11数字大屏这个十分实用的场景下,为什么要采用数据艺术这种创作方法,我们是有很多考量的。其中重要的一点,就是从展示的内容策略出发,我们既要考虑到大屏的实时数据“完全无法提前准备内容”这种天然限制,又要更贴切在现场观看大屏的观众们的情绪需求与精神追求。

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

这就如同“蒙住双眼在钢丝上画画”——我们必须“用未知来设计已知,并且不可以随意任性而为”:艺术设计师们必须抛开传统上那种从已有的、给定的内容出发来设计视觉的手段,并同时要按照数据本身的定价值取向与精神追求来进行“客观的设计”——解决这种“两难境地”就必须要有更新的手段与方法。

image.png

PART 1. 数据脱口秀:类型化数据的艺术表达

从2020年双11的内容安排说起。如果说以往11年的双11数字大屏展现的是一场大型财经盛典,那今年我们又多加入了一点新的元素:数据脱口秀,因为我们相信,双11既是件国计民生的大事,也是每个人的事。这一点与以往任何一届双11媒体中心晚会都不同,脱口秀作为一种新兴的艺术化形式,让数据与每个人都产生连接。
image.png

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

1.未知:揭晓型数据与梵高·星空
在脱口秀中,主持人会带着一些热门问题,在数据上寻找答案。譬如下单奢侈品最多的城市是哪个?最爱买宠物食品的地区在哪里等等。

这些问题都有着一个“未知提问——数据揭晓”这种显示数据的引导行为。而每一个揭晓的数据,又大多是相对顶级或优秀名次的品类或区域。因此,这类数据的特征,就有一种“在海量的不可知的数据中发现未知”的探索过程。
7f6ce0ee-03f9-4e44-b366-f5a8fad05164.jpg

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

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

2.排名:榜单型数据与王希孟·千里江山图
同样的,榜单型数据是因为脱口秀中需要使用到榜单,榜单的排名之间是具有高低性质的——这山比起那山高,每一个名次,都如同一座山峰。而所有的名次却都是整个国家经济实力的体现,都是整个产业生态中的一部分,因而所有名次的起起伏伏就如同连绵的江山。
image.png

我们因而使用了《千里江山图》的数据化艺术作品,来表现榜单型数据内在的精神指向。离子化的山峰隐喻的是柱状图,根据排名的变化和山峰的凸起幅度会有些许的变化,山峰从高到低的变化,用艺术化的方式来映射名次的高低。
image.png

3.较量:PK型数据与葛饰北斋·神奈川冲浪里
PK型数据十分有趣,是根据双11当天数据的实时变化,而产生出来的一些有趣的话题,譬如头等舱沙发的销售量PK头等舱机票的销售量等等这种看似无关,却又相关的有趣数据。

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

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

4.显现:解说型数据与莫奈·日出印象
解说型数据,就是主持人对某个具体的产品、现象、问题进行解说与描述是采用的数据类型。这些数据既可以是预设好的,也可以是根据当天网络与销售的热频词汇所智能筛选出的。

3.jpg

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

PART 2. 大型财经盛典:更精准的战略解读

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

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

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

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

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

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

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

数字互动新体验

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

这是一个数据“生物”!

这个装置是大屏却又不是大屏,其中的故事太多需要开新篇章娓娓道来。

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


数据中台是企业数智化的必经之路,阿里巴巴认为数据中台是集方法论、工具、组织于一体的,“快”、“准”、“全”、“统”、“通”的智能大数据体系。

目前正通过阿里云对外输出系列解决方案,包括通用数据中台解决方案零售数据中台解决方案金融数据中台解决方案互联网数据中台解决方案政务数据中台解决方案等细分场景。

其中阿里云数据中台产品矩阵是以Dataphin为基座,以Quick系列为业务场景化切入,包括:

官方站点:
数据中台官网 https://dp.alibaba.com
钉钉沟通群和微信公众号
数据中台钉钉群二维码2.jpg

相关实践学习
阿里云百炼xAnalyticDB PostgreSQL构建AIGC应用
通过该实验体验在阿里云百炼中构建企业专属知识库构建及应用全流程。同时体验使用ADB-PG向量检索引擎提供专属安全存储,保障企业数据隐私安全。
AnalyticDB PostgreSQL 企业智能数据中台:一站式管理数据服务资产
企业在数据仓库之上可构建丰富的数据服务用以支持数据应用及业务场景;ADB PG推出全新企业智能数据平台,用以帮助用户一站式的管理企业数据服务资产,包括创建, 管理,探索, 监控等; 助力企业在现有平台之上快速构建起数据服务资产体系
相关文章
|
监控 数据可视化 安全
万界星空科技可视化数字大屏应用场景及作用
万界星空科技专注于制造业生产管理平台的研发和实施,已成功帮助很多企业和工厂解决了内部的管理问题,有效的提高了生产效率,并且节省了人力。成功应用于汽车、高科技电子、注塑、电线电缆、造鞋、设备制造、新能源、电梯、家电、家居、纺织、印刷、电气、电机等行业。
111 1
万界星空科技可视化数字大屏应用场景及作用
|
人工智能 数据可视化 Python
可视化 | 全国双一流大学、超高人气本科专业等排行榜
可视化 | 全国双一流大学、超高人气本科专业等排行榜
|
新零售 弹性计算 人工智能
十分钟生成影视级室内设计效果,红星美凯龙设计云如何升级传统家居行业
依托于阿里云强大的弹性云上GPU算力,红星美凯龙可以为客户提供快速的、高质量的渲染,实现秒级的门店快速设计。
133261 13
十分钟生成影视级室内设计效果,红星美凯龙设计云如何升级传统家居行业
|
SQL 缓存 监控
【技术干货】40页PPT分享万亿级交易量下的支付平台设计(6)
【技术干货】40页PPT分享万亿级交易量下的支付平台设计(6)
406 0
【技术干货】40页PPT分享万亿级交易量下的支付平台设计(6)
|
数据可视化 安全 容灾
【技术干货】40页PPT分享万亿级交易量下的支付平台设计(1)
【技术干货】40页PPT分享万亿级交易量下的支付平台设计(1)
190 0
【技术干货】40页PPT分享万亿级交易量下的支付平台设计(1)
|
设计模式 监控 搜索推荐
【技术干货】40页PPT分享万亿级交易量下的支付平台设计(2)
【技术干货】40页PPT分享万亿级交易量下的支付平台设计(2)
328 0
【技术干货】40页PPT分享万亿级交易量下的支付平台设计(2)
|
开发框架 移动开发 小程序
金融圈的“双在线”是什么?
金融圈的“双在线”是什么?
|
开发框架 移动开发 小程序
金融圈的“双在线”是什么?
金融圈出现了一个新的热词,叫做“双在线”。
697 0
金融圈的“双在线”是什么?
|
机器学习/深度学习 安全 大数据
2017天猫双11,1682亿背后的阿里绝密50+技术(长图下载)
2017天猫双11, 交易峰值32.5万/秒,支付峰值25.6万/秒,数据库处理峰值,4200万次/秒。1682亿数字的背后是50+神秘技术,让我们在阿里云上与所有新技术相遇!
24239 0
|
数据可视化 API 定位技术
2017双11狂欢节模板 让大屏“闪电”起来
2017双11狂欢节的闪电️特效大屏模板+全新的 3D地球(2018)组件,在DataV中正式和大家见面了。
50646 0