目錄：

1. 什么是大屏數(shù)據(jù)可視化

2. 設(shè)計(jì)流程介紹

3. 結(jié)合情感打造二維設(shè)計(jì)美感

4. 構(gòu)建空間感&二維與三維的融合

5. 小結(jié)

結(jié)合情感打造二維設(shè)計(jì)美感

上篇我們講到了《可視化設(shè)計(jì)-數(shù)據(jù)時(shí)代的美味制造者（上篇）》，分析完了邏輯性的可視化概念與設(shè)計(jì)流程。

接下來讓我們開始具體的講解可視化設(shè)計(jì)進(jìn)行中的設(shè)計(jì)方法。

首先，想要設(shè)計(jì)出一個(gè)好看的可視化大屏，藝術(shù)性是必不可少的。所以第一步我們來走進(jìn)數(shù)據(jù)藝術(shù)的世界中，從理性走入感性，體會(huì)相斥相吸所碰撞出的藝術(shù)火花給人帶來的視覺盛宴。

1.走進(jìn)數(shù)據(jù)藝術(shù)

在數(shù)據(jù)藝術(shù)的世界中，要打開想象力，關(guān)注數(shù)據(jù)和情感中的聯(lián)系，準(zhǔn)確的說，數(shù)據(jù)藝術(shù)更多是為了讓人們?nèi)ンw驗(yàn)?zāi)切┳屓烁杏X冰冷而陌生的數(shù)據(jù)，使它們從無形變?yōu)榭梢姷?，可?dòng)的，可互動(dòng)的甚至可觸摸的有形物像。就像是把冰冷的10110010的代碼賦予生命，穿上衣服形成樣貌，讓人一看就能記住這個(gè)生命體的樣子，知曉它的信息，更加人性化的與它互動(dòng)。

上圖是由藝術(shù)家格約拉（Quayola）和穆罕穆德·阿克坦（Memo Akten) 在“形態(tài)“圖中將競(jìng)技運(yùn)動(dòng)軌跡模擬成粒子數(shù)據(jù)動(dòng)畫。視頻中以點(diǎn)線的元素伸展動(dòng)畫，隨著運(yùn)動(dòng)路徑相應(yīng)移動(dòng)，讓計(jì)算機(jī)生成的圖形賦予生命力。

上圖是費(fèi)爾蘭達(dá)·維埃加斯加和馬丁·瓦滕伯格的作品“風(fēng)圖”（Wind Map），繪制了全美各地風(fēng)的流動(dòng)模式。這個(gè)可視化的制作非常實(shí)用，可以通過縮放和平移數(shù)據(jù)庫進(jìn)行研究，還可以把鼠標(biāo)停在某處了解該地的風(fēng)速和風(fēng)向。地圖上風(fēng)流動(dòng)越集中，越快，預(yù)報(bào)的風(fēng)速就越大。但這個(gè)圖不止實(shí)用，還更是一件藝術(shù)品，它賦予了環(huán)境生命感，同樣使得冷冰冰的氣象數(shù)據(jù)通過可視化的形式變得有生命力。這便是數(shù)據(jù)藝術(shù)的魅力，也是做可視化設(shè)計(jì)所追求的方向。

2.建立視覺層次

感性的感受到數(shù)據(jù)可視化帶來的藝術(shù)感和生命力后，我們來通過理性的方法為我們的可視化增加美感。

當(dāng)我們?cè)谀玫揭粡埧梢暬笃恋臅r(shí)候，會(huì)快速掃一眼尋找有沒有有趣的東西。而且人眼在看東西時(shí)總是趨向于識(shí)別引人注目的東西，比如明亮的顏色，較大的物體等突出的有特點(diǎn)的事物。利用這點(diǎn)，我們可以用醒目的顏色突出顯示數(shù)據(jù)，而淡化周圍的輔助元素，拉開背景和數(shù)據(jù)的層次。也可以用線條或者線性元素構(gòu)建一個(gè)視覺路徑，把人的視線逐漸引向一個(gè)興趣點(diǎn)。這樣就可以建立一個(gè)視覺層次，幫助讀者快速關(guān)注到主數(shù)據(jù)。反之，讀者就會(huì)盲目搜索而找不到重點(diǎn)了。

