不論是領(lǐng)導(dǎo)駕駛艙還是
數(shù)據(jù)大屏,最終呈現(xiàn)效果的好壞與否,配色肯定起了大作用,有時(shí)候美和土之間只隔了幾個(gè)色卡。
咱們先來(lái)幾個(gè)美觀(guān)的案例洗洗眼睛,再展開(kāi)詳細(xì)的講解。
綠色企業(yè)駕駛艙:清新簡(jiǎn)約,一目了然

深色大屏:身臨其境,視覺(jué)震撼
這幾個(gè)絕佳可視化案例是不是讓你一眼心動(dòng)?這其中配色也是大功臣。小億這次下了血本求著咱們?cè)O(shè)計(jì)大神,搞到了一手的配色秘籍,趕緊收藏吧!
整體配色:亂花漸欲迷人眼
數(shù)據(jù)圖表最關(guān)鍵的職能就是直觀(guān)展示數(shù)據(jù)并讓人理解數(shù)據(jù),所以在做
數(shù)據(jù)可視化時(shí),配色方案不能以個(gè)人喜好來(lái)選擇,而是要明白它肩負(fù)著闡述數(shù)據(jù)的重任,需結(jié)合數(shù)據(jù)來(lái)重點(diǎn)突出核心內(nèi)容。色彩之多讓人眼花繚亂,這個(gè)時(shí)候你更要明確配色的作用,在使用時(shí)有所偏重。
1、豐富色系,明暗適宜
首先為了讓配色有可辨識(shí)性,我們往往會(huì)選擇較為豐富的色系,且色彩需要有跨度,讓人一目了然但又不過(guò)于花哨。
對(duì)于領(lǐng)導(dǎo)駕駛艙或數(shù)據(jù)大屏,我們還要考慮到它的使用場(chǎng)景。如果是在大屏上進(jìn)行展示,由于設(shè)備的特殊性常常會(huì)用深色作為背景色以減少屏幕拖尾,觀(guān)眾在視覺(jué)上也不會(huì)覺(jué)得刺眼。所有圖表的配色就需要以深色背景為基礎(chǔ),保證可視化效果清晰可辨識(shí)。

2、對(duì)比明顯,拒絕迷惑
其次,顏色的選擇不要過(guò)于相近,要易于數(shù)據(jù)間的區(qū)分,提高閱讀舒適感。保持內(nèi)容與背景有一定的對(duì)比關(guān)系,便于業(yè)務(wù)信息傳達(dá)。對(duì)于單一色相配色,明度差異需要全局考慮,明度跨度夠大才能更清晰地展示數(shù)據(jù)。
當(dāng)圖表需要的顏色較少時(shí),避免使用臨近色相或類(lèi)似色相,盡量選擇對(duì)比色或互補(bǔ)色,這樣可以使不同屬性數(shù)據(jù)在圖表中展示更加明確。當(dāng)圖表需要的顏色較多時(shí),建議最多不超過(guò)12種色相。通常情況下人在不連續(xù)的區(qū)域內(nèi)可以分辨6?12種不同色相。過(guò)多的顏色對(duì)傳達(dá)數(shù)據(jù)是沒(méi)有作用的,反而讓人產(chǎn)生迷惑。

3、約定俗成,語(yǔ)義色板
色彩不光可以讓可視化變得“漂亮”,還可以讓其更有意義,讓人一眼就能意會(huì)。這就要求設(shè)計(jì)師重視用色習(xí)慣,遵循相關(guān)標(biāo)準(zhǔn),相當(dāng)一部分圖表色彩選擇是按照某種習(xí)慣來(lái)設(shè)定的,即所謂約定俗成,有的甚至形成來(lái)規(guī)范。如氣象預(yù)警配色,紅綠燈配色,股市的紅漲綠跌等。

流行配色:濃妝淡抹總相宜
如果你看了上述配色建議還是不知道該咋弄,那接下來(lái)的流行色可以讓你多一種選擇和參考,妥妥的化身時(shí)髦精,成為數(shù)據(jù)圖表界的時(shí)尚擔(dān)當(dāng)。
孟菲斯風(fēng)格
此配色設(shè)計(jì)靈感來(lái)源于“孟菲斯”風(fēng)格,孟菲斯風(fēng)格的數(shù)據(jù)圖表更加強(qiáng)調(diào)個(gè)性化、風(fēng)趣。適用于活潑、有個(gè)性的數(shù)據(jù)可視化,讓人對(duì)你的數(shù)據(jù)印象深刻。

莫蘭迪色
莫蘭迪配色近年來(lái)風(fēng)很大,采用的色值加入了灰色和白色調(diào),可以讓數(shù)據(jù)圖表更加柔和優(yōu)雅,給人感覺(jué)沉穩(wěn)大氣。

