2018-12-2 ui設(shè)計(jì)分享達(dá)人
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
2011年的數(shù)據(jù)投屏,讓媒體、消費(fèi)者與阿里巴巴第一次在數(shù)據(jù)層面實(shí)現(xiàn)了信息對(duì)稱,從那以后,數(shù)據(jù)大屏就成為雙11媒體發(fā)布不可或缺的一部分。2018,在雙11十周年之際,阿里巴巴大數(shù)據(jù)團(tuán)隊(duì)用的可視化與交互手法,來(lái)詮釋阿里經(jīng)濟(jì)體傳遞的商業(yè)與人文的大融合。
大屏設(shè)計(jì)核心理念
本次數(shù)據(jù)大屏選擇了以“明日之城”這個(gè)概念作為設(shè)計(jì)的主線,以“全球清明上河圖”為本次設(shè)計(jì)的核心內(nèi)容。明日之城,一詞來(lái)自于英國(guó)規(guī)劃學(xué)家霍爾,那本被譽(yù)為城市規(guī)劃“圣經(jīng)”的同名書(shū)籍——選擇它是因?yàn)殡p11數(shù)據(jù)大屏設(shè)計(jì)的特點(diǎn)需要,這里的潛臺(tái)詞即是——“雙11數(shù)據(jù)大屏是阿里對(duì)人類未來(lái)生活的全新暢想與規(guī)劃”。
明日之城的“城”字,也包含城邦(State)和城市(City)兩層含義——城邦一詞,在歷史中指的是全球經(jīng)濟(jì)流動(dòng)的港口,是古老的國(guó)家形態(tài)(如 United States),也是國(guó)家經(jīng)濟(jì)體的代名詞;城市,則是人們生活居住的棲息之所,是匯聚人類才智與經(jīng)濟(jì)的地點(diǎn),是生活方式的代名詞。雙十一中的國(guó)家通過(guò)一個(gè)個(gè)城邦讓經(jīng)濟(jì)出航,國(guó)與國(guó)的連接形成了交易的無(wú)國(guó)界。城市,生動(dòng)體現(xiàn)了市井生活和社會(huì)面貌,體現(xiàn)出雙11當(dāng)天每一個(gè)參與者都在升斗之間獲得歡樂(lè)。本次數(shù)據(jù)大屏的設(shè)計(jì),正是為了讓每一位現(xiàn)場(chǎng)參與者都可以通過(guò)它,發(fā)現(xiàn)雙11在“經(jīng)濟(jì)體”與“生活方式”這兩個(gè)維度中的巨大能量與卓越貢獻(xiàn)。
地球光環(huán):全球屏/經(jīng)濟(jì)體
出現(xiàn)在雙11當(dāng)天次數(shù)最多的,除了最核心的巨大銷售數(shù)據(jù)之外,就是揭示阿里經(jīng)濟(jì)體在全球發(fā)揮作用的這部分實(shí)時(shí)數(shù)據(jù)可視化,即“全球屏”。這個(gè)可視化分為兩個(gè)層次,一個(gè)表現(xiàn)了雙11當(dāng)天全球?qū)崟r(shí)數(shù)據(jù),另一個(gè)則表現(xiàn)了阿里的每一項(xiàng)業(yè)務(wù)與品牌在阿里經(jīng)濟(jì)體中的組成與貢獻(xiàn)。
2018雙11大屏-全球化
雙11當(dāng)天全球?qū)崟r(shí)數(shù)據(jù),由地球、光環(huán)兩個(gè)部分組成,延伸并發(fā)展了數(shù)據(jù)大屏“璀璨星球”的概念,用地球上的銷售數(shù)據(jù)點(diǎn)亮整個(gè)星球,用光環(huán)揭示出國(guó)家與國(guó)家之間“又合作又競(jìng)爭(zhēng)”的狀態(tài),將雙11作為全球經(jīng)濟(jì)奧林匹克的精神,用藝術(shù)化的形態(tài)表現(xiàn)出來(lái),地球的部分,用璀璨的星點(diǎn)取代了傳統(tǒng)的熱力圖,表現(xiàn)了全世界實(shí)時(shí)銷售點(diǎn)與銷售量,用國(guó)與國(guó)、城與城間穿梭的光芒飛線,表現(xiàn)了進(jìn)出口貿(mào)易的數(shù)量與方向,人們可以看到財(cái)富在這個(gè)星球上的變化與匯聚,也可以隨著光芒飛線在城邦間的出航,讓國(guó)家與國(guó)家在這一天彼此匯通、交融;地球的光環(huán),內(nèi)部則是每一個(gè)國(guó)家的標(biāo)志在多軌道的光環(huán)之中運(yùn)動(dòng),相互競(jìng)爭(zhēng)、彼此超越。每一個(gè)國(guó)家當(dāng)天銷售的實(shí)時(shí)經(jīng)濟(jì)數(shù)據(jù),則成為一道道指向地球的光柱,如機(jī)器般支撐著光環(huán)的運(yùn)動(dòng),與國(guó)家經(jīng)濟(jì)的運(yùn)轉(zhuǎn)。
2018雙11大屏-全球化-中國(guó)
對(duì)阿里經(jīng)濟(jì)體的每一項(xiàng)業(yè)務(wù)與品牌的表達(dá),也采用了這種地球+光環(huán)的結(jié)構(gòu),設(shè)計(jì)出了阿里經(jīng)濟(jì)體的一種“”眾星拱月“”的效果,阿里品牌符號(hào)作為軌道上的行星,圍繞著天貓雙11徐徐轉(zhuǎn)動(dòng),每一個(gè)品牌都從幕后走向臺(tái)前,為阿里經(jīng)濟(jì)體做出卓越的貢獻(xiàn)。更外一圈則用水晶的效果,將每個(gè)國(guó)家的地標(biāo)表現(xiàn)了出來(lái),讓全球化的精神籠罩整個(gè)經(jīng)濟(jì)體星球。
2018雙11大屏-經(jīng)濟(jì)體GMV
這樣的藝術(shù)想法,是希望人們?cè)诳吹竭@一幕之時(shí),能夠獲得一個(gè)略帶神圣氣息的上帝視角,在準(zhǔn)確表達(dá)了各項(xiàng)數(shù)據(jù)、雙11與阿里經(jīng)濟(jì)體結(jié)構(gòu)的同時(shí),讓雙11的經(jīng)濟(jì)表現(xiàn)成為地球上的每個(gè)國(guó)家的動(dòng)力之源、每個(gè)家庭的喜悅之光,讓阿里經(jīng)濟(jì)體成為這個(gè)經(jīng)濟(jì)全球化時(shí)代轉(zhuǎn)動(dòng)的中樞。
2018雙11現(xiàn)場(chǎng)照片 突破2000億 彩蛋
因此,當(dāng)現(xiàn)場(chǎng)實(shí)時(shí)數(shù)據(jù)彩蛋(銷售記錄)每一次的爆炸,從地球視角切換過(guò)來(lái)的時(shí)候,整體視覺(jué)便能夠在觀眾的眼中造就一次次數(shù)據(jù)經(jīng)濟(jì)時(shí)代的宇宙大爆炸。雙11每一次超越歷史、突破記錄的行為,就是宇宙一次次新的開(kāi)端。
文化之城——杭州上海北京的數(shù)據(jù)新零售之城
數(shù)據(jù)大屏不僅表現(xiàn)了全球、國(guó)家,還著重用“清明上河圖”的概念,數(shù)據(jù)景觀化的表達(dá)了城市。在我們稱為“城市屏”的部分中,用不同文脈的藝術(shù)風(fēng)格表現(xiàn)了北京、上海、杭州三所城市的實(shí)時(shí)經(jīng)濟(jì)數(shù)據(jù)與交易。
2018雙11大屏城市-上海路網(wǎng)全景-陸家嘴商圈
以杭州屏為例,選取了“青綠山水”的藝術(shù)風(fēng)格作為整體視覺(jué)的表現(xiàn)。這是因?yàn)楹贾荼旧硪浴疤焯谩泵雷u(yù)的山水自然景觀、歷史沉淀、以及深厚的人文傳承,與這種具有南宋典雅風(fēng)范與傳統(tǒng)文人氣質(zhì)的藝術(shù)是十分契合的。
2018雙11大屏現(xiàn)場(chǎng)照片 杭州青綠山水-白晝
但城市的藝術(shù)表現(xiàn)與經(jīng)濟(jì)數(shù)據(jù)可視化是兩個(gè)不同的任務(wù),我們通過(guò)晝夜交替完成了這二者之間的轉(zhuǎn)換——當(dāng)整個(gè)城市屏在白晝的時(shí)候,是一副由當(dāng)代經(jīng)濟(jì)所描繪的一座座“綠水青山”,而當(dāng)城市轉(zhuǎn)入黑夜時(shí),就是雙11經(jīng)濟(jì)所造就的一片片“金山銀山”。
2018雙11大屏城市-杭州青綠山水-晝夜交替
尤其在黑夜時(shí),當(dāng)鏡頭逐漸放大到每個(gè)城市區(qū)域,還可以看到數(shù)據(jù)大屏不僅表現(xiàn)了每一棟建筑中在當(dāng)天所發(fā)生的實(shí)時(shí)交易,還同時(shí)用阿里經(jīng)濟(jì)體中的品牌符號(hào),如支付寶、餓了么等,細(xì)微的表現(xiàn)了這個(gè)實(shí)時(shí)交易所采用的交易方式——就好比清明上河圖中的每一個(gè)小人物、小細(xì)節(jié),都表現(xiàn)了宋代經(jīng)濟(jì)與市井生活的一幕幕。
2018雙11大屏-杭州城市-親橙里銀泰全息效果
而再將鏡頭細(xì)化,我們還打造了如“武林銀泰”、“西溪園區(qū)&親橙里”等等雙11線下新零售場(chǎng)景的數(shù)據(jù)可視化,每一層樓、每一個(gè)區(qū)域的雙11線下行為,都體現(xiàn)在整張城市屏中——就好比清明上河圖中安寧的“西域駝隊(duì)”、喧鬧的“木橋上河”等一幕幕細(xì)節(jié),展現(xiàn)著熙熙攘攘的眾生喧嘩與時(shí)代繁盛。
總的來(lái)說(shuō),清明上河圖所包含的山水意象、市井生活,都通過(guò)這些藝術(shù)設(shè)計(jì)而成為當(dāng)代數(shù)據(jù)經(jīng)濟(jì)尤其是雙11,表現(xiàn)其經(jīng)濟(jì)魅力與文化底蘊(yùn)的核心方法論。
新零售之城:城市品牌霓虹之光
雙11數(shù)據(jù)大屏要表達(dá)的,不光是國(guó)家與城市的總體經(jīng)濟(jì)數(shù)據(jù)與實(shí)時(shí)發(fā)生的個(gè)人買(mǎi)賣,它還承載著表現(xiàn)經(jīng)濟(jì)與產(chǎn)業(yè)結(jié)構(gòu),在數(shù)據(jù)經(jīng)濟(jì)作用下發(fā)生變化的重要任務(wù)。因此,通過(guò)各種如“全球熱賣榜”等方式對(duì)新零售進(jìn)行表現(xiàn),也是數(shù)據(jù)大屏所表達(dá)的核心。
2018雙11大屏-全球熱賣榜-大家電
在這一“新零售屏”的藝術(shù)設(shè)計(jì)中,我們選擇了用一種“城市經(jīng)濟(jì)景觀的實(shí)時(shí)切片”來(lái)進(jìn)行表達(dá)。雙11新零售,尤其是今年所開(kāi)展的各地線下協(xié)同部署、雙11商家實(shí)時(shí)“數(shù)據(jù)作戰(zhàn)室”等方式的參與,讓數(shù)據(jù)經(jīng)濟(jì)不僅成為全球視覺(jué),還成為一段段炫彩的商業(yè)景觀,恰如上海南京路或香港尖沙咀的霓虹街景,成為城市經(jīng)濟(jì)發(fā)展的“視覺(jué)切片”。
因此,“新零售屏”的設(shè)計(jì),突出了一種商業(yè)的空間感與空間營(yíng)造。用霓虹燈的視覺(jué)勾勒出各種視覺(jué)要素,中央的大字所選擇的字體風(fēng)格也取材于上海南京路的霓虹廣告字樣。用來(lái)呈現(xiàn)不同數(shù)據(jù)的各個(gè)版面,則如同商業(yè)街區(qū)中的一個(gè)個(gè)空間,每一個(gè)熱銷榜、品類榜、數(shù)據(jù)榜都在不同空間維度上訴說(shuō)著數(shù)據(jù)商業(yè)的幾盡繁華,營(yíng)造出今年雙11會(huì)址——“老上?!钡牡溲棚L(fēng)情。
設(shè)計(jì)總結(jié)
2018雙11的數(shù)據(jù)大屏,自呈現(xiàn)在眾多媒體之后,便受到了強(qiáng)烈的關(guān)注與追捧。而今年屏幕尺寸也做到了,51.5米*8.5米為歷年最大。精心設(shè)計(jì)的藝術(shù)效果、震撼的視覺(jué)呈現(xiàn),配合雙11的消費(fèi)節(jié)奏、現(xiàn)場(chǎng)互動(dòng),以及背景音樂(lè)的韻律,都成為數(shù)據(jù)大屏的藝術(shù)整體效果。
全國(guó)經(jīng)濟(jì)云圖、地球之聲、新零售之城、致敬十年等數(shù)據(jù)可視化場(chǎng)景組成了本次數(shù)據(jù)大屏的全部?jī)?nèi)容。數(shù)據(jù)大屏以空間為載體、時(shí)間為軌跡,以數(shù)據(jù)和飛線等形式,實(shí)時(shí)展示11月11日的24小時(shí)里,消費(fèi)、物流、支付、技術(shù)和商業(yè)合作伙伴等阿里巴巴數(shù)字經(jīng)濟(jì)體內(nèi)的交易場(chǎng)景,將商業(yè)、人文和消費(fèi)者的市井生活用一整個(gè)故事鏈路展現(xiàn)出來(lái),讓人文精神與經(jīng)濟(jì)消費(fèi)在大數(shù)據(jù)藝術(shù)設(shè)計(jì)中拓展為宇宙精神與全球視野。
而這,就是我們要展現(xiàn)給世界的一幅數(shù)據(jù)經(jīng)濟(jì)時(shí)代的全球清明上河圖。
致敬雙11十周年。
2018雙11數(shù)據(jù)大屏-致敬十周年
2018雙11數(shù)據(jù)大屏-天空之城-線上線下數(shù)據(jù)
2018雙11數(shù)據(jù)大屏-北京城市全景
阿里巴巴大數(shù)據(jù)設(shè)計(jì)中心,負(fù)責(zé)阿里集團(tuán)數(shù)據(jù)中臺(tái)、云上企業(yè)數(shù)據(jù)中臺(tái)、友盟+等多條業(yè)務(wù)線體驗(yàn)架構(gòu)、可視化分析、可視化互動(dòng)設(shè)計(jì)、品牌創(chuàng)意設(shè)計(jì),為阿里系商家/小二、政府、媒體/公眾、大型企業(yè)/開(kāi)發(fā)者提供系統(tǒng)的大數(shù)據(jù)可視化分析、工具和互動(dòng)體驗(yàn)設(shè)計(jì)解決方案。
Connecting Data Power & Beautiful World.
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com