- 產(chǎn)品
- 產(chǎn)品解決方案
- 行業(yè)解決方案
- 案例
- 數(shù)據(jù)資產(chǎn)入表
- 賦能中心
- 伙伴
- 關于
-
數(shù)據(jù)治理
-
醫(yī)療衛(wèi)生
制造
-
億信動態(tài)
時間:2019-09-19來源:億信華辰瀏覽數(shù):1720次
色彩是通過人的印象或者聯(lián)想來產(chǎn)生習理上的影響,而配色的作用就是通過改變空間的舒適程度和環(huán)境氣氛來滿足消費者的各方面的要求。
今天我們來給大家詳細解說一下可視化的配色技巧。
1、色彩的三屬性
色相是指色彩的相貌,是色彩最大的特征。如我們所說的紅色、黃色、藍色,這些是色彩的相貌,即色相。一般色相環(huán)有十二色相環(huán)、二十四色相環(huán)、四十八色相環(huán)、九十六色相環(huán)等。
?
飽和度是指色彩的鮮艷程度,也稱色彩的純度,表示色彩中所含色彩的比例。含有色彩的成分比例越大,純度就越高,反之,則純度就越低。
?
明度表示色彩所具有的亮度和暗度。明亮的顏色明度高,暗淡的顏色明度低。明度最高的顏色是白色,明度最低的顏色是黑色。
?
具體這三屬性對色彩會產(chǎn)生一個什么樣的結果,我準備了一張示意圖,可以給大家解釋一下。
?
2、色彩的特性
紅色給人積極、悅動、溫暖的感覺。藍色給人低靜、消極的感覺。綠與紫是中性色彩刺激小,效果介于紅與藍之間。中性色彩使人產(chǎn)生休憩、輕松的情緒。
?
人對色彩的冷暖感覺基本取決于色調(diào)。色系一般分為暖色系、冷色系、中性色系三類。色彩的冷暖效果還需要考慮其他因素。例如,暖色系色彩的飽和度越高,其溫暖的特性越明顯;而冷色系色彩的亮度越高,其特性越明顯。
酷屏是億信華辰自主研發(fā)的新一代數(shù)據(jù)可視化產(chǎn)品,內(nèi)置近百種炫酷組件和3D特效,六十余種風格各異的表格、導航、統(tǒng)計圖等組件及SVG特效可供用戶選擇,給用戶帶來震撼的視覺體驗。
酷屏的幾大特點:
面積巨大——用戶站在遠處才能看全內(nèi)容,所以字體也不能太小。
深色背景——讓視覺更好的聚焦。
不可操作——酷屏主要用來給來用戶看的。用戶一般不會直接操作大屏。
空間局限——酷屏不像網(wǎng)頁有滾動條,它的長寬都是固定的。
獨立主題——每塊酷屏都有具體想表達的某個主題。
?
話不多說我們上實例來看看,以下圖為例。

我們先要提取出酷屏的主要指標與次要指標,然后將主要指標放置在屏幕的中間,然后在一次將次要指標圍繞其周圍。
?
然而我們將統(tǒng)計圖放上去后發(fā)現(xiàn)一個問題,全部都是一個顏色,完全區(qū)分不了主次,這時候我們就要對每個統(tǒng)計圖及文字來配置顏色了。
?
根據(jù)以下配色方案,我們在加以組合形成漸變在組合配置到對應圖形中去。這樣我們一個酷屏配色就完成了。
?
應使用色彩明度與飽和度差異顯著、對比鮮明的配色,盡量避免使用鄰近色配色。當然如果顏色過于相似(例如淺灰與更淺的灰)也要避免,因為人們難以發(fā)現(xiàn)兩者間的區(qū)別。相反,也要避免強烈的對比色,例如紅配綠或藍配黃。

當然配色也不是千篇一律的五色花海,如下面案例我們也可以用單一色系來配置這是利用了單一色系的明暗關系來實現(xiàn)的,是不是看了你也想躍躍欲試的來試一把了,下期我們在說。
如果想要親自用酷屏制作炫酷的可視化,請移步體驗億信ABI的在線demo!
?
在線咨詢
點擊進入在線咨詢