馬卡龍色
此配色方案靈感源于《布達(dá)佩斯大飯店》,靈動(dòng)跳脫的顏色讓人莫名心情變好;與莫蘭迪配色不同的是,馬卡龍色的數(shù)據(jù)圖表對(duì)于年輕化的行業(yè)來(lái)說(shuō)接受度更高。

溫暖色系
該色系方案推薦以溫暖明亮的暖色為主,輔以高級(jí)灰,給人的整體感覺(jué)是利落干練且有溫度。

紅藍(lán)CP配色
自古紅藍(lán)出CP,這種方案采用不同深度的紅藍(lán)色系,讓圖表看起來(lái)更加和諧統(tǒng)一。

另外給大家推薦幾個(gè)配色網(wǎng)站,可以在靈感枯竭的時(shí)候找找靈感哦~
https://colordrop.io/
https://coolors.co/palettes/trending
https://uigradients.com/#Shore
行業(yè)配色:廣學(xué)而博專(zhuān)一而精
看了這么多配色方案,每一個(gè)都很好看,是不是都可以應(yīng)用到自己的可視化方案中去呢?小億得說(shuō)一句:好漢且慢!畢竟每個(gè)行業(yè)的特性各異,想展示的信息也不盡相同,下面小億要介紹的行業(yè)配色方案則更有借鑒意義:
能源行業(yè)
億信華辰在能源行業(yè)作出了許多亮眼的成績(jī),先后為國(guó)家能源集團(tuán)、臨礦集團(tuán)、湖南電力、甘肅電力等單位做過(guò)
數(shù)據(jù)分析及
數(shù)據(jù)治理相關(guān)項(xiàng)目。而煤炭、電力等能源行業(yè)越來(lái)越重視環(huán)保及可持續(xù)發(fā)展的重要性,在配色上選用清新自然的藍(lán)綠色再合適不過(guò)了。

政府單位
億信華辰在政府領(lǐng)域深耕十余載,包括國(guó)家稅務(wù)局、荔灣區(qū)政數(shù)局、禪城區(qū)政數(shù)局等都有良好的合作。政府單位的配色往往以中國(guó)紅為主,且暖融融的配色給人一種人民幸福安康,祖國(guó)繁榮昌盛的氛圍。

醫(yī)藥行業(yè)
億信華辰服務(wù)于國(guó)家及各地方衛(wèi)健委和藥監(jiān)局。衛(wèi)生與藥監(jiān)需要有健康、干凈的圖表配色,于是我們選用了更加清新的色值樣例。

金融行業(yè)
聽(tīng)起來(lái)就非常多金的行業(yè),需要選用一些低飽和度的圖表配色,更能體現(xiàn)其專(zhuān)業(yè)性。這里特地選用了深色的背景示例,讓大家明白淺色深色只要配色得好都可以完美駕馭。億信華辰在金融行業(yè)的布局由來(lái)已久,包括中國(guó)人民銀行、中國(guó)農(nóng)業(yè)發(fā)展銀行、中國(guó)進(jìn)出口銀行以及招商租賃等都有長(zhǎng)期的合作。

制造行業(yè)
制造行業(yè)是目前
數(shù)字化轉(zhuǎn)型的主力軍,利用大數(shù)據(jù)提升自身的生產(chǎn)力是一直以來(lái)的關(guān)鍵點(diǎn)。與億信華辰合作的制造業(yè)領(lǐng)頭羊有東芝、中船、中鐵一局等等。制造業(yè)給人的感覺(jué)就是老大哥的形象,需要選取更加成熟、工業(yè)風(fēng)格的圖表配色。

電商行業(yè)
新零售、電商等行業(yè)需要有促銷(xiāo)氛圍,在圖表制作時(shí),考慮用高明度、高飽和度的色彩凸顯營(yíng)銷(xiāo)數(shù)據(jù)。億信華辰在零售行業(yè)和電商行業(yè)也開(kāi)拓耕耘了多年,如華致酒行、顧家家居、箭牌、DHC等都是我們的客戶(hù)哦!

說(shuō)了這么多數(shù)據(jù)可視化的配色選擇,想要做出一個(gè)完美可視化方案來(lái),工具載體的選擇一定不能有絲毫差錯(cuò),
億信ABI作為一個(gè)BI領(lǐng)域的全能王,只有你想不到?jīng)]有它做不到,做數(shù)據(jù)分析請(qǐng)認(rèn)準(zhǔn)億信華辰!
(部分內(nèi)容來(lái)源網(wǎng)絡(luò),如有侵權(quán)請(qǐng)聯(lián)系刪除)