如上圖我們做的一個(gè)簡(jiǎn)單的案例，左側(cè)的圖弱化了背景元素，明顯比右側(cè)的數(shù)據(jù)可讀性更強(qiáng)，視覺感受更加舒適。

上圖來源于 HistoryShots InfoArt ，以上兩張圖是政黨史的演變圖，描述了喬治·華盛頓總統(tǒng)到唐納德·特朗普的迷人視覺歷史。HistoryShots InfoArt 匯集了很多人文，歷史的進(jìn)程，把復(fù)雜凌亂的內(nèi)容通過藝術(shù)性的可視化設(shè)計(jì)，變得有趣且有邏輯性。他們很擅長運(yùn)用以上所說的建立視覺路徑的層次建立方法，一步步引導(dǎo)讀者跟隨著引導(dǎo)了解到歷史進(jìn)程，十分抓人眼球。再分享兩例 HistoryShots InfoArt 其他的可視化設(shè)計(jì)，以便更深層次的感受下建立視覺層次的不同方法與數(shù)據(jù)可視化的藝術(shù)魅力。

第一張是流行/搖滾音樂譜系圖，該圖表記錄了流行/搖滾音樂及其最暢銷的藝術(shù)家的成長和發(fā)展。記錄了從1955年到1978年，由左到右的潮流映射了700多位藝術(shù)家和30種音樂風(fēng)格。提供了每個(gè)音樂家成為主要流行制作者的時(shí)間長度。重疊的視覺流動(dòng)線條使讀者可以比較多個(gè)藝術(shù)家在同一時(shí)間段的壽命和影響力。并且列出了每個(gè)文體類別的起源和家譜，以及其在總唱片銷售中所占份額的估計(jì)值。

第二張是美國陸軍戰(zhàn)役地圖，此圖顯示了某軍團(tuán)的路線以及其分配的和附屬的單位。第二十軍于1944年7月作為喬治·帕頓中將的第三軍的一部分登陸法國，并在法國和德國進(jìn)行了戰(zhàn)斗。

如上圖這些案例，視覺層次可以用來研究數(shù)據(jù)的過程。假設(shè)在以上確立指標(biāo)分析維度時(shí)生成了大量的圖表，可以用幾張圖來詮釋全景，在其中標(biāo)注出具體的細(xì)節(jié)另做二級(jí)圖表單獨(dú)顯示，這樣會(huì)使數(shù)據(jù)更清晰。此點(diǎn)也說明切勿為了追求藝術(shù)效果而使視覺效果變得凌亂，設(shè)計(jì)的目的是使數(shù)據(jù)變得更加清晰易懂，分清層次，能把讀者引向關(guān)注焦點(diǎn)。相反，層次不分明的圖則缺少流動(dòng)感，讀者很難理解，更難進(jìn)行細(xì)致研究。

3.適宜的色彩情感

在數(shù)據(jù)可視化設(shè)計(jì)中，色彩是最重要的元素之一。合理利用色彩的情感可以增強(qiáng)可視化設(shè)計(jì)的感知效果，調(diào)動(dòng)觀賞者的情緒。

不同的色彩給人不同心理感受，如：紅色代表著喜慶、熱情、歡樂、愛情、活力等。但是，很多時(shí)候紅色也與災(zāi)難、戰(zhàn)爭(zhēng)、憤怒等消極情緒聯(lián)系在一起；藍(lán)色會(huì)給人帶來友好、和諧、信任、寧靜、希望等積極的情感體驗(yàn)，也會(huì)給人以冷酷、無情的心理感受。不同的色彩搭配可以表現(xiàn)不同的情感，用來表達(dá)與之匹配的可視化設(shè)計(jì)主題風(fēng)格，調(diào)動(dòng)觀賞者的情感。

> 科技/科幻感、未來感、前衛(wèi)感：紫外光色、藍(lán)色等

> 青春、活力：紅、黃、綠等

> 高端感、質(zhì)感：黑色、灰色+漸變/光照等；在色彩搭配上可以選擇同色系配色，畫面顯得更豐富；也可以選擇非同色系配色，畫面會(huì)更加多彩。

