編輯導語：如今，我們正在擁抱大數據時代，各行各業(yè)都會產生以及使用數據，隨著數據對人們的重要性不斷提升，數據可視化也逐漸被越來越多的人所應用。數據可視化不僅是一個展現數據的過程，還能以美觀的方式讓人們輕松的觀察數據。要讓數據“美”起來，可并不簡單，本文作者為我們總結了數據可視化設計中的重要因素——顏色。

美國學者諾阿·伊林斯基在《數據可視化之美》中，總結可視化審美的標準有四大要素——新穎、充實、高效和美觀。可視化作品要通過設計，簡化讀者獲取信息的難度，聚焦重要信息，高效表達。

在可視化設計圈中，大家經常討論的一個話題是如何有效地利用顏色，既要確保畫面美觀又要突出重點，讓用戶快速清晰的了解到數據傳遞出的重要信息，基于這一問題我們需要思考的是：

• 我們如何確定合適的主色調？
• 如何利用視覺配色效果突出數據，快速傳遞信息？
• 如何根據圖表中的數據元素，選擇不同的顏色集？
• 當需要使用甲方爸爸的品牌顏色時，如何有效地使用顏色？

一、如何確定合適的主色調？

挑選合適的主色調主要還是根據整個可視化設計的主題、項目所涉及到的行業(yè)、所用的場景以及用戶的喜好等方面。

正如我們所見，目前數據可視化大屏的案例中，深色基調的居多，淺色基調的較少。

主要是因為數據可視化大屏是互聯網科技的產物，同時具有互聯網科技感的元素大多都是深色調；其次，深色相較于白、紅等亮色來說，長期觀看更舒服，不會有視覺疲勞；另外，對于長期使用的大屏來說，深色背景也比較省電。

不過也有特殊情況、場景下，需要用到特定的色調。

例如：政企、黨政機關等項目需要采用紅色基調；涉及到特殊使用場景的；例如：白天、雪天等需要采用白色基調，森林、青山等需要采用綠色基調……

確定好大屏的主色調后，選擇大屏的搭配色也很重要，我們需要注意以下幾點：

1. 確保配色容易辨識與區(qū)分

可以采用色調、明度差異較大的顏色進行搭配組合，便于用戶在使用時對數據一目了然。

有層次感的圖表更易讀，用戶能更快地抓住圖表中的重點信息；相反，扁平圖則缺少流動感，讀者相對較難理解。建立視覺層次，我們可以用醒目的顏色突出顯示數據，并淡化其他元素使其作為背景，淡化元素可采用淡色系或虛線。

例如：

對于明度與色調的搭配來說，跨度越大，就能承載越多的數據。但也不可以用太多，不然畫面會顯得十分雜亂。

2. 仿照自然配色

在色彩搭配上，還可以考慮采用自然界中長期存在的配色，例如日落的天空漸變色（明黃向深紫色漸變）、極光的配色（綠色或紫色與深藍色的搭配）、夜空與燈火的顏色搭配（黑金配色）等等。

3. 使用漸變色

漸變配色結合不同色調，對兩者都最好。

無論你需要2種顏色還是10種，漸變中都能提取出這些顏色，讓可視化圖表感覺自然；同時保有足夠的色調與明度差異，以下是一些可供參考的漸變方案：

二、如何利用配色突出數據？

1. 巧用冷暖色的對比

如紅、橙、黃都是暖色，藍、青都是冷色，冷暖色同時出現在一幅畫面中，會有強烈的對比效果。

比如這個大屏右側，以青藍色地球作為背景，亮橙色的中國地圖與之形成強烈的色彩對比。

2. 利用互補色的對比

如紅與青、黃與藍都是互補的色彩，它們共同構成彩色畫面，也有很強的對比效果。

3. 利用明度的對比

可以用深色烘托鮮明的色彩，或者用鮮明的色彩襯托某一塊暗沉的色彩，都能夠收獲到通過對比突出某種色彩的效果。

亮色靠附近的暗色襯托顯得更加鮮明，其色彩特征表現得更加充分；暗色靠亮背景烘托，也能夠顯得突出和醒目。

三、如何利用圖表中的數據元素，選擇不同的顏色集？

不同的事物有不一樣的顏色，世界各國和地區(qū)的人們，因為地域、歷史文化、宗教背景差異，對顏色的心理感知也不相同。

例如同樣是黃色，在中國古代、印度和古希臘，它都是皇室的顏色，代表了高貴；而在基督教國家則是猶大穿的衣服的顏色，在教徒心中黃色代表了背叛、可恥和卑鄙。

在很多可視化作品中，國家、心情等也都會有常用的顏色編碼。

再說一個最常見的可視化例子：股票趨勢圖。

按照人們的固有認知，紅色代表漲，綠色代表跌。如果是做股票、金融等可視化趨勢圖的選色一般也采用紅綠對比色。

再比如，想要做人口密度的可視化，通常是采用熱力圖的配色。

按照人們的固有顏色認知來對特殊含義的數據進行配色，讓用戶對數據傳遞出的信息更清楚、更明白。

四、當需要使用甲方爸爸的品牌顏色時，如何有效地使用顏色？

首先，我們要明確的是甲方爸爸的要求我們能滿足就盡量滿足。如何在利用客戶品牌色的同時，保有大屏的美感與科技感呢？我們來看幾個案例：

最經典的電商大屏：天貓雙十一大屏

天貓品牌主色調是紅色，這種暖亮色調如果大面積使用，整個大屏會顯得沒有美感和科技感。碰到這樣的客戶色，我們可以采用局部大范圍使用，通常將組件與品牌標志物整合一起出現。

比如天貓大屏就將成交額翻牌器和天貓的貓頭組合成一個模塊，在大屏上方大面積呈現，這樣既保留了大屏的美感又凸顯了品牌感。

被央視點贊的數據可視化大屏：良渚古城遺址大屏

這個大屏以深色背景做底，金色做顯色，就是依照了良渚古城遺址的logo色，也符合良渚古城遺址整個公園的色彩基調。

大屏整體以地圖呈現，以熱力圖的形式展現公園內部的人流聚集度，以交通圖的形式展現內部道路的人流密度，公園整體的情況都在大屏上顯現，方便工作人員實時監(jiān)控。

經典配色：中國移動的數字大屏

這塊大屏整個基調色彩都是采用的中國移動logo的藍綠配色，同樣藍綠配色也是許多科技感大屏慣用的色彩。

目前許多互聯網公司、通信技術公司、科技公司等等，在設計logo時采用的配色也是科技感十足的顏色。為這類公司設計大屏通常直接采用logo配色，并進行合理的組合，大屏設計保準不會出錯！

簡單總結一下：

• 碰到亮色品牌：嘗試與大屏組件進行組合，用品牌亮色凸顯重要展示數據；
• 碰到暖色品牌：以暗色做背景底色，暖色做數據色，兩者形成對比，大屏更有層次；
• 碰到科技色品牌：直接采用品牌色搭配，與組件進行合理組合，讓視覺效果更舒服。

最后，我想說一下，我們的可視化大屏是為了用戶設計的，我們應多考慮用戶的特點制作他們易于理解的可視化。切勿過分追求新穎，反而使可視化難以理解，降低了信息接收速度。

本文由 @可愛的數據控 原創(chuàng)發(fā)布于人人都是產品經理，未經許可，禁止轉載

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