一区二区三区精品视频日本,AV无码专区,精品久久久久久中文字幕女仆

搜索

APP

起點(diǎn)課堂會(huì)員權(quán)益

職業(yè)體系課特權(quán)

線下行業(yè)大會(huì)特權(quán)

個(gè)人IP打造特權(quán)

30+門專項(xiàng)技能課

1300+專題課程

12場(chǎng)職場(chǎng)軟技能直播

12場(chǎng)求職輔導(dǎo)直播

12場(chǎng)專業(yè)技能直播

會(huì)員專屬社群

榮耀標(biāo)識(shí)

發(fā)布

注冊(cè) | 登錄

數(shù)據(jù)可視化：美的歷程

JerryHuang

2018-08-06

4 評(píng)論 15978 瀏覽 107 收藏

39 分鐘

數(shù)據(jù)可視化是數(shù)據(jù)領(lǐng)域一個(gè)重要的分支，目的是“讓數(shù)據(jù)說(shuō)話”，展現(xiàn)數(shù)據(jù)之美。好的圖表會(huì)說(shuō)話，好的圖表可以抓住用戶的心。

古人說(shuō)：“人不可貌相”，但從古至今，人類卻是一群感性動(dòng)物，容易受到外在表象影響，先感性才理性。

《韓非子》里提到，春秋末期魯國(guó)人澹臺(tái)滅明，天生異像，“額低口窄，鼻梁低矮，不具大器形貌”，拜孔子為師，孔子沒(méi)有拒絕，但對(duì)他不上心，愛(ài)答不理，讓他坐冷板凳。于是，他毅然決然地離開孔子，自學(xué)成才，獨(dú)辟蹊徑，游歷講學(xué)，積極傳播儒家學(xué)說(shuō)，并培養(yǎng)出很多人才，深受老百姓愛(ài)戴。孔子聽聞他的事跡之后，幡然醒悟。

在今天，好看這件事也一樣是很重要的。“顏值即正義”，長(zhǎng)得好看的人，似乎更容易受到歡迎和優(yōu)待。

但古人也說(shuō)過(guò)：“相由心生”，從一個(gè)人的外表和精神狀態(tài)可以大概知道這個(gè)人的內(nèi)在狀況，相反，一個(gè)人的內(nèi)心思想狀態(tài)，也會(huì)投射到形象外表。

因此，我們要注重自身內(nèi)在涵養(yǎng)的健康發(fā)展，也要學(xué)會(huì)對(duì)外在美的表達(dá)與審視。

同樣地，好的設(shè)計(jì)也應(yīng)該是兼具內(nèi)容與形式。?

信息時(shí)代讓人們的生活節(jié)奏加快，人們每一天都變得匆忙，時(shí)間被碎片化，甚至沒(méi)有多少時(shí)間完整看完一段文字。文字的力量是有限的。只有借助可視化，信息才能高效地傳播。

數(shù)據(jù)可視化是數(shù)據(jù)領(lǐng)域一個(gè)重要的分支，目的是“讓數(shù)據(jù)說(shuō)話”，展現(xiàn)數(shù)據(jù)之美。好的圖表會(huì)說(shuō)話，好的圖表可以抓住用戶的心。

一、歷史篇：人類對(duì)世界的認(rèn)知與表達(dá)從圖畫開始

研究發(fā)現(xiàn)：人腦處理圖片信息是同步進(jìn)行的，而處理文字信息則是一步一步循序漸進(jìn)的，而且一篇文字下來(lái)，大部分人只記住了其中的20%；人在看報(bào)紙時(shí)，99%的文字信息會(huì)自動(dòng)被過(guò)濾掉，腦子里只殘留了可憐的1%；人腦處理圖片的速度是處理文字的6000倍。

也就是說(shuō)，一篇6000字的文章需要10分鐘看完，而壓縮成一張圖片則只需要10/6000分鐘的時(shí)間。

圖片可以表達(dá)的內(nèi)容要比文字更豐富，同時(shí)也可以給人留下很大的想象空間?，可以體現(xiàn)真實(shí)性（有圖有真相~~），可以讓人賞心悅目。

其實(shí)，在遠(yuǎn)古時(shí)期，我們遙遠(yuǎn)的祖先——智人就已經(jīng)學(xué)會(huì)畫畫，基于自己對(duì)周邊生活環(huán)境的認(rèn)知，將人、鳥、獸、草、木等事物以及狩獵、耕種、出行、征戰(zhàn)、搏斗、祭祀甚至男女交媾等日常活動(dòng)刻畫在巖石上、石壁上、洞穴里……

到目前為止，歐洲、亞洲、美洲、大洋洲的70多個(gè)國(guó)家150多個(gè)地區(qū)發(fā)現(xiàn)巖畫遺址，而僅非洲和澳洲少數(shù)族群目前還存有巖畫制作的傳統(tǒng)，例如：著名的巖畫遺址拉斯科洞窟壁畫、阿爾塔米拉洞窟壁畫、大麥地巖畫、拉文特巖畫、平圖拉斯河手洞壁畫、非洲大象巖刻、將軍崖巖畫……等。