色彩搭配不僅是整體風(fēng)格色調(diào)把控，還有與場(chǎng)景融合的面板顏色搭配，如何讓整個(gè)畫面和諧，比較考驗(yàn)設(shè)計(jì)師的藝術(shù)基礎(chǔ)功底，色彩設(shè)計(jì)在可視化應(yīng)用中最重要的是要做到整體思考，不能只顧局部的顏色搭配。在搭配的時(shí)候也要注意不要使用純色互補(bǔ)色進(jìn)行搭配，在遇到補(bǔ)色，對(duì)比色時(shí)可以嘗試降低其中一種顏色的純度。畫面要注意不灰，不粉，不色頻，與行業(yè)相符不會(huì)讓人覺得奇怪。色彩面積的應(yīng)用也十分重要，在搭配顏色時(shí)要注意主色和輔色的色彩面積比例，是決定色調(diào)的重要因素。

上圖是尼古拉斯·加西亞·貝爾蒙特的“美國風(fēng)場(chǎng)圖”，同樣是描述風(fēng)場(chǎng)，可以感受下同色系色彩面積不同，與不同色系帶來的視覺體驗(yàn)與心理體驗(yàn)的不同。雖然顏色可以從研究物理層面上對(duì)視覺的沖擊給人帶來的不同感受，但更多對(duì)于設(shè)計(jì)師而言，能做到共情很重要，需要設(shè)計(jì)師自身能體驗(yàn)到這種色系的差別，有敏感的判斷性，這種需要設(shè)計(jì)師多看案例，多觀察生活而不斷訓(xùn)練。

圖撲軟件（Hightopo）

上圖是我們做的圖表配色案例，挑選了6中基礎(chǔ)色規(guī)定了色調(diào)，作出明暗兩套方案。

4.背景信息視覺暗示

這是可視化大屏設(shè)計(jì)中一個(gè)小的比較討巧的方式，背景信息雖然在上面講到的視覺層次上來說屬于弱化的低層級(jí)，但是背景信息能夠幫助讀者更好地理解可視化數(shù)據(jù)。它能提供一種直觀的印象，并且增強(qiáng)抽象的幾何圖形及顏色與現(xiàn)實(shí)世界的聯(lián)系。設(shè)計(jì)時(shí)可以通過圖表周圍的文字引入背景信息，例如最近我們做的新型冠狀病毒的疫情地圖與病毒實(shí)驗(yàn)室demo，就適當(dāng)?shù)脑诒尘皥D片和UI元素中引入了和病毒相關(guān)的元素與顏色搭配，可以更容易渲染氣氛，使讀者快速理解到可視化的內(nèi)容主題。如下圖：

圖撲軟件（Hightopo）

圖撲軟件（Hightopo）

5.巧用留白

留白這個(gè)說法在設(shè)計(jì)中很常見，但是這個(gè)說法并不專業(yè)。留白的設(shè)計(jì)方式屬于構(gòu)圖中的一種，也是很考驗(yàn)設(shè)計(jì)師構(gòu)成能力的一個(gè)點(diǎn)。如果做設(shè)計(jì)時(shí)間長的人會(huì)發(fā)現(xiàn)，在構(gòu)圖排版的時(shí)候，內(nèi)容越多元素越多越好排，內(nèi)容越少越不好做設(shè)計(jì)?，F(xiàn)在很多的看起來“高大上”的網(wǎng)頁設(shè)計(jì)或者 APP 界面設(shè)計(jì)大多都采用了大面積留白，仿佛這是一個(gè)設(shè)計(jì)趨勢(shì)，許多人將這解釋成：現(xiàn)在的信息太多太雜，人們需要整理簡(jiǎn)化，設(shè)計(jì)也越來越簡(jiǎn)化，所以留白盛行。事實(shí)上確實(shí)有這種社會(huì)趨勢(shì)，但是更重要的是對(duì)于設(shè)計(jì)本身而言，簡(jiǎn)潔的設(shè)計(jì)是最難的，構(gòu)成設(shè)計(jì)是最考驗(yàn)設(shè)計(jì)能力的。優(yōu)秀的留白設(shè)計(jì)之所以高大上，并不是因?yàn)檫\(yùn)用了留白的手段，而是設(shè)計(jì)師的構(gòu)成能力十分優(yōu)秀才可以做出如此優(yōu)秀的作品。

我們可以嘗試一下這種訓(xùn)練：給你一張白紙，如何切三刀構(gòu)成出富有設(shè)計(jì)感的畫面？接下來嘗試如何切兩刀構(gòu)成出富有設(shè)計(jì)感的畫面？最后嘗試如果只是切一刀，如何使畫面富有設(shè)計(jì)感？這樣的訓(xùn)練可以培養(yǎng)構(gòu)成的能力，等到可以一刀切出藝術(shù)品的時(shí)候，就可以稱得上非常優(yōu)秀的設(shè)計(jì)師了。

