數據資料哈佛資深編輯傳授優化圖表的首要祕訣:控制顏色

哈佛資深編輯傳授優化圖表的首要祕訣:控制顏色

哈佛資深編輯傳授優化圖表的首要祕訣:控制顏色

Sergey Bezgodov / Shutterstock

眼睛大概最多能分辨和記憶五到七種顏色。而大多數圖表一開始都有太多顏色,但你可以確認,你需要哪些顏色,然後就只用這些顏色,來組合出優質的圖表。

如果你的時間只夠專注於改進圖表中的一件事,那就從顏色下手。大多數的軟體都無法從上下文脈絡判斷、使用顏色。軟體無法重新定義跟組合變數。因此,軟體就會給每個變數賦予個別且隨機的顏色。如果遇到非常不合邏輯的狀況,你的第一次產出可能會是一團混亂的彩虹,就像上面的圖表。

這樣可不好。我們的眼睛大概最多能分辨和記憶五到七種顏色。大多數圖表一開始都有太多顏色。你的工作就是確認,你需要哪些顏色,然後就只用這些顏色。

你不用特地找專業設計師,也能利用良好的色彩組合來製作出優質的圖表。你只需要遵循下面這些指導原則:

1. 別用太多顏色

堅持用最少的顏色來表達你的想法。這有點像數學上的約分,有時我們看到數字顯示為10/15,但它其實可以用2/3來表示。同樣的,我們可能想用八種顏色,但實際上只需要用四種,或者兩種顏色就足夠。找出使用相同顏色將變數分組的方法。

2. 使用灰色

灰色是你的好朋友。它和白色背景的對比度較小,在其他對比度較高的顏色之下,可以傳達「背景資訊」的感覺。它不像強烈的顏色那樣吸引目光。在許多圖表中,你可以用灰色來擔任軟體自動指定的某個主色。

3. 創造互補或對比

當某些變數在本質上相似時,可以使用相似或互補的顏色。當它們相反時,就使用對比色。讀者自然會把它們串聯起來,相似的東西放在一起,不相似的東西就不放在一起。這聽起來有點多餘,但請記住,軟體並不懂這種事情。如果我們有八個關於不同年齡層的男性和女性的變數,那軟體就會指定八個不同的顏色。我們就可以在相同性別的不同變數中使用互補色,並對不同性別使用對比色,例如四種色調的綠色和四種色調的橙色。只需要用兩種色系。看來就清爽多了。

4. 專注在變數上

文字、標籤和其他不是傳達數據資訊的其他標記,最好只用黑色或灰色,或者黑底白字來顯示,僅允許少數例外。有時,用相同顏色讓某個標籤連接到某條線會更有效果,但要謹慎使用。一般來說,用不同顏色點綴文字,容易讓人分心。

5. 專心於如何使用顏色,而不是使用哪些顏色

選顏色這件事莫名地花時間,但這遠不如你該如何使用顏色來得重要。掌握背景資料與主要資訊的差異、讓變數互補和對比,以及如何改變色彩飽和度這三件事,都會比挑選你自己喜歡,或者你的品牌經理要求你使用的顏色,帶來更好的決策。

6. 額外專業提示:考慮色盲人士

如果觀眾裡有各種色覺缺陷的人,顏色使用得再好也沒有任何意義。數據指出,高達10%的男性患有紅綠色盲,而1%至5%的男性患有其他種類的色盲。色盲的人可能將兩種顏色視為相同的顏色。好消息是,諸如Coblis1和Color Oracle這樣的工具,會讓你更容易看到,你的圖表在患有色盲的人眼中是什麼樣子。在匆忙時,我常常忘記檢查配色方案是否可以滿足色盲人士,我正努力在這方面做得更好。本書中每一張不是故意設計得不精良的圖表,都已經確實檢查過,可以讓色盲人士分辨出顏色。

如果你運用這些指導原則,並理解工作主題,就能將下圖中混亂的色彩轉化為連貫性的色彩:

● 監理站無預約時所需等待時間:舊金山與奧克蘭附近地區的比較

● 監理所無預約時所需等待時間:舊金山地區在午飯時間去試試,奧克蘭地區則稍後再去

接下來的挑戰例子,主要是幫助你培養配色觀念,請把重點放在如何增進使用顏色的技巧。對於這些挑戰例子,不必擔心表單格式,同時只在與用色議題相關時,才需要考量標籤、數值範圍、標準慣例和其他事項。

用色技巧練習

Q:在這張圖表中,找出四個可以刪除顏色的地方。並為堆疊長條圖做出一個替代配色方案,幫助觀眾專注於購買無人機時考量的重要因素。

解答

● 標題。在這裡使用顏色,並不能讓人更專注於購買無人機時有哪些考量重點這個關鍵思考方向。此外,將標題與「完全不重要」的選項使用相同顏色,看起來很讓人混淆,而且相互衝突。

● 分類標籤。這種彩虹式的多色彩選擇,是種不必要的裝飾,而且這些顏色與視覺圖中的任何東西都沒有關聯性。

● 圖例說明。有時候,在圖例中讓說明文字與它們在圖表中所代表的顏色一致是有幫助的。但本例中我們已經在圖表中使用色塊了。如果我們保留色塊,那麼在圖例中的文字僅需用黑色即可。

● X軸標籤。將這些百分比數字,與各個變數的顏色連動,會讓人覺得困惑。畢竟,有80%的人不會選擇「完全不重要」。一般來說,標籤不需要指定顏色,尤其當這個顏色已經指定給其他東西時,就更不該使用。

由於變數橫軸代表重要性遞減,也就是某個選項的重要性越來越小,我們就可以用越來越淺的顏色來表示,讓最不重要的選項成為飽和度最低的群組。我們仍然可以看到三個選項組,但是我們也能迅速理解重要性逐漸降低,這種呈現方式比原來的更清楚。



書名/哈佛教你做出好圖表實作聖經:《哈佛商業評論》首度公開資料視覺化製作技術,精準掌握24圖表模組X6關鍵說服力X3大優化祕訣
作者/史考特.貝里納托 Scott Berinato​
出版社/三采文化股份有限公司
出版日期/2021年4月1日