巖畫學(xué)家埃馬努埃爾·阿納蒂在《世界巖畫：原初語(yǔ)言》一書中提到：隨著智人技術(shù)水平的提高、抽象和感知能力的增強(qiáng)，促使了復(fù)雜語(yǔ)言和藝術(shù)的產(chǎn)生，而巖畫正是這種語(yǔ)言的一種記錄形式。

目前所知的70%巖畫都是狩獵采集社會(huì)的作品，剩余30%是游牧和農(nóng)耕時(shí)期的作品，在這些巖畫的結(jié)構(gòu)中存在著共同的記憶和普遍性的認(rèn)知模式。巖畫是象形文字，是無(wú)文字時(shí)代的寫作，是人類隱沒(méi)記憶的見(jiàn)證。

可見(jiàn)，人類對(duì)世界的認(rèn)知與表達(dá)是從圖畫開始的。

圖1. 遠(yuǎn)古時(shí)代的巖畫

人類造出文字之前，還經(jīng)歷過(guò)“結(jié)繩記事”、“圖畫記事”等階段。

但隨著社會(huì)的發(fā)展，人類發(fā)生了“農(nóng)業(yè)革命”，不再單純依靠狩獵為生，制造和使用工具更加?jì)故?，剩余產(chǎn)品逐漸增加，社會(huì)組織逐步成熟。這時(shí)，社會(huì)組織不斷產(chǎn)生大量的信息，除法令條紋外，還必須記錄各種交易、稅收、商品庫(kù)存、節(jié)假日以及打勝仗的日期等。

在此之前，人類雖然可以利用圖畫記事，但更多的還是用自己的大腦記錄信息。隨著信息的大量產(chǎn)生，容易產(chǎn)生記憶過(guò)載，于是就有了文字。

象形文字是由原始的圖畫發(fā)展而來(lái)的。由于社會(huì)的發(fā)展，加上圖畫效率低，難以滿足社會(huì)化需求，于是人們逐漸從圖畫中抽離出一個(gè)個(gè)元素，形成象形文字。

象形文字是一種最原始的造字方法，純粹利用圖形來(lái)作文字使用，而這些文字又與所代表的東西在形狀上很相像，圖畫性質(zhì)減弱，象征性質(zhì)增強(qiáng)。蘇美爾楔形文字、甲骨文、古埃及象形文字、瑪雅文字都是獨(dú)立地從原始社會(huì)最簡(jiǎn)單的圖畫和花紋產(chǎn)生出來(lái)的。

但象形文字也有很大的局限性，因?yàn)橛行?shí)體事物和抽象事物是畫不出來(lái)的，而且寫起來(lái)很慢又難讀懂。

圖2. 世界四大古文字

隨著社會(huì)的進(jìn)一步發(fā)展，文字也得到了很大的發(fā)展，在象形文字的基礎(chǔ)上逐步分化出“表音”和“表意”兩種文字。文字是用來(lái)記錄和傳播語(yǔ)言的，而記錄和傳播只有兩種途徑，或“表音”，或“表意”。就漢字來(lái)說(shuō)，其發(fā)展脈絡(luò)大致是：結(jié)繩記事—圖畫文字—象形文字—形意文字—意音文字。

社會(huì)的發(fā)展，推動(dòng)了文字的發(fā)展，使得人們?cè)趯?duì)事物的表達(dá)上可以更加豐富多樣，可以指事、象形、形聲、會(huì)意、轉(zhuǎn)注、假借。人們對(duì)世界的認(rèn)知和表達(dá)在廣度和深度上，也都有了很大的延伸。反過(guò)來(lái)，由于更多樣化的文字，人們能夠更加準(zhǔn)確、生動(dòng)、深刻、靈活地記錄下所見(jiàn)所聞和所思所想，加快了知識(shí)的傳播與傳承，推動(dòng)了社會(huì)的大發(fā)展。

文字即使再豐富，也有難以突破的局限性。文字需要理解，不能一目了然，對(duì)抽象事物及個(gè)體的表達(dá)，還不夠形象、到位。因此，在出現(xiàn)文字之后的時(shí)代，許多文獻(xiàn)就以圖文結(jié)合的形式流傳下來(lái)。

例如：在1912年發(fā)現(xiàn)的伏尼契手稿中，字母和語(yǔ)言至今無(wú)人破解，但其中的植物、天體、出浴美女等許多圖片，甚至出現(xiàn)了構(gòu)造精致的精美圖案，一目了然，讓人驚嘆。

圖3. 伏尼契手稿

二、發(fā)展篇：進(jìn)入了“百花齊放、百家爭(zhēng)鳴”的時(shí)代

計(jì)算機(jī)出現(xiàn)之前，人們已經(jīng)能夠靈活地運(yùn)用柱形圖、線圖、餅圖等基本圖表來(lái)展示數(shù)據(jù)，而且也衍生了很多新型、創(chuàng)意的數(shù)據(jù)圖表。

