導(dǎo)語：在剛完結(jié)的“這篇文章把數(shù)據(jù)講透了”系列中，筆者從數(shù)據(jù)來源、采集、清洗等多個角度對龐大的數(shù)據(jù)體系進(jìn)行了闡述；系列文章完結(jié)后，不少職場工作的朋友們對數(shù)據(jù)運(yùn)用“頂層”的數(shù)據(jù)可視化相關(guān)內(nèi)容十分感興趣，希望了解職場、行業(yè)內(nèi)如何進(jìn)行數(shù)據(jù)可視化實(shí)操，那么接下來，筆者就從零開始，帶你入門數(shù)據(jù)可視化設(shè)計(jì)！

一、前言

上一篇文章中，我們已經(jīng)系統(tǒng)闡述了數(shù)據(jù)可視化的定義、什么是好的數(shù)據(jù)可視化？以及數(shù)據(jù)可視化設(shè)計(jì)的第一原則——信；第二原則——達(dá)。

今天，我們先闡述最后1個數(shù)據(jù)可視化的基本原則——雅。

二、數(shù)據(jù)可視化第三基本原則——雅

數(shù)據(jù)可視化第三基本原則——雅，即設(shè)計(jì)能夠讓人賞心悅目的可視化。

如果說，“信”和“達(dá)”的就算是初學(xué)者也能夠通過約束和個人努力實(shí)現(xiàn)，那么“雅”的實(shí)現(xiàn)就需要經(jīng)過長期的沉淀和美學(xué)熏陶！

這里，筆者就帶大家來鑒賞一些能稱得上“雅”的數(shù)據(jù)可視化作品：

1. 色彩和密度的有序交織

看看下面這張圖，是不是高級感滿滿？

這是費(fèi)爾蘭達(dá) · 維埃加斯和 馬丁 · 瓦滕伯格的作品“風(fēng)圖” （Wind Map）中，他們將可視化用作工具和表達(dá)方式，繪制了全美各地風(fēng)的流動模式。

我們不難看出，這張美國風(fēng)速的可視化圖表只通過兩個要素（色彩、線條）就將信息全部勾勒出來了。

就色彩而言，我們知道打造圖表高端感、質(zhì)感通常需要選擇：黑色、灰色+漸變/光照等素色搭配，就本例而言美國的國土用純黑色進(jìn)行勾勒，而白色線條則集中展示風(fēng)速、風(fēng)向等信息，沒有過多的顏色點(diǎn)綴給人一種大雜燴的冗余感。

就密度而言，地圖上白色線條越集中的地方，也就意味著風(fēng)速越大。而風(fēng)向也能夠通過線條走勢進(jìn)行直觀的展示。

在以上信息得以集中展示的基礎(chǔ)上，費(fèi)爾蘭達(dá) · 維埃加斯和 馬丁 · 瓦滕伯格開始對可視化圖表的交互功效做要求，他們從美國國家數(shù)字預(yù)測數(shù)據(jù)庫（National Forecast Database）進(jìn)行天氣數(shù)據(jù)的收集，然后在可視化圖表的基礎(chǔ)上，接入實(shí)時數(shù)據(jù)，每小時更新一次；而民眾可以直接通過網(wǎng)站上的交互圖表對位置風(fēng)速進(jìn)行查看，只需把鼠標(biāo)懸停在某處，交互圖表就能顯示該地風(fēng)速和方向。

從上例中，我們不難看出作者對色彩、密度等細(xì)節(jié)構(gòu)圖要素的極致利用，全圖一目了然，并沒有冗余的坐標(biāo)、文字提示；而這也與我們前一期文章中提到的數(shù)據(jù)可視化第二基本原則——達(dá)，相呼應(yīng)（一個好的可視化作品就應(yīng)該事先數(shù)據(jù)墨水占比最大化，去掉所有不必要的部分）。

2. 動效與交互，讓你的圖動起來

如下所示，是從 1874 年出版的美國統(tǒng)計(jì)圖鑒中選取的死亡人數(shù)的金字塔圖，表中用長度顯示各州不同年齡段和性別的死亡人數(shù)分布情況；每張圖的水平軸用線性標(biāo)尺表示死亡人數(shù)，垂直軸則用數(shù)字分類表示年齡段。

雖然，我們能夠通過每一年的金字塔圖得出該年的死亡人數(shù)、死亡年齡趨勢變化等，但想要得到20余年來美國死亡人數(shù)的總體變化還是十分困難的（這需要橫向?qū)Ρ让恳荒杲鹱炙D的趨勢，20年對比下來，這視覺疲勞不是一點(diǎn)點(diǎn)啊…）。

此時，讓你的金字塔圖動起來，就十分必要了?？赐晟厦孢@張圖再看下面這個案例是不是清晰很多了呢？

下圖來自Pew 的“未來美國”項(xiàng)目，它對美國的人口統(tǒng)計(jì)數(shù)據(jù)進(jìn)行了全面的審視，并將其編制成一個龐大而美觀的交互性數(shù)據(jù)可視化項(xiàng)目，由一些采用了直截了當(dāng)?shù)目梢暬摹罢鹿?jié)”組成。

同樣都是金字塔圖，有動效和沒動效差別是不是一目了然呢？很明顯的一點(diǎn)就是——通過動效能夠巧妙地展示隨年限改變?nèi)丝谮厔莸淖兓行Ы档土耸鼙姷囊曈X疲勞，這也是“雅”的內(nèi)涵之一，讓受眾在最短的時間內(nèi)獲取最多的潛在信息。

這兩本書可以參考一下：

The Visual Display of Quantitative Information [by Edward Tufte]；簡潔卻經(jīng)典的一本書，我們之前在對“信“原則闡述中涉及到的數(shù)據(jù)墨水概念就是由該書作者Edward Tufte提出的，從此以后對可視化作品清晰度和數(shù)據(jù)運(yùn)用的衡量就有了一個較為清晰可靠的量化標(biāo)準(zhǔn)。

Information Visualization ,Third Edition : Perception for Design [by Colin Ware]；書比較老，但是里面的經(jīng)典內(nèi)容還是很有借鑒價值，例如心理感知、人的視覺和大腦底層運(yùn)作方式都對當(dāng)今數(shù)據(jù)可視化作品設(shè)計(jì)有很大的幫助。

四、結(jié)語

本期筆者為大家?guī)砹藬?shù)據(jù)可視化設(shè)計(jì)的最后1個基礎(chǔ)原則——雅，相信大家有所掌握，另外2個基礎(chǔ)原則，我在上期2期文章中已為大家講解過了。

往期文章：

你一定要掌握的數(shù)據(jù)可視化基本設(shè)計(jì)原則（上）

你一定要掌握的數(shù)據(jù)可視化基本設(shè)計(jì)原則（中）

本文由 @小陳同學(xué)ing. 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。