本篇文章總結(jié)了25條有關(guān)數(shù)據(jù)可視化設(shè)計的小技巧，希望對有相關(guān)需要的設(shè)計師們有所幫助，避免在之后的工作中走彎路。

可視化不是單純的數(shù)據(jù)展示，其真正價值是設(shè)計出可以被讀者輕松理解的數(shù)據(jù)展示。設(shè)計過程中的每一個選擇，最終都應(yīng)落腳于讀者的體驗(yàn)，而非設(shè)計者個人。

本文提到了設(shè)計中一些常見錯誤，也是我們團(tuán)隊總結(jié)出的一些技巧。希望這25條小貼士能夠快速提升和鞏固你的數(shù)據(jù)可視化設(shè)計，一起來看看吧！

一、原則

1. 選擇可以講故事的圖表

你首先需要思考清楚你想達(dá)到什么目的、傳達(dá)什么信息、以及你的用戶是誰等。

2. 刪減與故事無關(guān)的元素

這并不意味著要減半數(shù)據(jù)量，而是要多留意圖表垃圾、多余的信息、不必要的說明、陰影、裝飾等。

可視化的絕妙之處在于它可以四兩撥千斤般強(qiáng)化并傳達(dá)你想表達(dá)的故事（但可別用3D圖表——它會讓視覺化感知效果出現(xiàn)偏差）。

3. 為了更好的理解去設(shè)計

創(chuàng)建好可視化原型后，退一步考慮如何才能讓讀者更容易地理解數(shù)據(jù)。

還可以增加、微調(diào)或者移除哪些簡單的元素？或許要在線性圖表里增加一條趨勢線，你也可能會發(fā)現(xiàn)餅圖切片太多了（最多只能用6片）。

這些微妙的調(diào)整將會帶來極大的改變。

二、對比

可視化讓數(shù)據(jù)對比更直觀，但是僅僅把兩組圖表緊挨著放在一起并不能達(dá)成這個目標(biāo)，甚至更令人費(fèi)解。（試想將32個不同的餅狀圖放在一起對比？No way?。?/p>

1. 加入零點(diǎn)基準(zhǔn)線

盡管線性圖表不一定從零點(diǎn)開始，但如果圖表中含大量對比數(shù)據(jù)的話，零點(diǎn)就很有必要！

相對來說，數(shù)據(jù)的小幅波動是有意義的（比如股票市場的數(shù)據(jù)），那么你就需要截斷一個范圍以展示它們的不同。

2. 選擇最高效的可視化圖形

保持視覺的一致性，讓讀者可以一眼辨別出，這意味著你可能要使用堆疊型柱狀圖、分組條形圖或者折線圖了。但無論選擇哪種圖形，不要讓讀者費(fèi)力去對比太多東西。

3. 注意擺放的位置

如果用兩個好看的堆疊型柱狀圖讓讀者去對比，但如果它們相距甚遠(yuǎn)，那就別談什么對比了。

4. 講完整的故事

或許你第四季度的銷售額增長了30%，這是不是很令人興奮？但還有更令人興奮的！對比展示第一季度的數(shù)據(jù)，銷售額就有了100%的增長。

三、上下文

誠然，數(shù)據(jù)與數(shù)字相關(guān)，但它通常結(jié)合上下文，一般是為后文要點(diǎn)提供背景知識。但在諸多數(shù)據(jù)可視化、信息圖表和電子書中，我們看到的都是將數(shù)據(jù)可視化和上下文對立起來，而非結(jié)合使用。

1. 不要過度解釋

如果上下文已經(jīng)提到了某件事，副標(biāo)題、標(biāo)注、標(biāo)題中不必重申一遍。

2. 讓圖表標(biāo)題簡單扼要

沒必要用俏皮、啰嗦或雙關(guān)的語句。圖表上方的描述性標(biāo)題應(yīng)簡明扼要，并與下方圖表直接相關(guān)。記?。宏P(guān)注那些讓人快速理解的方式。

3. 善用標(biāo)注

標(biāo)注并非用來填充空白的，而該用來強(qiáng)調(diào)相關(guān)信息或提供額外的背景知識。

4. 不要使用讓人分心的字體或元素