大家應(yīng)該都知道南丁格爾（國(guó)際上以她的生日命名了護(hù)士節(jié)），但很多人應(yīng)該不知道南丁格爾玫瑰圖（下圖）就是她創(chuàng)造的。在克里米亞戰(zhàn)爭(zhēng)期間，南丁格爾通過(guò)搜集數(shù)據(jù)，發(fā)現(xiàn)很多死亡原因并非是“戰(zhàn)死沙場(chǎng)”，而是在戰(zhàn)場(chǎng)外感染疾病，或是在戰(zhàn)場(chǎng)上受傷，卻沒(méi)有得到適當(dāng)?shù)淖o(hù)理而致死。

為了解釋這個(gè)原因，降低英國(guó)士兵死亡率，她畫了這個(gè)著名的圖表，于1858年遞交到維多利亞女王手中。(這么漂亮的圖表，想必女王一定很受感動(dòng)~~)

圖4. 南丁格爾玫瑰圖

世界著名的繪圖大師米納德，開創(chuàng)了許多重要的主題繪圖技巧，改良了其他技術(shù)。他是首個(gè)把餅圖和地圖結(jié)合在一起的人，并將流線放入地圖中。

以下圖表是米納德最廣為人知的作品，被Edward Tufte認(rèn)為是史上最杰出的統(tǒng)計(jì)圖。它描繪了拿破侖的軍隊(duì)自離開波蘭－俄羅斯邊界后軍力損失的狀況，在一張圖中通過(guò)兩個(gè)維度呈現(xiàn)了六種維度信息：拿破侖軍隊(duì)人數(shù)、行軍距離、溫度、經(jīng)緯度、移動(dòng)方向以及時(shí)間－地域關(guān)系。

圖5. 拿破侖行軍圖

計(jì)算機(jī)出現(xiàn)后，特別是互聯(lián)網(wǎng)的興起，人類社會(huì)以“摩爾定律”的速度，進(jìn)入一個(gè)全新的時(shí)代，科學(xué)技術(shù)也得到了前所未有的革新與發(fā)展，同時(shí)也給人們帶來(lái)了很多新思維。

技術(shù)的進(jìn)步，讓我們能夠采集到比以前多得多的信息，數(shù)據(jù)規(guī)模不斷成指數(shù)量級(jí)的增長(zhǎng)，數(shù)據(jù)的內(nèi)容和類型也比以前要豐富得多，改變了人們分析和研究世界的方式，也給人們提供了新的可視化素材，推動(dòng)了數(shù)據(jù)可視化領(lǐng)域的發(fā)展。

與以前相比，數(shù)據(jù)可視化領(lǐng)域發(fā)生了很多的變化，得到了很大的發(fā)展。

（1）可視化的表現(xiàn)形式和場(chǎng)景更豐富了

在當(dāng)今信息時(shí)代，信息出現(xiàn)了“泛濫”與“過(guò)載”，人們每天都受到各種信息的“轟炸”。當(dāng)我們打開網(wǎng)頁(yè)或手機(jī)APP時(shí)，首先進(jìn)入我們視野的就是各種彈出的廣告信息。這些信息從內(nèi)容到形式，都經(jīng)過(guò)了精心設(shè)計(jì)。

我們走在大街上，映入我們眼球的則是滿大街的廣告海報(bào)，還時(shí)常有人站在街邊向路人派發(fā)傳單。我們不僅僅只從書上看到了可視化的圖表，還從海報(bào)、信息圖、PPT、數(shù)據(jù)產(chǎn)品、大屏等獲取到了大量的可視化信息。

圖6. 可視化的表現(xiàn)形式

（2）可視化展現(xiàn)方式更多樣、更靈活

數(shù)據(jù)圖表是最常用的可視化元素，除柱形圖、條形圖、餅圖、環(huán)形圖、線圖、散點(diǎn)圖、面積圖、雷達(dá)圖、K線圖、地圖等基本圖表外，現(xiàn)在也出現(xiàn)了更多新式的圖表，如山峰圖、雷達(dá)圖、氣泡圖、熱力圖、漏斗圖、樹圖、箱形圖、瀑布圖、河流圖、詞云圖、儀表盤、南丁格爾玫瑰圖、旭日?qǐng)D、和弦圖、?；鶊D、3D圖，等等。

另外，智慧的人們也常常創(chuàng)意性地將各種圖表混搭，例如下圖：地圖和餅圖、散點(diǎn)圖、柱形圖等搭配使用。

圖7. 各種圖表的混搭

除圖表外，對(duì)圖片和圖標(biāo)的靈活運(yùn)用，使得可視化更加美觀、形象、貼切。

圖8. 圖片的靈活運(yùn)用

圖9. 圖標(biāo)的靈活運(yùn)用

（3）從靜態(tài)到動(dòng)態(tài)