另外，在交互設(shè)計(jì)中如何留白，也是柵格化布局的一個(gè)應(yīng)用點(diǎn)。眾所周知，混亂是可讀性的大敵。大量的文字和圖形擠在一起，會(huì)讓一幅圖看起來混亂不清。而他們中留一些留白可以使圖表變得很容易閱讀。在一張大屏中可以用留白來分隔圖形，從而劃分出多個(gè)圖表，形成模塊化。留白會(huì)讓可視化圖表更易于瀏覽和分階段處理。但是留白不可亂用，若不需要?jiǎng)澐忠曈X元素，就不要用留白，會(huì)使內(nèi)容產(chǎn)生歧義。

上圖是設(shè)計(jì)師 Valentin Lacoste 的作品 “blank page syndrome” 運(yùn)用了留白的構(gòu)成方式設(shè)計(jì)出藝術(shù)性的美學(xué)動(dòng)效。

6.動(dòng)畫的交互運(yùn)用

動(dòng)畫與過渡效果可以增加可視化結(jié)果視圖的豐富性與可理解性，增加用戶交互的反饋效果，操作自然、連貫；還可以增強(qiáng)重點(diǎn)信息或者整體畫面的表現(xiàn)力，吸引用戶的關(guān)注力，增加印象。

但是，動(dòng)畫與過渡使用不當(dāng)會(huì)帶來適得其反的效果。如何巧用動(dòng)畫與過渡，需要做到以下幾點(diǎn)：

> 適量原則：動(dòng)畫不宜使用過多，避免陷入過渡設(shè)計(jì)的危機(jī)中

> 統(tǒng)一原則：相同動(dòng)畫語義統(tǒng)一、相同行為與動(dòng)畫保持一致，保持一致的用戶體驗(yàn)

> 易理解原則：簡(jiǎn)單的形變、適量的時(shí)長、易判斷、易捕捉，避免增加觀賞者的認(rèn)知負(fù)擔(dān)。

第一類交互動(dòng)畫的作用主要作用于點(diǎn)擊按鈕的過渡動(dòng)畫，這類動(dòng)畫應(yīng)用物理學(xué)動(dòng)力學(xué)比較多，通過動(dòng)效給人更加真實(shí)的交互體驗(yàn)。對(duì)于這類 motion design 的教學(xué)案例，比較權(quán)威的是谷歌的 Material Design ,如下案例：

由于動(dòng)畫這部分屬于可視化中的輔助效果成分，具體的設(shè)計(jì)方法就不在文章中過多贅述，如果有興趣可以去谷歌 material 設(shè)計(jì)中的 Motion 板塊學(xué)習(xí)。

第二類交互動(dòng)畫可以用于模擬實(shí)物的運(yùn)動(dòng)，以及業(yè)務(wù)需求所需要的動(dòng)效，使可視化大屏更加生動(dòng)，展示方式多樣。下圖是我們做過的一些 demo 的動(dòng)畫效果案例為參考：

綜上所述，在可視化中合理的運(yùn)用微動(dòng)畫，很容易引起觀賞者的注意力。有重要信息需要觀賞者快速捕捉時(shí)，可以選擇微交互動(dòng)效吸引用戶的注意力。此外，微交互也經(jīng)常用于增加設(shè)計(jì)的趣味性，提高觀賞者的興趣，使觀賞者產(chǎn)生情感上的共鳴。

構(gòu)建空間感&二維與三維的融合

傳統(tǒng)的數(shù)據(jù)可視化以各種通用圖表組件為主，不能達(dá)到炫酷、震撼人心的視覺效果。優(yōu)秀的數(shù)據(jù)可視化設(shè)計(jì)需要有炫酷的視覺效果，讓可視化設(shè)計(jì)隨時(shí)隨地脫穎而出。這時(shí)用三維元素的添加制造出空間感可以大大的加大畫面層次感，且可以多維度觀察，每個(gè)角度可能會(huì)產(chǎn)生震撼的視覺體驗(yàn)。下圖是我們做過的一些三維設(shè)計(jì)案例：