有時確實(shí)需要強(qiáng)調(diào)某一點(diǎn)，只要用粗體或斜體文字即可，無須同時使用二者。

四、顏色

使用得當(dāng)，顏色是出色的工具。但使用不當(dāng)，不僅會讓讀者分心，甚至?xí)a(chǎn)生誤導(dǎo)。因此，請合理地使用顏色。

1. 使用一種顏色去表達(dá)相同類型的數(shù)據(jù)

如果條形圖展示了月銷售數(shù)據(jù)，那只需一種顏色即可。如果要在一組圖表上對比今年和去年的銷售數(shù)據(jù)，那么可用不同顏色代表不同年份的數(shù)據(jù)。

另外，還可使用一個強(qiáng)調(diào)色去突出重點(diǎn)數(shù)據(jù)。

2. 注意積極和消極數(shù)據(jù)的表達(dá)

不要用紅色表示積極數(shù)據(jù)或用綠色表達(dá)消極數(shù)據(jù)。這些顏色關(guān)聯(lián)歷來很強(qiáng)，它們早已在讀者心中打上了標(biāo)簽。

3. 確保顏色間有足夠的對比

如果顏色過于相似（例如淺灰與更淺的灰），人們難以發(fā)現(xiàn)兩者間的區(qū)別。相反，也要避免強(qiáng)烈的對比色，例如紅配綠或藍(lán)配黃。

4. 避免使用圖案

條紋和波點(diǎn)圖案聽起來有趣，但卻十分讓人分心。如果你想在地圖等地方加以區(qū)分，可使用不同飽和度的同色，而且要純色實(shí)線。

5. 使用恰當(dāng)?shù)念伾?/h3>

當(dāng)圖表中的某些顏色比其他顏色更加突出時，會給數(shù)據(jù)增加不必要的重要性。因此，應(yīng)該使用陰影有區(qū)別的單色或相同光譜中的兩個類似色來區(qū)分強(qiáng)度。

記住要用直覺以及色彩明暗去調(diào)整重要性。

6. 不要在一張圖上使用6種以上的顏色

看圖足矣：

五、標(biāo)簽

標(biāo)簽可能會變成雷區(qū)。雖然讀者依靠標(biāo)簽來解釋數(shù)據(jù)，但是太多或太少都會產(chǎn)生干擾。

1. 保證一切都貼上了標(biāo)簽

確保所有需要的信息都有標(biāo)簽——并且沒有重復(fù)或拼寫錯誤。

2. 確保標(biāo)簽可見

所有標(biāo)簽應(yīng)清晰可見，并且對應(yīng)的數(shù)據(jù)點(diǎn)都可以輕松識別。

3. 可以直接標(biāo)記線條

如果可能，請在數(shù)據(jù)點(diǎn)中包含數(shù)據(jù)標(biāo)簽。讀者可以快速識別線條和對應(yīng)標(biāo)簽，不必尋找圖例說明或類似的數(shù)值。

4. 不要過度標(biāo)記

如果數(shù)據(jù)點(diǎn)的精確度對于故事講述很重要，那么請包含數(shù)據(jù)標(biāo)簽以增強(qiáng)理解力。若并不重要，請忽略數(shù)據(jù)標(biāo)簽。

5. 不要傾斜地放置標(biāo)簽

如果在數(shù)據(jù)軸上的標(biāo)簽過于擁擠，請考慮刪除軸上的其他標(biāo)簽，以使文本排布更舒服。

六、排序

數(shù)據(jù)可視化旨在幫助理解，難以理解的隨機(jī)模式讓人感到沮喪，并會破壞想傳達(dá)的內(nèi)容。

1. 直觀地排列數(shù)據(jù)

圖表應(yīng)該有一個邏輯結(jié)構(gòu)，可以將數(shù)據(jù)按照字母、順序或大小類別排列。

2. 排序連貫

圖例的排序應(yīng)和圖表中的順序保持一致。

3. 排序均勻

在軸上使用自然增量（0,5,10,15,20），而非不均勻的增量（0,3,5,16,50）。

原文作者：Katy French

原文標(biāo)題：25 Tips to Instantly Improve Your Data Visualization Design

原文鏈接：https://www.columnfivemedia.com/25-tips-to-upgrade-your-data-visualization-design

本文由 @SF_UED 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

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