由于技術(shù)的發(fā)展，實(shí)時(shí)數(shù)據(jù)采集、實(shí)時(shí)數(shù)據(jù)傳輸以及實(shí)時(shí)數(shù)據(jù)計(jì)算得以實(shí)現(xiàn)，人們終于得以欣賞到數(shù)據(jù)的靈動(dòng)之美。以前人們只能看到事后數(shù)據(jù)形成的分析結(jié)果，看到的是數(shù)據(jù)的過(guò)去式，領(lǐng)略的是數(shù)據(jù)的靜態(tài)之美。

而現(xiàn)在，通過(guò)實(shí)時(shí)計(jì)算及數(shù)據(jù)可視化，人們可以知道“當(dāng)前時(shí)刻發(fā)生了什么”，看到了數(shù)據(jù)的變化，看到了數(shù)據(jù)的動(dòng)態(tài)之美。

（4）設(shè)計(jì)上更注重用戶體驗(yàn)了

由“信息泛濫”引起“信息過(guò)載”，從而導(dǎo)致“信息焦慮”。無(wú)論是風(fēng)格、元素、配色、文字、交互上還是細(xì)節(jié)上，人們的可視化作品都越來(lái)越注重用戶的視覺(jué)體驗(yàn)，希望能讓用戶一目了然，不多花一點(diǎn)兒時(shí)間去理解。

在設(shè)計(jì)風(fēng)格上，從3D擬物化到簡(jiǎn)潔扁平化再到擬物扁平化的發(fā)展變化，也在不斷地為用戶“做減法”。

三、原則篇：關(guān)于設(shè)計(jì)的四大原則

“別忘了，你是為讀者進(jìn)行可視化設(shè)計(jì)。”

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

所有的設(shè)計(jì)細(xì)節(jié)，都必須經(jīng)過(guò)精心構(gòu)思，都必須站在用戶角度來(lái)思考。

顏值高或者打扮好看的人，總能牢牢地吸引別人的目光。相反，衣著邋遢不修邊幅的人，卻往往是別人瞅一眼就嫌棄。

那些聰明的人，必然深諳這樣的秘訣：好看的PPT報(bào)告，總能在第一時(shí)間吸引受眾，再加上生動(dòng)的演講，就會(huì)收到很多好評(píng)；廣告牌做得越好，就越吸引路人的注意力，越能讓路人記住，廣告效果也就越好。

當(dāng)你看到別人的可視化作品時(shí)，你是否總覺(jué)得不好，但怎么也說(shuō)不出到底哪些地方不好？

如果你熟悉以下基本原則，就算不是一個(gè)專業(yè)的設(shè)計(jì)人員，你也可以快速看出哪里出了問(wèn)題并提出非常中肯的建議。如果你還能熟練運(yùn)用這些原則，那你的可視化作品將煥然一新，更加專業(yè)、好看、有趣，也將收獲更多讀者的贊賞。

親密性（分組）

在生活中，幾乎每件事都有邏輯，人們也喜歡遵循一定的邏輯去理解世間之事，例如：時(shí)間先后、空間、因果、總-分-總等邏輯結(jié)構(gòu)。

在做可視化設(shè)計(jì)的時(shí)候，我們所要表達(dá)的內(nèi)容一定不能是一些無(wú)序呈現(xiàn)，這樣會(huì)給讀者造成理解上的混亂。我們的可視化作品應(yīng)當(dāng)能夠遵循多數(shù)讀者所能理解的思維邏輯，將內(nèi)容分成幾部分按順序一步一步地表達(dá)出來(lái)。

相同部分的內(nèi)容，彼此相關(guān)，應(yīng)當(dāng)靠近，放在一起。這樣閱讀起來(lái)才能被理解成為同一單元的內(nèi)容，而不是多個(gè)孤立的不相關(guān)的內(nèi)容。不同部分的內(nèi)容，應(yīng)當(dāng)明顯地區(qū)隔開來(lái)，例如：上下部分內(nèi)容之間用一空行隔開或者間距放大，這樣有助于組織信息，減少混亂，為讀者提供清晰的結(jié)構(gòu)。

?圖10. 親密性原則

對(duì)齊

在版式布局上，任何元素的擺放，都可能會(huì)影響甚至主導(dǎo)用戶的視覺(jué)流程。因此，任何元素都不能隨意擺放，否則會(huì)造成混亂，而混亂會(huì)令人不適。對(duì)齊，使每個(gè)元素都與其它元素建立起某種視覺(jué)聯(lián)系。對(duì)齊，也讓可視化作品更加清晰、精巧、清爽。

對(duì)齊，不僅包括左對(duì)齊、右對(duì)齊、頂端對(duì)齊、低端對(duì)齊，還包括水平居中、垂直居中、橫向分布、縱向分布等。

?圖11. 對(duì)齊原則

重復(fù)/統(tǒng)一

我們都有“先入為主”的“陋習(xí)”，當(dāng)看到與之前不和諧不一致的東西，常感突兀，甚至本能抗拒。因此，在可視化作品中反復(fù)使用一些視覺(jué)要素，建立上下文之間的聯(lián)系，增加條理性，保持視覺(jué)上的統(tǒng)一。

任何視覺(jué)元素都可以在同一作品中重復(fù)使用，例如顏色、形狀、材質(zhì)、空間關(guān)系、線寬、字體、大小和圖片，等等。

