2.3.5　突出圖形重要數據

在一組數據中往往存在重要數據和次要數據，通過對圖形進一步的設計，能夠從視覺上把兩者的主次關系表達出來。由于重要數據一般是業務上重點強調的數據，也可能是用戶最關注的數據，因此在設計圖形前，明白數據的主次關系是至關重要的。下面我們從一個游戲開始本小節的內容，請在圖2-49中找到所有的紅色點，并統計數量。

圖2-49

答案是7個，數錯了也沒關系，因為面對雜亂無章的視覺內容很難獲取信息。如果想快速準確地獲取信息，其實可以通過改變設計形式達到目的。如圖2-50所示，弱化其他元素，增強它們與紅色的對比，這樣再去獲取紅色點的信息就一目了然了。

“好的圖形會說話”，說的就是當用戶瀏覽圖形時，就像一個人在與用戶對話一樣，“他”了解用戶最關注的數據，也會告訴用戶“他”想讓用戶知道的數據，并且用最簡單的方式表達出來。而塑造這個“人”的人就是設計師，其可以通過圖形大小、色彩對比等設計手段，把數據合理地、直觀地呈現給用戶。

圖2-50

設計一個圖形首先需要明確業務要表達的數據，以及用戶想了解的數據，然后再去突出重要數據，減少不必要的干擾。

圖2-51中的折線圖表示的是五年中各季度銷售額的趨勢，如果用不同顏色的折線表示五年的數據趨勢，則交織在一起的折線在視覺上顯得非常混亂。從數據結構上來看，最近一年的數據趨勢必定是用戶最關注的數據，需要重點突出，這就可以通過對比設計把其他關注度低的年份弱化，同時用標簽在折線的末端直接標注年份，這樣就形成了鮮明的對比。

折線圖的圖例最好能標注在折線的末端，這樣不會分散用戶的視覺注意力。折線圖中少量的分類折線可以用不同的顏色表示，但最好不要超過四條，否則就會變得難以辨別。

圖2-51

再舉一個例子，用散點圖呈現年度銷售訂單分布，重點要突出平均值以上的數據，這時就可以通過增加平均線來分割數據，把平均線以上的數據用對比強的顏色重點突出，弱化平均線以下的數據，如圖2-52所示。這其實是數據可視化設計的一個重要概念，突出重要數據，為用戶的視覺做選擇，提高瀏覽效率，減少認知成本。

圖2-52