本文提到了一些常見錯誤，也是經(jīng)驗總結出的一些技巧。這25條小技巧能夠快速提升和鞏固你的數(shù)據(jù)可視化設計。一起來看看！
1. 選擇可以講故事的圖表
你首先需要思考清楚你想達到什么目的、傳達什么信息、以及你的用戶是誰等。
2. 刪減與故事無關的元素
這并不意味著要減半數(shù)據(jù)量，而是要多留意圖表垃圾、多余的信息、不必要的說明、陰影、裝飾等?？梢暬慕^妙之處在于它可以四兩撥千斤般強化并傳達你想表達的故事。（但可別用3D圖表——它會讓視覺化感知效果出現(xiàn)偏差）。
3. 為了更好的理解去設計

創(chuàng)建好可視化原型后，退一步考慮如何才能讓讀者更容易地理解數(shù)據(jù)。還可以增加、微調或者移除哪些簡單的元素？或許要在線性圖表里增加一條趨勢線，你也可能會發(fā)現(xiàn)餅圖切片太多了（最多只能用6片）。這些微妙的調整將會帶來極大的改變。

網(wǎng)頁設計原則

可視化讓數(shù)據(jù)對比更直觀，但是僅僅把兩組圖表緊挨著放在一起并不能達成這個目標，甚至更令人費解。（試想將32個不同的餅狀圖放在一起對比？No way！🙅）
4. 加入零點基準線
盡管線性圖表不一定從零點開始，但如果圖表中含大量對比數(shù)據(jù)的話，零點就很有必要！相對來說，數(shù)據(jù)的小幅波動是有意義的（比如股票市場的數(shù)據(jù)），那么你就需要截斷一個范圍以展示它們的不同。
5. 選擇高效的可視化圖形
保持視覺的一致性，讓讀者可以一眼辨別出，這意味著你可能要使用堆疊型柱狀圖、分組條形圖或者折線圖了。但無論選擇哪種圖形，不要讓讀者費力去對比太多東西。
6. 注意擺放的位置
如果用兩個好看的堆疊型柱狀圖讓讀者去對比，但如果它們相距甚遠，那就別談什么對比了。
7. 講完整的故事
或許你第四季度的銷售額增長了30%，這是不是很令人興奮？但還有更令人興奮的！對比展示第一季度的數(shù)據(jù)，銷售額就有了100%的增長。

網(wǎng)頁設計原則

誠然，數(shù)據(jù)與數(shù)字相關，但它通常結合上下文，一般是為后文要點提供背景知識。但在諸多數(shù)據(jù)可視化、信息圖表和電子書中，我們看到的都是將數(shù)據(jù)可視化和上下文對立起來，而非結合使用。
8. 不要過度解釋
如果上下文已經(jīng)提到了某件事，副標題、標注、標題中不必重申一遍。
9. 讓圖表標題簡單扼要
沒必要用俏皮、啰嗦或雙關的語句。圖表上方的描述性標題應簡明扼要，并與下方圖表直接相關。記?。宏P注那些讓人快速理解的方式。
10. 善用標注
標注并非用來填充空白的，而該用來強調相關信息或提供額外的背景知識。
11. 不要使用讓人分心的字體或元素
有時確實需要強調某一點，只要用粗體或斜體文字即可，無須同時使用二者。

網(wǎng)頁設計原則

使用得當，顏色是出色的工具。但使用不當，不僅會讓讀者分心，甚至會產生誤導。因此，請合理地使用顏色。
12. 使用一種顏色去表達相同類型的數(shù)據(jù)
如果條形圖展示了月銷售數(shù)據(jù)，那只需一種顏色即可。如果要在一組圖表上對比今年和去年的銷售數(shù)據(jù)，那么可用不同顏色代表不同年份的數(shù)據(jù)。另外，還可使用一個強調色去突出重點數(shù)據(jù)。
13. 注意積極和消極數(shù)據(jù)的表達
不要用紅色表示積極數(shù)據(jù)或用綠色表達消極數(shù)據(jù)。這些顏色關聯(lián)歷來很強，它們早已在讀者心中打上了標簽。
14. 確保顏色間有足夠的對比
如果顏色過于相似（例如淺灰與更淺的灰），人們難以發(fā)現(xiàn)兩者間的區(qū)別。相反，也要避免強烈的對比色，例如紅配綠或藍配黃。
15. 避免使用圖案
條紋和波點圖案聽起來有趣，但卻十分讓人分心。如果你想在地圖等地方加以區(qū)分，可使用不同飽和度的同色，而且要純色實線。
16. 使用恰當?shù)念伾?/strong>
當圖表中的某些顏色比其他顏色更加突出時，會給數(shù)據(jù)增加不必要的重要性。因此，應該使用陰影有區(qū)別的單色或相同光譜中的兩個類似色來區(qū)分強度。記住要用直覺以及色彩明暗去調整重要性。

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

看圖足矣。

網(wǎng)頁設計原則

五「標簽」

標簽可能會變成雷區(qū)。雖然讀者依靠標簽來解釋數(shù)據(jù)，但是太多或太少都會產生干擾。
18. 保證一切都貼上了標簽
確保所有需要的信息都有標簽——并且沒有重復或拼寫錯誤。
19. 確保標簽可見
所有標簽應清晰可見，并且對應的數(shù)據(jù)點都可以輕松識別。
20. 可以直接標記線條
如果可能，請在數(shù)據(jù)點中包含數(shù)據(jù)標簽。讀者可以快速識別線條和對應標簽，不必尋找圖例說明或類似的數(shù)值。
21. 不要過度標記
如果數(shù)據(jù)點的精確度對于故事講述很重要，那么請包含數(shù)據(jù)標簽以增強理解力。若并不重要，請忽略數(shù)據(jù)標簽。

22. 不要傾斜地放置標簽

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

網(wǎng)頁設計原則

六「排序」

數(shù)據(jù)可視化旨在幫助理解，難以理解的隨機模式讓人感到沮喪，并會破壞想傳達的內容。
23. 直觀地排列數(shù)據(jù)
圖表應該有一個邏輯結構，可以將數(shù)據(jù)按照字母、順序或大小類別排列。
24. 排序連貫
圖例的排序應和圖表中的順序保持一致。
25. 排序均勻
在軸上使用自然增量（0,5,10,15,20），而非不均勻的增量（0,3,5,16,50）。

網(wǎng)頁設計原則

當前名稱：網(wǎng)頁頁面數(shù)據(jù)可視化設計原則
文章來源：http://www.rwnh.cn/news41/117691.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供建站公司、電子商務、自適應網(wǎng)站、面包屑導航、手機網(wǎng)站建設、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)