?圖12. 重復(fù)原則

對(duì)比/強(qiáng)調(diào)

在做可視化設(shè)計(jì)時(shí)，我們的初心是以圖文的形式把所要表達(dá)的信息清晰的傳遞給用戶，讓用戶一目了然，盡量不需要太多思考和理解。為了達(dá)到這個(gè)目的，我們需要強(qiáng)調(diào)重點(diǎn)，弱化次要，避免作品中所有的元素看起來(lái)重要程度都是一樣的。如果所有的東西都同等重要，那就相當(dāng)于所有的東西都不重要。

圖13. 強(qiáng)調(diào)重點(diǎn)，弱化必要

如果你想突出某些信息要點(diǎn)，那就讓對(duì)應(yīng)的元素（字體、顏色、大小、線寬、形狀、空間等）與其它元素不相同，讓他們截然不同，讓用戶首先能夠關(guān)注到他們。

圖14. 對(duì)比原則

表達(dá)，力求準(zhǔn)確、到位、簡(jiǎn)潔、易懂

當(dāng)用戶看到我們的可視化作品時(shí)，我們最好要保證所表達(dá)的信息能被用戶正確理解。除使用上面幾個(gè)原則外，我們還要附加一些輔助信息，例如文字、箭頭等。在可視化作品中，文字必不可少，但篇幅要加以控制。

文字的表達(dá)，要準(zhǔn)確、到位、簡(jiǎn)潔、易懂，要能引導(dǎo)用戶正確地理解圖表的意思，要能不引起任何歧義。

圖15. 表達(dá)，要準(zhǔn)確、到位

四、流程篇：要有數(shù)據(jù)可視化的正確姿勢(shì)

沒(méi)有什么比親手創(chuàng)造美這件事更給人帶來(lái)成就感了。

當(dāng)我們滿懷激動(dòng)地開始數(shù)據(jù)可視化時(shí)，請(qǐng)不要馬上鉆入某個(gè)細(xì)節(jié)里，不要急著考慮用什么酷炫的圖表來(lái)展現(xiàn)，也不要糾結(jié)于用什么顏色、什么字體，我們要有數(shù)據(jù)可視化的正確打開姿勢(shì)。

不同形式的數(shù)據(jù)可視化流程有所不同，這里主要講重要且相通的部分。

1. 了解你的需求

關(guān)于需求，在實(shí)現(xiàn)之前，一定要聽清楚做什么，想清楚怎么做，說(shuō)清楚怎么做。

了解與分析數(shù)據(jù)可視化需求，主要圍繞以下幾點(diǎn)來(lái)展開：

（1）看什么，即哪些內(nèi)容需要可視化

很少需求方能夠準(zhǔn)確、全面地說(shuō)出他們真正想要什么，他們只能描述出大概的樣子，因此需要不斷引導(dǎo)他們以明確真正詳細(xì)的需求。

可視化的目的是什么，用戶是誰(shuí)，在哪里看，什么情況下看，多久看一次；
了解數(shù)據(jù)，看看有哪些指標(biāo)，哪些指標(biāo)可以直接取，哪些需要復(fù)雜計(jì)算，哪些可以實(shí)時(shí)，哪些只能離線；
哪些指標(biāo)必須展現(xiàn)，哪些指標(biāo)不展現(xiàn)，哪些指標(biāo)可展現(xiàn)可不展現(xiàn)；
展現(xiàn)的維度有哪些，按時(shí)間、部門、地域、指標(biāo)，看實(shí)時(shí)數(shù)據(jù)還是歷史數(shù)據(jù)；
通過(guò)可視化，期望從中知道哪些信息，等等。

（2）誰(shuí)看，即用戶是誰(shuí)

如果面對(duì)的是求真務(wù)實(shí)的老板，那可能需要側(cè)重于內(nèi)容，追求邏輯的合理性和數(shù)據(jù)的準(zhǔn)確性；如果是來(lái)訪參觀的貴客，那可能為了展示公司實(shí)力與形象而追求高大上的圖表設(shè)計(jì)；如果是不懂技術(shù)的業(yè)務(wù)人員，在可視化時(shí)可能需要避免過(guò)于技術(shù)性。

（3）在哪里看，即有哪些可視化形式

一次性的工作匯報(bào)，可使用PPT，如果老板嫌棄做PPT太慢，可以直接用Excel，或者其它工具，如腦圖；如果為很多用戶提供周期性計(jì)算的指標(biāo)數(shù)據(jù)，且滿足不同條件下的查看，那適合做一款數(shù)據(jù)產(chǎn)品或者可視化報(bào)表。

向來(lái)訪的貴客介紹公司情況時(shí)，如果想給客人們提供一種賞心悅目的視覺(jué)享受，用大屏可視化數(shù)據(jù)再合適不過(guò)了；如果想給公司各部門同事普及知識(shí)、介紹成果、通知活動(dòng)等，做一張可視化信息圖，并在線發(fā)布，圖文結(jié)合，有趣生動(dòng)，既吸引更多讀者關(guān)注，提升閱讀體驗(yàn)。

