大資料大設計：2018雙11資料大屏視覺化設計揭祕
(本文為團隊作品，個人只是參與了其中的一員)
ofollow,noindex">https://v.qq.com/x/page/z08015o4rgr.html
視訊連結
文 / 石瑩倩（虹貝）
2011年的資料投屏，讓媒體、消費者與阿里巴巴第一次在資料層面實現了資訊對稱，從那以後，資料大屏就成為雙11媒體釋出不可或缺的一部分。2018，在雙11十週年之際，阿里巴巴大資料團隊用最新的視覺化與互動手法，來詮釋阿里經濟體傳遞的商業與人文的大融合。
大屏設計核心理念
本次資料大屏選擇了以“明日之城”這個概念作為設計的主線，以“全球清明上河圖”為本次設計的核心內容。明日之城，一詞來自於英國規劃學家霍爾，那本被譽為城市規劃“聖經”的同名書籍——選擇它是因為雙11資料大屏設計的特點需要，這裡的潛臺詞即是——“雙11資料大屏是阿里對人類未來生活的全新暢想與規劃”。
明日之城的“城”字，也包含城邦（State）和城市（City）兩層含義——城邦一詞，在歷史中指的是全球經濟流動的港口，是古老的國家形態（如 United States），也是國家經濟體的代名詞；城市，則是人們生活居住的棲息之所，是匯聚人類才智與經濟的地點，是生活方式的代名詞。雙十一中的國家通過一個個城邦讓經濟出航，國與國的連線形成了交易的無國界。城市，生動體現了市井生活和社會面貌，體現出雙11當天每一個參與者都在升斗之間獲得歡樂。本次資料大屏的設計，正是為了讓每一位現場參與者都可以通過它，發現雙11在“經濟體”與“生活方式”這兩個維度中的巨大能量與卓越貢獻。
地球光環：全球屏/經濟體
出現在雙11當天次數最多的，除了最核心的巨大銷售資料之外，就是揭示阿里經濟體在全球發揮作用的這部分實時資料視覺化，即“全球屏”。這個視覺化分為兩個層次，一個表現了雙11當天全球實時資料，另一個則表現了阿里的每一項業務與品牌在阿里經濟體中的組成與貢獻。
2018雙11大屏-全球化
雙11當天全球實時資料，由地球、光環兩個部分組成，延伸並發展了資料大屏“璀璨星球”的概念，用地球上的銷售資料點亮整個星球，用光環揭示出國家與國家之間“又合作又競爭”的狀態，將雙11作為全球經濟奧林匹克的精神，用藝術化的形態表現出來，地球的部分，用璀璨的星點取代了傳統的熱力圖，表現了全世界實時銷售點與銷售量，用國與國、城與城間穿梭的光芒飛線，表現了進出口貿易的數量與方向，人們可以看到財富在這個星球上的變化與匯聚，也可以隨著光芒飛線在城邦間的出航，讓國家與國家在這一天彼此匯通、交融；地球的光環，內部則是每一個國家的標誌在多軌道的光環之中運動，相互競爭、彼此超越。每一個國家當天銷售的實時經濟資料，則成為一道道指向地球的光柱，如機器般支撐著光環的運動，與國家經濟的運轉。
2018雙11大屏-全球化-中國
對阿里經濟體的每一項業務與品牌的表達，也採用了這種地球+光環的結構，設計出了阿里經濟體的一種“”眾星拱月“”的效果，阿里品牌符號作為軌道上的行星，圍繞著天貓雙11徐徐轉動，每一個品牌都從幕後走向臺前，為阿里經濟體做出卓越的貢獻。更外一圈則用水晶的效果，將每個國家的地標表現了出來，讓全球化的精神籠罩整個經濟體星球。
2018雙11大屏-經濟體GMV
這樣的藝術想法，是希望人們在看到這一幕之時，能夠獲得一個略帶神聖氣息的上帝視角，在準確表達了各項資料、雙11與阿里經濟體結構的同時，讓雙11的經濟表現成為地球上的每個國家的動力之源、每個家庭的喜悅之光，讓阿里經濟體成為這個經濟全球化時代轉動的中樞。
2018雙11現場照片 突破2000億 彩蛋
因此，當現場實時資料彩蛋（銷售記錄）每一次的爆炸，從地球視角切換過來的時候，整體視覺便能夠在觀眾的眼中造就一次次資料經濟時代的宇宙大爆炸。雙11每一次超越歷史、突破記錄的行為，就是宇宙一次次新的開端。
資料大屏不僅表現了全球、國家，還著重用“清明上河圖”的概念，資料景觀化的表達了城市。在我們稱為“城市屏”的部分中，用不同文脈的藝術風格表現了北京、上海、杭州三所城市的實時經濟資料與交易。
2018雙11現場照片 突破2000億 彩蛋
以杭州屏為例，選取了“青綠山水”的藝術風格作為整體視覺的表現。這是因為杭州本身以“天堂”美譽的山水自然景觀、歷史沉澱、以及深厚的人文傳承，與這種具有南宋典雅風範與傳統文人氣質的藝術是十分契合的。
2018雙11大屏現場照片 杭州青綠山水-白晝
但城市的藝術表現與經濟資料視覺化是兩個不同的任務，我們通過晝夜交替完成了這二者之間的轉換——當整個城市屏在白晝的時候，是一副由當代經濟所描繪的一座座“綠水青山”，而當城市轉入黑夜時，就是雙11經濟所造就的一片片“金山銀山”。
2018雙11大屏城市-杭州青綠山水-晝夜交替
尤其在黑夜時，當鏡頭逐漸放大到每個城市區域，還可以看到資料大屏不僅表現了每一棟建築中在當天所發生的實時交易，還同時用阿里經濟體中的品牌符號，如支付寶、餓了麼等，細微的表現了這個實時交易所採用的交易方式——就好比清明上河圖中的每一個小人物、小細節，都表現了宋代經濟與市井生活的一幕幕。
2018雙11大屏-杭州城市-親橙裡泰全息效果
而再將鏡頭細化，我們還打造瞭如“武林銀泰”、“西溪園區&親橙裡”等等雙11線下新零售場景的資料視覺化，每一層樓、每一個區域的雙11線下行為，都體現在整張城市屏中——就好比清明上河圖中安寧的“西域駝隊”、喧鬧的“木橋上河”等一幕幕細節，展現著熙熙攘攘的眾生喧譁與時代繁盛。
總的來說，清明上河圖所包含的山水意象、市井生活，都通過這些藝術設計而成為當代資料經濟尤其是雙11，表現其經濟魅力與文化底蘊的核心方法論。
新零售之城：城市品牌霓虹之光
雙11資料大屏要表達的，不光是國家與城市的總體經濟資料與實時發生的個人買賣，它還承載著表現經濟與產業結構，在資料經濟作用下發生變化的重要任務。因此，通過各種如“全球熱賣榜”等方式對新零售進行表現，也是資料大屏所表達的核心。
2018雙11大屏-全球熱賣榜-大家電
在這一“新零售屏”的藝術設計中，我們選擇了用一種“城市經濟景觀的實時切片”來進行表達。雙11新零售，尤其是今年所開展的各地線下協同部署、雙11商家實時“資料作戰室”等方式的參與，讓資料經濟不僅成為全球視覺，還成為一段段炫彩的商業景觀，恰如上海南京路或香港尖沙咀的霓虹街景，成為城市經濟發展的“視覺切片”。
因此，“新零售屏”的設計，突出了一種商業的空間感與空間營造。用霓虹燈的視覺勾勒出各種視覺要素，中央的大字所選擇的字型風格也取材於上海南京路的霓虹廣告字樣。用來呈現不同資料的各個版面，則如同商業街區中的一個個空間，每一個熱銷榜、品類榜、資料榜都在不同空間維度上訴說著資料商業的幾盡繁華，營造出今年雙11會址——“老上海”的雅典風情。
設計總結
2018雙11的資料大屏，自呈現在眾多媒體之後，便受到了強烈的關注與追捧。而今年螢幕尺寸也做到了極致，51.5米*8.5米為歷年最大。精心設計的藝術效果、震撼的視覺呈現，配合雙11的消費節奏、現場互動，以及背景音樂的韻律，都成為資料大屏的藝術整體效果。
全國經濟雲圖、地球之聲、新零售之城、致敬十年等資料視覺化場景組成了本次資料大屏的全部內容。資料大屏以空間為載體、時間為軌跡，以資料和飛線等形式，實時展示11月11日的24小時裡，消費、物流、支付、技術和商業合作伙伴等阿里巴巴數字經濟體內的交易場景，將商業、人文和消費者的市井生活用一整個故事鏈路展現出來，讓人文精神與經濟消費在大資料藝術設計中拓展為宇宙精神與全球視野。
而這，就是我們要展現給世界的一副資料經濟時代的全球清明上河圖。
致敬雙11十週年。
2018雙11資料大屏-致敬十週年
2018雙11資料大屏-天空之城-線上線下資料
2018雙11資料大屏-北京城市全景
阿里巴巴大資料設計中心，負責阿里集團資料中臺、雲上企業資料中臺、友盟+等多條業務線體驗架構、視覺化分析、視覺化互動設計、品牌創意設計，為阿里系商家/小二、政府、媒體/公眾、大型企業/開發者提供系統的大資料視覺化分析、工具和互動體驗設計解決方案。
Connecting Data Power & Beautiful World.
資料大屏設計專案組
從左到右：韓喬、李棟、石瑩倩、王圓林、朱傑、陳強、朱炳全、吳慧貞、劉奕
特別感謝我們最愛的阿里巴巴資料技術及產品部~
大資料設計中心期待你的加入：
阿里巴巴大資料設計中心招聘體驗設計專家、品牌創意設計專家、圖形設計專家（3D引擎、動效、互動方向等）
聯絡方式：[email protected]（天渝），微信號：zhubingquan