張廣超 顏菊
關(guān)鍵詞:色彩;信息可視化設(shè)計(jì);應(yīng)用
1 信息可視化設(shè)計(jì)概述
信息可視化設(shè)計(jì)是隨著信息大爆炸和信息技術(shù)的發(fā)展而形成的一門跨學(xué)科的設(shè)計(jì)領(lǐng)域,信息可視化設(shè)計(jì)致力于通過直觀的視覺方式傳達(dá)抽象的信息,簡(jiǎn)單來(lái)說(shuō)就是將復(fù)雜的信息通過視覺設(shè)計(jì)變成易于理解記憶的圖形、圖畫或圖像,實(shí)現(xiàn)“文字語(yǔ)言”向轉(zhuǎn)變“視覺語(yǔ)言”的轉(zhuǎn)變。通過信息可視化設(shè)計(jì)可以有效地促進(jìn)信息的融合,提高信息的傳播效果,使枯燥難懂的信息更加富有趣味性,形成更容易被觀眾理解和認(rèn)知的視覺信息,對(duì)現(xiàn)在社會(huì)信息的傳達(dá)有重要的意義[1]。
2 色彩在信息可視化設(shè)計(jì)中的應(yīng)用價(jià)值
2.1 豐富信息的表現(xiàn)形式
信息可視化設(shè)計(jì)中常用的表現(xiàn)形式有插圖、圖表、圖形,圖像等,色彩在信息可視化中不僅僅可以增強(qiáng)畫面感,還可以豐富信息可視化設(shè)計(jì)的表現(xiàn)形式,使色彩也具有傳達(dá)信息的功能,比如在地圖中通過色彩表達(dá)海拔的高低,使色彩也具有了傳達(dá)信息的功能,豐富了信息可視化設(shè)計(jì)的表現(xiàn)形式。
2.2 加快用戶對(duì)于信息的讀取速度
隨著人們?nèi)粘I畹姆e累,對(duì)色彩形成了固有的認(rèn)知,使色彩具有了聯(lián)想性,當(dāng)用戶看到一個(gè)顏色時(shí)就會(huì)快速地聯(lián)想到生活中的某個(gè)物品,比如在看到綠色會(huì)想到森林,看到藍(lán)色會(huì)想到天空、大海。通過色彩的聯(lián)想性可以用色彩代表具體事物,簡(jiǎn)化信息可視化的設(shè)計(jì)畫面,增強(qiáng)信息的易識(shí)別性,加快對(duì)于信息可視化的讀取速度[2]。
2.3 使信息具有情感化表達(dá)
信息可視化設(shè)計(jì)通過色彩的感知性可以向人傳達(dá)某種情感,比如重量感、溫度感、興奮感等,并且不同的色彩傳達(dá)的情感強(qiáng)度不同,具體如表1。所以在表達(dá)不同的設(shè)計(jì)主題時(shí),要考慮不同色彩的特點(diǎn)賦予信息情感化表達(dá),比如在表達(dá)災(zāi)難死亡人數(shù)的信息中,使用灰色、黑色等明度高、飽和度低的顏色,可以傳達(dá)出一種悲傷、深沉的情感[3-4]。
3 色彩在信息可視化設(shè)計(jì)中的應(yīng)用原則
色彩在信息可視化中的應(yīng)用,不僅僅是發(fā)揮區(qū)別信息種類的作用,還需要遵循一定的應(yīng)用原則,要充分考慮用戶的特點(diǎn),合理搭配色彩,避免顏色單一、缺乏視覺沖擊力或者顏色復(fù)雜多變,造成審美疲勞。根據(jù)色彩在信息可視化中的應(yīng)用方法,將信息可視化設(shè)計(jì)中色彩的應(yīng)用原則歸納為符合生活認(rèn)知原則、考慮人性化原則和色彩合理搭配原則。
3.1 符合生活認(rèn)知原則
對(duì)于用戶來(lái)說(shuō),符合生活認(rèn)知的顏色是最容易被接受的,比如用藍(lán)色代表天空、綠色代表森林,可以加快用戶的讀取速度,如果打破生活認(rèn)知,用藍(lán)色代表森林,用綠色代表天空,會(huì)造成認(rèn)知障礙。同時(shí)要注意在生活認(rèn)知中有許多特定的事物有其特定的顏色,如果不符合生活認(rèn)知,會(huì)造成視覺讀取混雜,不能發(fā)揮信息可視化設(shè)計(jì)簡(jiǎn)單直觀的作用。
3.2 人性化原則
色彩在信息可視化設(shè)計(jì)中的應(yīng)用要符合人性化原則,考慮用戶的性別、年齡等差異,比如年齡不同,對(duì)色彩的喜歡不同,老人喜歡低純度的色彩,兒童喜歡鮮艷亮麗的色彩。同時(shí),地域文化也是一個(gè)重要的考慮因素,比如黃色在中國(guó)傳統(tǒng)文化中是皇家的專用顏色,代表著統(tǒng)治者的權(quán)利,但是在其他國(guó)家并沒有這種象征意義[7]。
3.3 色彩合理搭配原則
每個(gè)人在一定時(shí)間內(nèi)接受的視覺刺激有限,因此信息可視化設(shè)計(jì)中色彩的使用要注意色彩的合理搭配。首先色調(diào)搭配要和諧,設(shè)置好主色調(diào),控制好畫面的色彩傾向,做好輔色的色調(diào)修飾。此外還應(yīng)該注意色相、明度、純度的平衡性,如果色彩搭配不合理,會(huì)造成信息層級(jí)的雜亂,對(duì)信息讀取造成障礙。同時(shí)還要注意色調(diào)的周圍環(huán)境,比如,在水區(qū)不宜用藍(lán)色,在林區(qū)不宜用綠色,在沙漠區(qū)不宜用橘紅色,以免造成錯(cuò)覺,分辨不清。
4 色彩在信息可視化設(shè)計(jì)中的應(yīng)用方法
4.1 提高明度和純度對(duì)比
色彩的明度、純度對(duì)比是指增加同一色相的明度、純度的差異而形成的對(duì)比,想要確保配色便于信息種類的區(qū)分,明度、純度的差異一定要大,如果明度和純度接近,容易造成信息層級(jí)不突出,讀取困難。如果信息可視化設(shè)計(jì)中有多個(gè)色相,需要整體考慮色彩的明度與純度對(duì)比,因?yàn)橛械纳嘟档图兌扰c明度后,色彩會(huì)相近或相似。同時(shí)明度是色盲人士辨別色彩的重要方式,所以如果是在公共空間中使用的生活引導(dǎo)類的信息可視化就一定要考慮色盲人士,可以在完成信息可視化設(shè)計(jì)之后轉(zhuǎn)化為黑白模式,檢驗(yàn)色彩的明度與純度對(duì)比的差距是否夠大,能否快速地識(shí)別信息,如果差距太小,那信息可視化設(shè)計(jì)中的色彩使用對(duì)于色盲人士來(lái)說(shuō)就是不完善的[5]。如圖1 是收入數(shù)據(jù)信息可視化設(shè)計(jì),圖中以扇形為基礎(chǔ),通過不同的明度代表不同的收入范圍,明度越低代表收入越高,明度越高代表收入越低,通過這種對(duì)比方法使不同收入數(shù)據(jù)有了更加直觀的展示。
4.2 強(qiáng)調(diào)色相對(duì)比
色相對(duì)比是指信息可視化設(shè)計(jì)中不同的色彩形成的對(duì)比,比如紅色、綠色、黃色,通過色相對(duì)比可以使信息可視化設(shè)計(jì)更加醒目、信息層級(jí)關(guān)系更加清楚,以此增強(qiáng)用戶注意力,提高視覺沖擊力,給人深刻印象。信息可視化設(shè)計(jì)中的主要色相對(duì)比方法有同類色對(duì)比、鄰近色對(duì)比和互補(bǔ)色對(duì)比。同類色對(duì)比是指色環(huán)中的15°夾角中的色彩,比如深綠色和淺綠色配色,應(yīng)用同類色對(duì)比容易使畫面色調(diào)統(tǒng)一。鄰近色對(duì)比是指在色環(huán)中60°夾角中的色彩,比如紅色與橙色配色,應(yīng)用鄰近色對(duì)比可以豐富畫面,如果需要的色相更多,也可以使用漸變色形成對(duì)比,鄰近色配色就是信息可視化設(shè)計(jì)中漸變色常用的配色方法。互補(bǔ)色對(duì)比是指色環(huán)中的180°夾角內(nèi)的色彩,比如黃色與紫色配色,是色相對(duì)比中最強(qiáng)烈的對(duì)比方法,可以通過互補(bǔ)色突出一級(jí)重點(diǎn)信息,但是在使用互補(bǔ)色對(duì)比時(shí)要注意色彩面積大小,如果面積相似,分布散亂,容易使用戶在強(qiáng)烈色相對(duì)比的刺激下造成視覺疲勞。如圖2 是設(shè)計(jì)師Alberto Lucas López 發(fā)表于美國(guó)《國(guó)家地理》雜志上的信息可視化設(shè)計(jì),展示的主題是藝術(shù)家畢加索一生的作品數(shù)據(jù),設(shè)計(jì)中最主要的配色是紅色和黃色的同類色對(duì)比,并配以少量的互補(bǔ)色對(duì)比,通過不同色相將畢加索的作品分為十二個(gè)大類,每個(gè)大類通過鄰近色對(duì)比和明度對(duì)比細(xì)分為不同的主題。如圖3,整個(gè)畫面的設(shè)計(jì)風(fēng)格與畢加索的繪畫風(fēng)格相似,可以快速地將用戶帶入畢加索的藝術(shù)世界[6]。
4.3 突出色彩面積對(duì)比
色彩的面積對(duì)比是指各種色彩在畫面中占的面積大小形成的對(duì)比[6]。對(duì)于數(shù)據(jù)類信息可視化設(shè)計(jì),通過色彩面積的大小對(duì)比可以更加直觀地表現(xiàn)出數(shù)據(jù)的多少,對(duì)于其他方式的信息可視化設(shè)計(jì),可以通過大范圍的色彩面積突出重點(diǎn)信息,引導(dǎo)用戶的視覺順序,使信息可視化設(shè)計(jì)層級(jí)關(guān)系更加明確。如圖4 是人均消費(fèi)收入的數(shù)據(jù)信息可視化設(shè)計(jì),通過色彩的面積不同,使數(shù)據(jù)的多少更加直觀。
5 結(jié)語(yǔ)
色彩在信息可視化設(shè)計(jì)中的視覺表達(dá)要優(yōu)于圖形和文字,色彩在吸引用戶注意的同時(shí),還能通過自身的色相、明度和純度的不同豐富信息可視化設(shè)計(jì)的表現(xiàn)形式,加快用戶的讀取速度,有利于用戶形成更好的理解和記憶。通過本文色彩在信息可視化設(shè)計(jì)中的應(yīng)用研究,對(duì)于信息可視化設(shè)計(jì)中色彩的實(shí)際應(yīng)用具有一定的指導(dǎo)意義,希望信息可視化設(shè)計(jì)可以有更好地發(fā)展。