（4）什么情況下看

“第一印象”肯定是重要的，用戶“第一眼”感覺(jué)不好，當(dāng)然就沒(méi)有了然后，就不會(huì)有“第二眼”、“第三眼”，也就不會(huì)再往下看了。所以，要帶給用戶“第一眼”足夠良好的視覺(jué)體驗(yàn)，就要多想想用戶會(huì)在什么場(chǎng)景下去看你的可視化作品。

例如：打開手機(jī)，多數(shù)情形下，用戶只會(huì)根據(jù)標(biāo)題有選擇地瀏覽少量文章。因此，取一個(gè)生動(dòng)、有趣、亮眼的標(biāo)題，比普通標(biāo)題更有視覺(jué)沖擊力，會(huì)讓你的文章從眾多內(nèi)容中脫穎而出，贏得更多用戶點(diǎn)擊閱讀。

圖16. 取一個(gè)有吸引力的標(biāo)題

例如：在企業(yè)內(nèi)部（特別是人多的公司），海報(bào)、信息圖形式的內(nèi)容，每天都大量地以郵件地方式群發(fā)給各部門人員，或活動(dòng)通知、或展現(xiàn)成果、或宣傳典型，等等。每個(gè)員工都“信息過(guò)載”，只能閱讀少量的信息。

除標(biāo)題要吸引人外，還需要注意用戶打開郵件的實(shí)際場(chǎng)景。不少用戶打開這種群發(fā)郵件時(shí)，常常是下面的情況，一堆的收件人，一堆的抄送人，這已經(jīng)占據(jù)了有限電腦屏幕的一部分，剩下的部分就是點(diǎn)擊某個(gè)郵件時(shí)出現(xiàn)的正文內(nèi)容的部分。

因此，在這一區(qū)域完整顯示出標(biāo)題（以及內(nèi)容摘要），才能吸引用戶往下看。

圖17. 多想想具體的場(chǎng)景

2. 可視化設(shè)計(jì)

可視化設(shè)計(jì)是最重要的環(huán)節(jié)，只有做好這一環(huán)節(jié)，后面的事情才會(huì)變得簡(jiǎn)單順暢。

（1）梳邏輯

我們?cè)陂喿x時(shí)，只要遇到稍微難懂的知識(shí)，基本上會(huì)本能地第一時(shí)間選擇退縮，不再看下去。之所以覺(jué)得難懂，最主要是因?yàn)檫壿嫴磺逦o我們帶來(lái)理解上的困擾。

邏輯就像一棵樹的樹干，如果我們只見(jiàn)樹葉不見(jiàn)樹干，就會(huì)迷失方向。因此，在可視化設(shè)計(jì)前，一定要站在用戶的角度，梳理出清晰的邏輯結(jié)構(gòu)。這一步，想清楚怎么做，很重要，多花點(diǎn)時(shí)間也沒(méi)關(guān)系。

對(duì)于數(shù)據(jù)可視化來(lái)說(shuō)，邏輯就是確定各部分的核心內(nèi)容，以及內(nèi)容之間的先后次序和關(guān)聯(lián)關(guān)系，即講什么不講什么，先講什么后講什么。

把邏輯設(shè)計(jì)得簡(jiǎn)單一些，清晰一些，用戶就能越快明白你的“良苦用心”。

（2）定風(fēng)格

風(fēng)格營(yíng)造一種氛圍，驅(qū)動(dòng)用戶沉浸式閱讀。不同的風(fēng)格，適合不同的用戶不同的場(chǎng)景，例如科技、學(xué)院、活潑、嚴(yán)肅、可愛(ài)，等等。

（3）排版式

版式設(shè)計(jì)就是關(guān)于如何處理信息重點(diǎn)，因?yàn)樵谌魏卧O(shè)計(jì)中，最重要的信息需要首先被注意到，然后是次要信息。

好的版式就像導(dǎo)盲犬，合理地對(duì)內(nèi)容進(jìn)行布局，適當(dāng)?shù)匕才虐媸街械囊曈X(jué)流程，引導(dǎo)用戶第一時(shí)間看到最需要被關(guān)注的部分，暗示用戶“先看什么，后看什么”。

一般來(lái)說(shuō)，可視化作品一般包括標(biāo)題、正文、圖表、說(shuō)明文字等要素。版式就是基于上述提到的幾個(gè)原則，確定元素之間的層次結(jié)構(gòu)，合理擺放這幾個(gè)要素。

（4）選圖表

不是越酷炫的圖表就越適合，這首先要看展現(xiàn)什么數(shù)據(jù)。某些圖表只適合展現(xiàn)相應(yīng)格式的數(shù)據(jù)。其次，也需要對(duì)展現(xiàn)數(shù)據(jù)的圖表進(jìn)行個(gè)性化定制，包括樣式、風(fēng)格、顏色、字體，使之契合上下文語(yǔ)境，也讓圖表更有溫度。