圖撲軟件（Hightopo）

圖撲軟件（Hightopo）

圖撲軟件（Hightopo）

然而，三維的web端場(chǎng)景設(shè)計(jì)有一定的局限性，因?yàn)?web 端受性能影響，模型只有輕量的模型才可以顯示流暢不卡頓。所以設(shè)計(jì)師在設(shè)計(jì)時(shí)需要嚴(yán)格控制面數(shù)與貼圖量，以保證流暢。另外，web端的性能也無法帶動(dòng)龐大的渲染器，所以我們采用了使用 color 貼圖來表現(xiàn)模型的光影和質(zhì)感。通過三維的項(xiàng)目經(jīng)驗(yàn)我們也總結(jié)了一套三維設(shè)計(jì)流程：

> 準(zhǔn)備階段：理解需求，搜集相關(guān)資料，建模統(tǒng)計(jì)列表

> 開始建模：初步輪廓，模型細(xì)化，拓?fù)涞湍?/p>

> 展UV

> 貼圖繪制：烘培AO光影信息，材質(zhì)信息。PS貼圖繪制

> 搭建場(chǎng)景：導(dǎo)入 Hightopo 引擎，搭建出場(chǎng)景，擺放二維圖標(biāo)

> 氛圍調(diào)整：添加陰影，環(huán)境光等效果。模型層級(jí)關(guān)系，命名與標(biāo)簽繪制。

有許多的大屏設(shè)計(jì)案例都會(huì)涉及二維和三維相融合，需要整體的考慮風(fēng)格一致。風(fēng)格一致可以從色調(diào)與元素使用樣式來做到統(tǒng)一，沒有違和感。我們直接展示案例來說明：

圖撲軟件（Hightopo）

這是我們做的一個(gè)招聘 demo，整體用的是插畫風(fēng)格，二維與三維的融合都使用了插畫風(fēng)的元素，達(dá)到統(tǒng)一的效果。

圖撲軟件（Hightopo）

這是我們做的一個(gè)風(fēng)機(jī)的案例，以線框的風(fēng)格為主，UI 也配合了線框狀態(tài)的風(fēng)機(jī)模型樣式，加上整體顏色的統(tǒng)一，就可以達(dá)到一個(gè)不違和的效果。

如果仔細(xì)看上方招聘 demo 的案例會(huì)發(fā)現(xiàn)在展開的地圖界面里有一些 2.5d 的元素，2.5d 的設(shè)計(jì)屬于哪種界定呢？其實(shí) 2.5d 的學(xué)術(shù)名是軸測(cè)插畫或軸測(cè)插圖。軸測(cè)插圖的意思顧名思義，是一種單面投影圖，在一個(gè)投影面上能同時(shí)反映出物體三個(gè)坐標(biāo)面的形狀，并接近于人們的視覺習(xí)慣，形象、逼真，富有立體感。也就是說用二維的制作方式畫出物體的三個(gè)面。富有立體感。但軸測(cè)插畫需要找透視面，對(duì)設(shè)計(jì)師的空間想象能力要求很高，在制作的時(shí)候的難度和時(shí)間成本因圖形的復(fù)雜程度而定有些會(huì)高于三維的工作量。下圖是我們做過的一個(gè) 2.5d 的案例：

圖撲軟件（Hightopo）

還有一種類型的圖，如下圖，許多讀者和客戶看過后會(huì)覺得，這種效果看起來也很立體呀，是不是也是屬于 2.5d 呢？

圖撲軟件（Hightopo）

其實(shí)這種并不屬于 2.5d，如果我們仔細(xì)觀察每個(gè)圖標(biāo)，會(huì)發(fā)現(xiàn)我們只能看見正面一個(gè)面，而無法看到三個(gè)面，所以這種我們稱為：寫實(shí)風(fēng) 2d 圖標(biāo)。寫實(shí)風(fēng) 2d 圖標(biāo)是通過調(diào)圖形的漸變顏色來達(dá)到一種立體的效果，但是在繪制時(shí)不用找透視，只用繪制正面一個(gè)面就可以，所以制作起來相較于 2.5d 而言就比較簡(jiǎn)單，屬于 2d 制作范疇的工作量。所以 2.5d 的界定范圍并不是以寫實(shí)的效果而定的，而是以物體透視所展出的觀測(cè)面數(shù)而決定的。2.5d 之所以看起來立體是因?yàn)檎故镜拿鏀?shù)多，而寫實(shí)風(fēng) 2d 之所以看起來立體是通過顏色漸變形成的一種視覺效果，兩者雖然看起來不容易分別但是在設(shè)計(jì)師繪制的方法和工作量上卻大大不同。

