武智涵 (北京航空航天大學(xué) 100191)
淺析“圓形”在信息圖表設(shè)計(jì)中的應(yīng)用
武智涵 (北京航空航天大學(xué) 100191)
本文從信息圖表設(shè)計(jì)所涉及的豐富的視覺(jué)元素中選取極具代表性的“圓形”作為研究對(duì)象,立足于簡(jiǎn)單的圖形元素——圓的構(gòu)成和排布,依托大量?jī)?yōu)秀的信息圖表設(shè)計(jì)案例,試圖分析探討“圓形”在信息圖表設(shè)計(jì)中所起的作用。文章綜合運(yùn)用符號(hào)學(xué)、視覺(jué)心理學(xué)、統(tǒng)計(jì)學(xué)等學(xué)科的知識(shí),嘗試從“點(diǎn)線面”的構(gòu)成角度歸納總結(jié)圓形在不同類(lèi)型信息圖表中的普遍性使用規(guī)律。
圓形;信息圖表設(shè)計(jì);點(diǎn)線面
隨著科技的快速發(fā)展,海量信息迅速充斥人們的日常生活,讀圖時(shí)代隨之到來(lái)。如何將信息準(zhǔn)確有效的傳遞給受眾成了視覺(jué)設(shè)計(jì)師亟待解決的課題。信息圖表設(shè)計(jì)作為實(shí)現(xiàn)數(shù)據(jù)可視化的重要手段和信息設(shè)計(jì)的重要表現(xiàn)形式越來(lái)越被人所關(guān)注。
本文從信息圖表設(shè)計(jì)所涉及的豐富的視覺(jué)元素中選取極具代表性的“圓形”作為研究對(duì)象,立足于簡(jiǎn)單的圖形元素——圓的構(gòu)成和排布,依托大量?jī)?yōu)秀的信息圖表設(shè)計(jì)案例,試圖分析探討“圓形”在信息圖表設(shè)計(jì)中所起的作用及較為普遍的使用規(guī)律。
1.“圓形”的文化涵義
圓形之完美與整體所帶來(lái)的美感確為人類(lèi)的共識(shí)。古希臘的畢達(dá)哥拉斯學(xué)派就曾指出圓形是一切平面圖形中最美的。在西方國(guó)家,許多宗教認(rèn)為宇宙是圓的、天體運(yùn)行軌跡也是圓的,所以常用圓形來(lái)代表神靈。比如意大利詩(shī)人但丁認(rèn)為,基督教中的地獄就是九個(gè)環(huán)環(huán)相扣的同心圓,從叛徒所在的中心圓到異教徒所在的最外圈,每一個(gè)圓都代表一種原罪。而在東方,圓形往往成為生命的象征,意味著生死輪回,代表著永恒與圓滿,有著循環(huán)往復(fù)的哲學(xué)立意。無(wú)論是我們常說(shuō)的團(tuán)圓飯、湯圓還是象征陰陽(yáng)二氣的太極雙魚(yú)圖,圓形的涵義已經(jīng)沉淀為中國(guó)人一種下意識(shí)的心理依賴。
可見(jiàn),圓形雖然只是一個(gè)簡(jiǎn)單的視覺(jué)符號(hào),但由于人們生活的時(shí)間、空間不同,經(jīng)歷、境況不同,不同文化背景導(dǎo)致的行為習(xí)慣、思維方式、觀念態(tài)度等也就大不相同,這也便導(dǎo)致人們視覺(jué)經(jīng)驗(yàn)各異。因此,視覺(jué)符號(hào)是人類(lèi)群體所共有的,但文化涵義是屬于每一個(gè)單獨(dú)個(gè)體的。
2.“圓形”的視覺(jué)心理
在人類(lèi)的感覺(jué)里,視覺(jué)占據(jù)主導(dǎo)地位,對(duì)信息做出的反應(yīng)80%是通過(guò)視覺(jué)傳入大腦的,趨向于選擇悅目、簡(jiǎn)潔的形態(tài)是人作為生物的視覺(jué)本能。圓形,無(wú)方向、無(wú)首尾的閉合圖形,完美而無(wú)缺陷,配合其他視覺(jué)元素既可以表現(xiàn)向內(nèi)聚攏,又可以向外無(wú)限擴(kuò)張,因而很容易給人以充實(shí)緊密、飽滿嚴(yán)謹(jǐn)?shù)囊曈X(jué)感受。從某種意義上說(shuō),圓是所有幾何圖形中形態(tài)最為簡(jiǎn)潔但表意最為豐富的圖案。
在平面設(shè)計(jì)中我們常說(shuō)的“點(diǎn)線面”可以看作是畫(huà)面構(gòu)成的基本元素,也可以當(dāng)作構(gòu)成設(shè)計(jì)的形式語(yǔ)言。點(diǎn)、線、面有各自的幾何含義和視覺(jué)表情,具有獨(dú)立性的同時(shí)又相互聯(lián)系,即我們常說(shuō)的點(diǎn)動(dòng)成線、線動(dòng)成面。
從“點(diǎn)線面”的角度來(lái)探討“圓形”在信息圖表設(shè)計(jì)中的應(yīng)用規(guī)律,“點(diǎn)”即指信息圖表中單一分散的小圓,“線”則指信息圖中從圓上切下來(lái)的弧線,“面”是為整體的大塊圓面或弧面。
1.“點(diǎn)”的排布與韻律點(diǎn),幾何學(xué)上一種看不見(jiàn)的實(shí)體,常被界定為零,其本質(zhì)是最簡(jiǎn)潔的形。
一般而言,點(diǎn)自身面積越小,點(diǎn)的感覺(jué)越強(qiáng);作圖空間面積與點(diǎn)的面積之比越大,點(diǎn)的感覺(jué)越強(qiáng);內(nèi)部越充實(shí)輪廓越清晰的實(shí)點(diǎn),點(diǎn)的感覺(jué)越強(qiáng);圓形形態(tài)的點(diǎn)最有點(diǎn)的感覺(jué),即使在圓形較大的時(shí)候,依然能給人以點(diǎn)的感覺(jué)。從這個(gè)意義上講,研究信息圖表設(shè)計(jì)中作為點(diǎn)的視覺(jué)元素的應(yīng)用,圓形最為貼切。
在圓作為點(diǎn)構(gòu)成畫(huà)面的信息圖表設(shè)計(jì)中,視覺(jué)元素圓的使用方法大致可以歸納為兩大類(lèi)。一類(lèi)是依照固定的隱形骨骼,變化圓形的大小、顏色、排布位置,使最終呈現(xiàn)的具象圖像與傳遞的信息形成呼應(yīng)。另一類(lèi)則是通過(guò)用細(xì)線等輔助性視覺(jué)元素與圓連結(jié),共同作用架構(gòu)較為抽象的信息圖骨骼。前者圖表往往直指主題,信息內(nèi)容清晰明確,更具趣味性,多適用于信息層級(jí)較少的圖表。后者借助輔助圖形組織畫(huà)面,更強(qiáng)調(diào)對(duì)信息閱讀的引導(dǎo)性,常用于信息層級(jí)較多或平行信息冗雜的信息圖表設(shè)計(jì)中,便于信息的宏觀認(rèn)知和微觀對(duì)比。
2.“線”的指向與疏密線,幾何學(xué)上它是點(diǎn)移動(dòng)留下的軌跡,是破壞點(diǎn)自身靜態(tài)屬性的產(chǎn)物。
不同類(lèi)型的線有不同的視覺(jué)表情,能表現(xiàn)不同的情感效果。如果說(shuō)直線具有銳利性,給人以速度感和緊張感。那么曲線則會(huì)生出柔軟、律動(dòng)、和諧等審美特點(diǎn)。由于曲線是一種受外界支配的線型,富有節(jié)奏性、規(guī)整性和一定的精確性,其形態(tài)往往被賦予某種現(xiàn)代感的審美意味。而在信息圖表設(shè)計(jì)中,為了架構(gòu)畫(huà)面骨骼或規(guī)整信息,最為常用的便是規(guī)整的曲線,即從圓上切下來(lái)的弧線。
在圓作為線構(gòu)成畫(huà)面的信息圖表設(shè)計(jì)中,圓形的應(yīng)用較為單一,多通過(guò)對(duì)弧線粗細(xì)、顏色、間距等錯(cuò)落排列組織畫(huà)面。這種構(gòu)成方式多用于有一定時(shí)間順序或前后邏輯關(guān)系的信息圖表設(shè)計(jì)。如此排列不僅保留了線本身的指向性,削弱了其構(gòu)成畫(huà)面可能造成的單薄混亂,更增添了視覺(jué)韻律感,豐富了畫(huà)面語(yǔ)言。
3.“面”的張力與肌理面,是謂二次元空間構(gòu)成的形,動(dòng)態(tài)解釋它是線運(yùn)動(dòng)的結(jié)果,靜態(tài)描述它是體的表面。
不同大小、虛實(shí)的面給人的視覺(jué)感受亦不相同。面積大,則擴(kuò)張感強(qiáng),反之,面積小則內(nèi)聚感明顯;充實(shí)的面因其飽滿給人以力量感,虛形的面則讓人覺(jué)得輕薄稀松。在信息圖表設(shè)計(jì)中,除了通過(guò)改變圓的大小、疏密來(lái)劃分信息層級(jí),很多時(shí)候用圓面的虛實(shí)表現(xiàn)更能給人以直觀的視覺(jué)沖擊。
在圓作為面構(gòu)成畫(huà)面的信息圖表設(shè)計(jì)中,圓形將面的特點(diǎn)得到了最大化的突出。在此類(lèi)信息圖表中,圓面往往作為主體居于中心位置單獨(dú)充滿畫(huà)面。信息多通過(guò)對(duì)圓面肌理的填充和對(duì)細(xì)節(jié)的注解性標(biāo)示表現(xiàn)。在這類(lèi)信息圖表中,圓穩(wěn)定、平衡、飽滿的形態(tài)特點(diǎn)以大塊面的形式給人以視覺(jué)沖擊,而其自身的包容性又將其內(nèi)部的細(xì)節(jié)信息有效的收納在視覺(jué)可讀的區(qū)域。
[1]康定斯基.康定斯基論點(diǎn)線面.中國(guó)人民大學(xué)出版社,2003.
[2]孫皓瓊.圖形對(duì)話—什么是信息設(shè)計(jì).清華大學(xué)出版社,2011.
[3]龍心如,周姜杉.信息可視化的藝術(shù).機(jī)械工業(yè)出版社,2014.
[4]開(kāi)羅.不只是美:信息圖表設(shè)計(jì)原理與經(jīng)典案例.人民郵電出版社,2015.
[5]唐納德?A?諾曼.設(shè)計(jì)心理學(xué).中信出版社,2012.
武智涵,北京航空航天大學(xué),新媒體藝術(shù)與設(shè)計(jì)學(xué)院,設(shè)計(jì)學(xué)在讀碩士。