不要將就而選擇默認(rèn)設(shè)置的圖表，不要做那個(gè)“Mr.差不多”或“Ms.還行”。如果將默認(rèn)設(shè)置的圖表放在可視化作品中，總是顯得那么突兀和不協(xié)調(diào)。另外，對(duì)默認(rèn)設(shè)置的棄用，可以強(qiáng)迫自己不斷精進(jìn)，不斷提升可視化的能力。

（5）調(diào)細(xì)節(jié)

對(duì)單個(gè)部分的可視化設(shè)計(jì)，并不能完全保證整體上的和諧一致。因此，回到整體，根據(jù)前面提到的幾個(gè)原則，發(fā)現(xiàn)細(xì)節(jié)問(wèn)題，對(duì)某些細(xì)節(jié)進(jìn)行調(diào)整，使之整體上保持一致。例如：各部分視覺(jué)元素之間保持對(duì)齊，如標(biāo)題、正文、圖表等；在配色、字體或其它細(xì)節(jié)上，各部分要盡量做到統(tǒng)一；各部分之間要有明顯的區(qū)隔，等等。

3. 指標(biāo)計(jì)算

巧婦難為五米之炊，有數(shù)據(jù)，才能談數(shù)據(jù)可視化。數(shù)據(jù)的獲取、整合、計(jì)算，會(huì)占用大量的時(shí)間，這一部分工作是相對(duì)獨(dú)立的。

但需要注意的是，模擬數(shù)據(jù)和真實(shí)數(shù)據(jù)是有區(qū)別的。根據(jù)模擬數(shù)據(jù)設(shè)計(jì)的圖表，一定要用真實(shí)數(shù)據(jù)展現(xiàn)與驗(yàn)證，驗(yàn)證圖表與真實(shí)數(shù)據(jù)的契合程度。例如下圖：模擬數(shù)據(jù)展示的圖表中各部門之間存在明顯的差異，但改為用真實(shí)數(shù)據(jù)展示時(shí)，卻“看起來(lái)感覺(jué)都一樣”，這時(shí)候就需要調(diào)整圖表的設(shè)置，凸顯視覺(jué)上的差異。

圖18. 用真實(shí)數(shù)據(jù)驗(yàn)證可視化的效果

指標(biāo)的計(jì)算過(guò)程，這里略去不講。

4. 前端開發(fā)

數(shù)據(jù)產(chǎn)品、大屏的可視化實(shí)現(xiàn)，還需要前端開發(fā)。

理論上來(lái)講，只要設(shè)計(jì)出的圖表，就一定能在前端實(shí)現(xiàn)，但這個(gè)可能會(huì)受到前端開發(fā)人員的技術(shù)水平和展現(xiàn)工具的限制。所以，可視化設(shè)計(jì)有時(shí)候需要尋求一種關(guān)于設(shè)計(jì)與實(shí)現(xiàn)之間的平衡。

可視化設(shè)計(jì)人員最好事先有所評(píng)估，采用復(fù)雜圖表設(shè)計(jì)之前最好與開發(fā)人員溝通探討實(shí)現(xiàn)的可行性。

五、工具篇：你會(huì)用Excel設(shè)計(jì)圖表嗎？

Excel是最常用、最基本、最靈活且最應(yīng)該掌握的圖表制作工具。?可以說(shuō)，大多數(shù)圖表樣式都可以用Excel畫出來(lái)。如果你認(rèn)為用Excel畫不出來(lái)某種樣式的圖表，有可能是你還未掌握Excel的高階技巧。

Excel展現(xiàn)的圖表是靜態(tài)的，且支持的數(shù)據(jù)量比較有限。所以，如果是企業(yè)級(jí)的動(dòng)態(tài)數(shù)據(jù)展現(xiàn)，還需要借助專業(yè)的大數(shù)據(jù)可視化工具。

專業(yè)可視化工具有很多，大致可分為三類：企業(yè)級(jí)專業(yè)可視化工具、輕量級(jí)在線可視化工具、編程式圖表工具。

1. 企業(yè)級(jí)專業(yè)可視化工具

ECharts是國(guó)內(nèi)使用率非常高的開源圖表工具，可以流暢的運(yùn)行在 PC 和移動(dòng)設(shè)備上，兼容當(dāng)前絕大部分瀏覽器，底層依賴輕量級(jí)的 Canvas 類庫(kù) ZRender，提供直觀、生動(dòng)、可交互、可高度個(gè)性化定制的數(shù)據(jù)可視化圖表。

ECharts 3 中更是加入了更多豐富的交互功能以及更多的可視化效果，并且對(duì)移動(dòng)端做了深度的優(yōu)化。

D3.js是最好的開源數(shù)據(jù)可視化工具庫(kù)，D3.js運(yùn)行在JavaScript上，并使用HTML、CSS和SVG。 D3.js使用數(shù)據(jù)驅(qū)動(dòng)的方式創(chuàng)建漂亮的網(wǎng)頁(yè)， D3.js可實(shí)現(xiàn)實(shí)時(shí)交互。這個(gè)JS庫(kù)將數(shù)據(jù)以SVG和HTML5格式呈現(xiàn)，所以像IE7和8這樣的舊式瀏覽器不能利用D3.js功能。