綜上所述我們結(jié)合了正確的設(shè)計(jì)流程，適當(dāng)?shù)脑O(shè)計(jì)思維，便捷的設(shè)計(jì)技巧，二維三維的結(jié)合與豐富的動(dòng)效和人性化的交互體驗(yàn)，一個(gè)合格的可視化設(shè)計(jì)就完成了。想要查看更多的案例可以訪問圖撲軟件（Hightopo）。

總結(jié)

前言說過，設(shè)計(jì)就像烹飪，雖然每一道菜都有它的菜譜，油鹽醬醋的比例都寫的非常詳細(xì)，但是每個(gè)人做同一道菜的味道還是各有不同?？梢暬O(shè)計(jì)也是如此，我們可以總結(jié)規(guī)定出許多原則，步驟，設(shè)計(jì)方法，一開始可以嚴(yán)格遵守這些規(guī)定做出好看的可視化大屏，但隨著每個(gè)設(shè)計(jì)師的經(jīng)驗(yàn)不同，會(huì)漸漸根據(jù)自己所有用的和看到的做出調(diào)整，就會(huì)設(shè)計(jì)出與時(shí)俱進(jìn)的作品，有個(gè)性的作品。

隨著科技的發(fā)展，也許你聽說過有人提出過全自動(dòng)化便當(dāng)販賣機(jī)的概念：所有的烹飪都由機(jī)器來進(jìn)行，然后自動(dòng)打包放在像自動(dòng)販賣機(jī)的柜子里掃碼售賣。但是與此相比，我們可能反而更愛早上公司外大爺蒸的腸粉和下班后路邊大媽做的煎餅果子。想必原因每個(gè)人心理也都有答案。設(shè)計(jì)也是如此，如今科技已經(jīng)使人提出了各種各樣的人工智能做設(shè)計(jì)的案例。但是和烹飪的道理一樣，設(shè)計(jì)是不能被機(jī)器所取代的——因?yàn)殪`魂不能被取代，每個(gè)人都有每個(gè)人獨(dú)特的思想，我想這也許是設(shè)計(jì)珍貴的原因。

希望我們?cè)O(shè)計(jì)的每一張可視化大屏都可以回歸到行業(yè)里，體現(xiàn)出設(shè)計(jì)師所理解的數(shù)據(jù)做出的設(shè)計(jì)后為社會(huì)生活帶來的真實(shí)的價(jià)值。就算它可能不夠炫酷，不夠時(shí)尚，但是它的每一項(xiàng)數(shù)據(jù)的表現(xiàn)，每一個(gè)元素的繪制，都是經(jīng)過細(xì)節(jié)的設(shè)計(jì)雕琢，細(xì)節(jié)決定成敗。

最后，我認(rèn)為一個(gè)好的設(shè)計(jì)標(biāo)準(zhǔn)不是它好不好看，因?yàn)楹每吹臉?biāo)準(zhǔn)很多，每個(gè)人的審美都會(huì)不一樣。我們?cè)谠u(píng)估設(shè)計(jì)的時(shí)候要評(píng)估它合不合適，最合適的設(shè)計(jì)，最合適的方案，就是最好的設(shè)計(jì)。

參考文獻(xiàn)：

1.數(shù)據(jù)可視化設(shè)計(jì)（1）情感化設(shè)計(jì)指導(dǎo)可視化設(shè)計(jì)理念 —— Nemo

2.數(shù)據(jù)可視化設(shè)計(jì)（2）：可視化設(shè)計(jì)原則 —— Nemo

3.如何做大屏數(shù)據(jù)可視化設(shè)計(jì)？超全面設(shè)計(jì)指南 —— 魚大大設(shè)計(jì)鋪

4.Data V數(shù)據(jù)可視化：一屏在手萬物可視，企業(yè)如何在數(shù)據(jù)浪潮中脫穎而出？ —— 數(shù)據(jù)智能小二

5.數(shù)據(jù)之美：一本書學(xué)會(huì)可視化設(shè)計(jì) —— Nathan Yau