天天看點

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

-更多關于數智化轉型、資料中台内容請加入 阿裡雲資料中台交流群—數智俱樂部 和關注官方微信公總号(文末掃描二維碼或 點此加入

-阿裡雲資料中台官網 https://dp.alibaba.com/index

作者:石瑩倩(虹貝)

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

資料藝術”是本次雙11資料大屏設計過程中産生的新名詞,這樣的表現手法需要由設計師與前端、算法同學合力完成,而并非傳統意義上的設計作品。

我們的目标,從來都是星辰大海。2020年,各個國家的大門緊閉,每況愈下的國際疫情讓全球化的文化交流被迫中止;2020年,病毒般擴散的國際政治陰霾讓全球化的合作更加難以進行。中國要承擔起新一輪全球化浪潮的使命,天貓雙11資料大屏就是這個使命的最佳實驗場——藝術,這種超越文化與種族的國際語言,因而在這個背景下變得無比重要。

設計手法:全球資料博物館

大衆一旦談到藝術,既帶着一種崇敬,卻又往往近而遠之。因為傳統藝術大多姿态很高,人們隻能不遠萬裡去博物館中才能完全欣賞;傳統藝術的内涵也過于狹窄,無法滿足每天被轟炸到疲憊的當代人。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

但通過資料技術,我們可以将古今中外所有的藝術轉換成符合這個時代的無國界的作品,用科技的算法挖掘藝術作品背後有價值的精彩資料,打通藝術承載的感性文化與科技承載的理性精神,讓人們能夠不限場地時間和空間、都能看懂、喜歡、乃至去使用它。

本次雙11大屏的設計理念“全球資料博物館”,即采用了這種“藝術經典+算法挖掘+資料傳遞+科技表達”的設計思路,使設計産生了一種“既熟悉、又陌生”,“既溫暖又科幻”的奇妙感受。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

譬如,我們用算法分析并重構了梵高的《星空》這一作品,将畫中的筆觸用資料粒子的方式模拟了出來。但是,我們沒有遵循“要嚴格的用數字方式還原原作”的想法,而是用藝術家所構造的筆觸的速度,來指導計算機對粒子進行演算時的速度,以此産生了一種比《星空》原作更加貼近藝術家在創作時的内心運動的科技效果。

設計理念:用算法追求正面向上的人類精神

後疫情的雙11,需要傳遞勇氣和信心,而非凝重感和科技的冰冷酷炫。是以我們在雙11大屏的藝術設計上,不想再字正腔圓的去過多的闡釋某些概念,而是選取了一些具有精神鼓舞能力、心靈塑造能力的藝術作品進行了科技化的改造。通過一副巨型數字山水的鴻幅巨制(40米×8米大屏上)宏大的場景向前穿梭,GMV數字跳動背後影藏着每個人的勇氣和走出困境的信心,在山水日月中共情;前景中景是設計師們的春秋之筆,描寫當下經濟體雙11覆寫山水之間的各個角落;遠景是寫明天,是未來,是對新商業文明的憧憬。

畫面由數字化的山和水構成,向前穿梭、水面翻滾,寓意翻山越嶺&乘風破浪去明天。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗
2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

圖:2020雙11媒體中心 GMV大屏-乘風破浪去明天

技術實作上,通過排列算法,将不同形狀的山體在虛拟3D空間中,進行冷暖色調百分比的分層排布、水波紋進低排序,再通過鏡頭的向前穿梭來實作山水連綿的感受。(如下圖)

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

資料藝術:标量與向量的“非寫實思想”

将這種工業化的設計手法運用于雙11大屏中,有其合理性。是因為技術和藝術結合并非簡單的效果疊加,每一個畫面和圖像的背後的都是資料的流轉。比如,通過對标量(Scalar)和向量(Vector)的控制,用資料來控制畫面的圖形變化;或者将圖表轉譯成藝術性的圖形。

比如直播大屏,通過分形布朗運動來模拟海浪的效果,通過矢量的方向對點噪聲濾波生成圖像。經過圖形技術手法的加持,将浮世繪時代的名畫“神奈川沖浪裡”重生在資料大屏上,相信百年前這幅畫的作者的葛飾北齋,也不會想到他的作品會被如此的演繹。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

隻有用大資料工具來對藝術造型的奇妙世界進行拆解,用當代算法與資料思維進行分析與再創造,我們才能抓住藝術中最為核心的——人類精神與感性世界這一精髓部分,并以此創造出打動人心的優秀作品。

而更重要的是,當我們擁有了這種藝術化的“資料直覺”,讓藝術不隻是一種“為資料做美化”的方法,而是成為“資料應用的藝術化場景”,用藝術手段“展示資料内在的精神價值”——這給藝術本身增添了更多的實用性與有效性。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

圖:2020雙11媒體中心 黃磊講述直播大屏

内容政策:資料脫口秀×大型财經盛典

是以在雙11數字大屏這個十分實用的場景下,為什麼要采用資料藝術這種創作方法,我們是有很多考量的。其中重要的一點,就是從展示的内容政策出發,我們既要考慮到大屏的實時資料“完全無法提前準備内容”這種天然限制,又要更貼切在現場觀看大屏的觀衆們的情緒需求與精神追求。

如果實時資料的反映和藝術效果不比對怎麼辦?如果實時資料展現不出觀衆的預期怎麼辦?如果實時資料量達不到情緒的High點怎麼辦?如果現場沒有那麼多資料該怎麼辦?這些問題中的任意一個隻要提出來,對于傳統設計師而言都是完全無法設計的。

這就如同“蒙住雙眼在鋼絲上畫畫”——我們必須“用未知來設計已知,并且不可以随意任性而為”:藝術設計師們必須抛開傳統上那種從已有的、給定的内容出發來設計視覺的手段,并同時要按照資料本身的定價值取向與精神追求來進行“客觀的設計”——解決這種“兩難境地”就必須要有更新的手段與方法。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

PART 1. 資料脫口秀:類型化資料的藝術表達

從2020年雙11的内容安排說起。如果說以往11年的雙11數字大屏展現的是一場大型财經盛典,那今年我們又多加入了一點新的元素:資料脫口秀,因為我們相信,雙11既是件國計民生的大事,也是每個人的事。這一點與以往任何一屆雙11媒體中心晚會都不同,脫口秀作為一種新興的藝術化形式,讓資料與每個人都産生連接配接。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

正是這種脫口秀形式,啟發我們反過來思考資料的邏輯結構——脫口秀需要哪幾種話題結構,其中的資料就有可能是哪幾種類型:

1.未知:揭曉型資料與梵高·星空

在脫口秀中,主持人會帶着一些熱門問題,在資料上尋找答案。譬如下單奢侈品最多的城市是哪個?最愛買寵物食品的地區在哪裡等等。

這些問題都有着一個“未知提問——資料揭曉”這種顯示資料的引導行為。而每一個揭曉的資料,又大多是相對頂級或優秀名次的品類或區域。是以,這類資料的特征,就有一種“在海量的不可知的資料中發現未知”的探索過程。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

是以按照這一分析思路,我們選擇“資料星空”這一概念,來作為這類資料的呈現背景。這暗示着星空的運動和未知,與揭曉型資料有類似的特性,都是如浩瀚星空中、在不可知中揭曉一組資料。

資料星空作品的不同色彩關系,還與相關話題的火熱程度有一種視覺上的熱力關系,更加貼切“揭曉型資料”的藝術化感受。

2.排名:榜單型資料與王希孟·千裡江山圖

同樣的,榜單型資料是因為脫口秀中需要使用到榜單,榜單的排名之間是具有高低性質的——這山比起那山高,每一個名次,都如同一座山峰。而所有的名次卻都是整個國家經濟實力的展現,都是整個産業生态中的一部分,因而所有名次的起起伏伏就如同連綿的江山。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

我們因而使用了《千裡江山圖》的資料化藝術作品,來表現榜單型資料内在的精神指向。離子化的山峰隐喻的是柱狀圖,根據排名的變化和山峰的凸起幅度會有些許的變化,山峰從高到低的變化,用藝術化的方式來映射名次的高低。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

3.較量:PK型資料與葛飾北齋·神奈川沖浪裡

PK型資料十分有趣,是根據雙11當天資料的實時變化,而産生出來的一些有趣的話題,譬如頭等艙沙發的銷售量PK頭等艙機票的銷售量等等這種看似無關,卻又相關的有趣資料。

這種類型的資料背後,其實反映的是一種生活方式的變化,一種消費潮流的變化。但究竟是哪種潮流會在雙11當天獲勝,資料未出我們就并不知道。但這種潮流的感受是我們可以抓住的——潮流本身就隐喻着海浪的運動,是以PK型資料之間的内在結構與力量感,就如同不同高度的海浪彼此沖擊、碰撞,看究竟誰高過誰。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

是以,我們選擇了葛飾北齋《神奈川沖浪裡》的資料化藝術作品。原作是對巨大海浪以及海浪中的人們勇于沖擊、破浪前進的描繪。我們則通過海浪的動态來表現資料本身的運動,PK的資料之間位置的高低,就構成了海浪本身體量的高低。資料的高低不同,還會伴随着不同的浪花效果。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

4.顯現:解說型資料與莫奈·日出印象

解說型資料,就是主持人對某個具體的産品、現象、問題進行解說與描述是采用的資料類型。這些資料既可以是預設好的,也可以是根據當天網絡與銷售的熱頻詞彙所智能篩選出的。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

解說型的資料因而就具有一種“顯現某種現象”的内在力量。我們選擇了資料藝術化後的莫奈《日出印象》來對應這種“顯現”的感受。不同的話題都逐漸浮現出了中國國民經濟、阿裡經濟體等等内在的力量——這些力量如同初升的太陽一般,未來終将發出最熾熱的光芒。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

PART 2. 大型财經盛典:更精準的戰略解讀

雙11不單是一個購物狂歡季,更是世界經濟體的風向标。2020疫情之後,全球經濟都進入慘淡的衰退與動蕩不安。雖然“得中國市場者得天下”的口号早已在海外商家口中成為常識,但由疫情導緻全球範圍的不安定與國際各地政治經濟局勢的晦暗,讓全世界的眼光都盯着中國經濟在今年的成長。世界需要通過大屏看到雙11。

業務傳遞:春雷計劃、經濟雙循環、第四次電商浪潮。

1.春雷計劃助力雙循環

疫情以來數十萬外貿工廠入駐淘寶特價版、1688等平台等不同模式完成内循環。讓老字号、區域品牌、新銳品牌,等新國貨破圈。在這裡我們将資料圖表進行了藝術的變形處理,比如中國上空漂浮的資料雲,是柱狀圖(累計銷售資料)的變形,在動效的加持下看上去像一朵朵綻放的煙花。又比如說我們将省份之間的買賣關系,處理為在地圖上流動的桑吉圖,将正經的買賣資料流量,處理為富有生命的脈絡。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗
2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

2.新電商浪潮的創造:淘寶直播

直播被成為“第四次電商浪潮”,是以“浪潮”成為該屏最重要的符号,正如前文中所提及的,資料的堆積狀态與“浪潮”的藝術感結合成為帶有“浮世繪”烙印的資料感受。

淘寶直播商家自播占據主力,618大促15個過億直播間9個為商家直播間。更重要的是電商而不是直播,達人直播的核心價值也是對貨的臻選與連接配接。明星也能在淘寶直播找到不同的參與方式,尊重實作多赢。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

3.城市的煙火氣

電商之外,同城零售正在成為阿裡數字商業的新想象力,恢複中的武漢也在雙11重新大放異彩。

今年的城市屏我們引入了UE4遊戲引擎(虛幻4)作為可視化大屏的新技術。盒馬、天貓超市、大潤發、天貓小店、淘鮮達改造門店和平台接入商家,将成為數字化前端。從近場零售的邏輯徹底提升供應鍊效率。餓了麼騎手也将從送餐到送萬物,配合盒馬小哥、丹鳥物流形成新的騎士軍團。

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

數字互動新體驗

大屏外場,我們增加了一個基于實時資料的巨型立方體互動裝置。将雙11每小時發生的各種喜聞樂見、貼近我們消費者的細粒度資料,轉換成互動裝置上的“氣泡”,讓媒體記者能夠通過實時互動以獲得最新的資料新聞。收到現場媒體的追捧,大受歡迎!

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

這是一個資料“生物”!

這個裝置是大屏卻又不是大屏,其中的故事太多需要開新篇章娓娓道來。

但是對于資料大屏,這是我們邁出了全新一步。

資料中台是企業數智化的必經之路,阿裡巴巴認為資料中台是集方法論、工具、組織于一體的,“快”、“準”、“全”、“統”、“通”的智能大資料體系。

目前正通過阿裡雲對外輸出系列解決方案,包括

通用資料中台解決方案

零售資料中台解決方案 金融資料中台解決方案 網際網路資料中台解決方案 政務資料中台解決方案

等細分場景。

其中阿裡雲資料中台産品矩陣是以Dataphin為基座,以Quick系列為業務場景化切入,包括:

官方站點:

資料中台官網

https://dp.alibaba.com

釘釘溝通群和微信公衆号

2020雙11資料大屏設計:全球資料博物館設計手法:全球資料博物館設計理念:用算法追求正面向上的人類精神資料藝術:标量與向量的“非寫實思想”内容政策:資料脫口秀×大型财經盛典數字互動新體驗

繼續閱讀