Tableau 是一款企業(yè)級(jí)的大數(shù)據(jù)可視化工具，Tableau 可以讓你輕松創(chuàng)建圖形，表格和地圖。它不僅提供了PC桌面版，還提供了服務(wù)器解決方案，可以讓您在線生成可視化報(bào)告。服務(wù)器解決方案可以提供了云托管服務(wù)。

2. 輕量級(jí)在線可視化工具

BDP個(gè)人版，類似Tableau的在線免費(fèi)的數(shù)據(jù)可視化分析工具，不需要破解、不需要下載安裝，在線注冊(cè)后就能一直使用，操作很簡(jiǎn)單，只需要拖拽。支持幾十種圖表類型，也支持制作數(shù)據(jù)地圖（自帶坐標(biāo)糾偏）。除可視化之外，BDP還有數(shù)據(jù)整合、數(shù)據(jù)處理、數(shù)據(jù)分析等功能。

百度圖說(shuō)，基于ECharts，在線圖表制作工具，采用Excel式的操作方式制作樣式豐富的圖表，圖表自定義的選項(xiàng)很豐富，使數(shù)據(jù)呈現(xiàn)的方式更加美觀個(gè)性，易分享傳播。

文圖主要用在你要出一份包含文字說(shuō)明的報(bào)告時(shí)使用，提供幾個(gè)確定好風(fēng)格配色的主題供選擇，讓整個(gè)報(bào)告風(fēng)格統(tǒng)一、簡(jiǎn)潔美觀！文圖能夠良好地適配移動(dòng)端。但文圖的排版不是很好用。

創(chuàng)客貼，在線平面設(shè)計(jì)工具，簡(jiǎn)單、快速、輕松完成在線設(shè)計(jì)，據(jù)說(shuō)是2016最好的在線設(shè)計(jì)網(wǎng)站。

3. 編程式圖表工具

對(duì)于掌握編程語(yǔ)言的程序員來(lái)說(shuō)，設(shè)計(jì)新穎、令人驚艷的數(shù)據(jù)圖表也可以通過(guò)代碼來(lái)實(shí)現(xiàn)。

Python有很多具有畫圖功能的包，如matplotlib、Seaborn、ggplot、Bokeh、pygal、Plotly、Geoplotlib、Gleam、missingno、Leather，等等。

R語(yǔ)言提供了很多數(shù)據(jù)可視化工具包，例如：ggplot2、ggthemes、ggmap、ggiraph、ggstance、GGally、gganimate、ggradar、ggTimeSeries、ggseas、lattice、rgl、ggvis、htmlwidgets、leaflet、dygraphs，等等。

類似提供強(qiáng)大繪圖編程功能的語(yǔ)言還有PHP、HTML、JavaScript、CSS等。

六、技巧篇：刻意練習(xí)是提升可視化技能的唯一途徑

不斷練習(xí)，不斷精進(jìn)

提升數(shù)據(jù)可視化技能的唯一途徑就是在理解可視化設(shè)計(jì)原則和方法論的基礎(chǔ)上，不斷練習(xí)，不斷精進(jìn)。

除此之外，還要有點(diǎn)完美主義。

技巧在于平時(shí)的積累，多觀察生活中看到好的設(shè)計(jì)，多想想為什么人家設(shè)計(jì)那么好，讓你忍不住多看幾眼。看到不好的設(shè)計(jì)，多想想到底哪里不好?？吹胶每吹膱D表，看到別人介紹的小技巧，動(dòng)手做一做。

技巧太多，這里不做展開細(xì)講。

“去設(shè)施傾向”

“這是章北?？吹降牧硪粋€(gè)以前很少有人想象到的現(xiàn)代技術(shù)特色——去設(shè)施傾向，這種傾向在地球上還只是初露端倪，但“去設(shè)施化”已成為比地球世界更先進(jìn)的艦隊(duì)世界的基本結(jié)構(gòu)。這個(gè)世界到處都是簡(jiǎn)潔空蕩的，幾乎見(jiàn)不到任何設(shè)施，只有在需要時(shí)，設(shè)施才會(huì)出現(xiàn)，而且是在任何需要的位置出現(xiàn)。世界在被技術(shù)復(fù)雜化后，正在重新變得簡(jiǎn)潔起來(lái)，技術(shù)被深深地隱藏在現(xiàn)實(shí)的后面。”

科幻小說(shuō)《三體》里面的這段話，給了我們提示。當(dāng)我們做分析和可視化數(shù)據(jù)時(shí)，如果不用選項(xiàng)框和菜單欄時(shí)，應(yīng)該隱藏起來(lái)，用到時(shí)才打開。

另外，也盡量讓所使用的軟件最大化。這樣可以讓內(nèi)容信息展現(xiàn)在最大的視野區(qū)域內(nèi)，這樣有助于讓我們從中獲取更全面的信息，指導(dǎo)我們下一步做正確的決策。