倪靜 張蓓貝
圖1、 科爾·奧爾斯姆的著作內(nèi)頁《世界的天空與書》(Livre du ciel et du monde,1337)
圖2 、達(dá)·芬奇手繪圖解
圖3、 查爾斯·約瑟夫·米納德分析拿破侖戰(zhàn)敗的數(shù)據(jù)圖
圖4 、奧托·紐拉斯《國際圖示語言》
信息設(shè)計作為一個綜合復(fù)雜的概念,被應(yīng)用到各個學(xué)科當(dāng)中。信息設(shè)計的應(yīng)用范圍也隨著互聯(lián)網(wǎng)科技的進(jìn)步,不斷地得到拓展,發(fā)展到以交互設(shè)計、體驗設(shè)計、界面設(shè)計、虛擬現(xiàn)實設(shè)計等新型數(shù)字化媒體主導(dǎo)之下的領(lǐng)域。在這個視覺主宰的時代,數(shù)字技術(shù)有助于將各個領(lǐng)域的信息數(shù)據(jù)通過計算機(jī)處理過的圖像直觀地呈現(xiàn)出來,以便人們更快速地分析和運(yùn)用,信息設(shè)計的功能性在這些領(lǐng)域的根本價值就在于此;而另一方面,與藝術(shù)相結(jié)合,意味著信息設(shè)計在理性的創(chuàng)作之外還有美學(xué)價值。比如清華大學(xué)美術(shù)學(xué)院下屬的信息藝術(shù)設(shè)計系,主張運(yùn)用數(shù)字化的手段,在信息產(chǎn)業(yè)發(fā)展的大背景之下,將科學(xué)技術(shù)與藝術(shù)創(chuàng)作、社會需求進(jìn)行整合。
信息的內(nèi)容之寬泛,可以被廣義地概括為一切可傳播的圖像、文字、符號、電訊等等。而信息時代的到來,意味著技術(shù)改變了傳統(tǒng)的信息處理、傳達(dá)、儲存的方式。在此之前,信息設(shè)計的內(nèi)容可以追溯到史前。
大約15000年前,舊石器時代的法國拉斯科洞窟內(nèi)已經(jīng)出現(xiàn)了人類繪制的動物圖像。公元前3000年埃及象形文字出現(xiàn)在國王那默爾的鎧甲關(guān)節(jié)板上,那大約是最早出現(xiàn)的字符之一。14世紀(jì)的法國哲學(xué)家、科學(xué)家尼科爾·奧爾斯姆(Nicole d’Orseme)創(chuàng)造了用于解釋物體運(yùn)動規(guī)律的圖表(圖1)。
16世紀(jì),達(dá)·芬奇研究解剖學(xué),以圖文并茂的方式留下了很多科學(xué)筆記(圖2)。18世紀(jì)末19世紀(jì)初,蘇格蘭工程師、政治經(jīng)濟(jì)學(xué)家威廉·普萊費(fèi)爾(William Playfair)發(fā)明用線形圖、餅圖、柱狀圖來描述統(tǒng)計數(shù)據(jù)部分與整體的關(guān)系。19世紀(jì),土木工程師查爾斯·約瑟夫·米納德(Charles Joseph Minard)用數(shù)據(jù)化流程圖分析了拿破侖戰(zhàn)爭失敗的原因(圖3)。
20世紀(jì)20年代,維也納哲學(xué)家、社會學(xué)家奧托·紐拉斯(Otto Neurath)創(chuàng)建出圖形表達(dá)體系,他希望能創(chuàng)造一種用于整個奧地利的人民信息交流的圖形展示方法,容易理解,并且具有視覺感染力。這個系統(tǒng)就是后來聞名國際的“圖形統(tǒng)計的維也納方法”(Vienna Method)。1936年,紐拉斯出版了《國際圖示語言》一書,全面闡釋了這個圖像表達(dá)體系。并重新命名之為“印刷圖形教育國際體系”((International System Of Typographic Picture Education),簡稱“依索體系”(ISOTYPE)(圖4)。ISOTYPE圖表意味著通過不言自明的(self-explanatory)象形圖像來傳達(dá)主旨[1]。紐拉斯說,“維也納方法”不像普通的平面設(shè)計方法,不是機(jī)械復(fù)制一系列相同的形象來獲得一定數(shù)量的圖片,它要的是創(chuàng)造性的、有教育意義的作品(Neurath,1931)。
由此,信息設(shè)計的圖像符號系統(tǒng)開始建立起來,人們試圖突破文字語言的局限,更加直觀地描述現(xiàn)實。
經(jīng)過兩次世界大戰(zhàn)之后,人類文明進(jìn)入了一個新的階段。在印刷技術(shù)的提升之下,諸多社會問題亟待解決,于是設(shè)計師開始思考創(chuàng)造新的信息傳達(dá)方式,來反映前人從未關(guān)注過的許多議題。
1954年,德國設(shè)計師赫伯特·拜耶(Herbert Bayer)編纂的著作《世界地理地圖冊》(World Geographic Atlas)是他經(jīng)過了4年時間在全世界收集的各種地圖和地理素描,甚至包括建筑的立體透視圖和攝影的蒙太奇。拜耶的書籍整體設(shè)計是基于包豪斯的設(shè)計思維,對于不同層次、不同維度的信息(攝影、手繪圖、文獻(xiàn)),精準(zhǔn)而全面地進(jìn)行再現(xiàn),表現(xiàn)世界各地的圖景,并且采用十色全彩印刷[2],這在當(dāng)時是極其罕見的,對于印刷工藝和視覺接受都是一次挑戰(zhàn)?!妒澜绲乩淼貓D冊》對于科學(xué)化信息的編排為后來的百科全書起到了很好的示范作用(圖5)。
日本平面設(shè)計師杉浦康平同樣也是國際公認(rèn)的信息設(shè)計建筑師。他之所以被稱之為“信息設(shè)計建筑師”是因為他具有清晰的邏輯思維能力,在東京藝術(shù)大學(xué)建筑科的求學(xué)經(jīng)歷,使他對于將視覺信息進(jìn)行整合設(shè)計有著更加立體的認(rèn)識。杉浦康平從20世紀(jì)60年代開始關(guān)注“視覺語言”的問題,并一直在不斷探索如何將東方文化的理念融入信息文本的編排之中。1968年他與建筑師磯崎新共同參與策劃《都市住宅》雜志[3],連續(xù)若干期的雜志都以視覺化的信息圖表作為封面。他自己直言視覺圖表的設(shè)計是受到艾德溫歐·賴世(Edwin O.Reischauer)和巴克敏斯特·富勒(R.Buckminster Fuller)的啟示。70年代,他開始了對于變形地圖的研究?!白冃蔚貓D”意味著以全新的動態(tài)視角來審視人與地點(diǎn)之間的關(guān)系,地圖的傳統(tǒng)形態(tài)被完全打破了,人們能夠從新地圖中發(fā)現(xiàn)時間的張力(圖6、7)。
直到20世紀(jì)70年代,信息設(shè)計(Information Design)的概念才由英國信息協(xié)會(British Information Design)總結(jié)并提出。實際上,信息設(shè)計的行為早已存在于不同領(lǐng)域中。信息 圖(Inforgraphic)、 統(tǒng) 計 圖 表(Statistics Graphics)、 數(shù) 據(jù) 可 視 化(Data Visualization)等概念紛紛可以統(tǒng)括在信息可視化(Information Visualization)的范疇之中。有一種觀點(diǎn)認(rèn)為“信息可視化<信息設(shè)計<信息架構(gòu)”。進(jìn)一步分析而言,這種分支關(guān)系是基于處理信息的“結(jié)果—過程—目的”的逆向思維。如平面設(shè)計領(lǐng)域中的導(dǎo)視系統(tǒng)(Sign Design)實際是企業(yè)形象設(shè)計系統(tǒng)(Visual Identity System)的一部分,都是對企業(yè)的宣傳信息通過圖表或手冊進(jìn)行整合,甚至是擴(kuò)展到空間中圖示語言的系統(tǒng)化運(yùn)用。在科學(xué)領(lǐng)域,科學(xué)數(shù)據(jù)的圖像化描述叫作科學(xué)可視化(Scientif i c Visualization)。在建筑領(lǐng)域中的圖解(Diagram)則是設(shè)計過程中一種重要的方法,其意義在于對建筑師設(shè)計思維的推進(jìn),而不是作為設(shè)計的結(jié)果呈現(xiàn)。
許多國內(nèi)藝術(shù)院校專業(yè)設(shè)置中新增的“信息設(shè)計”專業(yè)實際只是從一個非常有限的側(cè)面反映了信息設(shè)計的面貌。而理工科專業(yè)下設(shè)的“信息可視化小組”,實則探討的是計算機(jī)的算法和分析。信息設(shè)計從形式上而言,可以看作是平面設(shè)計的延展。信息的“可視化”側(cè)重于視覺呈現(xiàn)帶來的便利性,“信息設(shè)計”的概念則更進(jìn)一步,需要設(shè)計者超越視覺形式,對已有信息進(jìn)行重點(diǎn)提煉和梳理,提出自己的核心思路,探索更深層的內(nèi)涵,并將其揭示出來。
視覺傳達(dá)信息和組織信息需要文字、圖像、符號等媒介,當(dāng)我們探討視覺層面的信息美時,自然會依賴基礎(chǔ)的視覺元素,如點(diǎn)、線、面的組合。然而信息設(shè)計中,如何能使可視元素顯示出邏輯層次,除了線條、色彩,還有網(wǎng)格、符號,它們更為綜合地融合了點(diǎn)、線、面,甚至突破二維平面,是一種能夠獲得多維結(jié)構(gòu)的呈現(xiàn)基準(zhǔn)。以下將分別對側(cè)重于線條、色彩、網(wǎng)格、符號,從不同層面的信息設(shè)計案例進(jìn)行解析。
圖5 、德國設(shè)計師赫伯特·拜耶(Herbert Bayer)編纂的著作《世界地理地圖冊》
圖6 、杉浦康平為新陳代謝派設(shè)計的信息海報
圖7 、杉浦康平設(shè)計的“變形地圖”系列圖表設(shè)計
在統(tǒng)計圖表的范疇內(nèi),曲線圖是重要的一個組成部分。但信息設(shè)計中“線”的意義不止于此。在數(shù)據(jù)可視化的時代,“線”成為轉(zhuǎn)化信息單體之間關(guān)聯(lián)的重要紐帶。數(shù)據(jù)可視化的重要意義在于揭示信息之間的潛在關(guān)聯(lián),使人們感受到聯(lián)系的美感。德盧西奧·邁耶曾在《視覺美學(xué)》中說:“線條是一幅構(gòu)圖中最為基本的部分,而構(gòu)圖中的動勢、體積、陰影和質(zhì)感都以線條來描繪,都是產(chǎn)生于線條的。線條能表示任何事物,以交叉、并列及交疊的線條來表現(xiàn)構(gòu)圖類型的種種變化?!盵4](P100)可見,線條是圖示語言中能夠使人感覺到力量和動態(tài)的基本元素。直線能夠簡潔快速地表達(dá),而曲線則顯得柔和婉轉(zhuǎn)。特別是手繪的線條與依賴機(jī)械工具繪制出的線條,在表達(dá)的親和度上也有所差別。
圖8 、Reebee Garofalo繪制的1955-1978年流行/搖滾音樂地形圖
圖9、 香港彩色馬賽克導(dǎo)視墻
以編年史圖表為例,如Reebee Garofalo繪制的1955-1978年間流行、搖滾音樂發(fā)展的編年史圖表,記錄了當(dāng)時專輯銷量最佳的藝術(shù)家。有超過700位藝術(shù)家和30多種不同風(fēng)格的音樂依著地形曲線從左至右延展開來。每個表演藝術(shù)家都注明了其主要事件及其紀(jì)錄保持的時間。重疊的線條則能夠比較出同一時期不同藝術(shù)家的活躍持久度和影響力。而每種風(fēng)格的誕生時間,伴隨著總銷售額的預(yù)測值,也一目了然[5]。這種手繪風(fēng)格的編年圖表不同于計算機(jī)繪制的,有更多隨機(jī)的成分在其中,但也更加生動形象地表現(xiàn)出了音樂風(fēng)格由盛到衰的現(xiàn)實狀況,恰似一張歷史地圖(圖8)。
不同的色彩對于不同信息的區(qū)分起到很好的作用,這是色彩的功能性。就審美的角度而言,好的色彩搭配效果能夠使信息的觀賞價值得到提升。在各式各樣的場所中,信息的色彩設(shè)計應(yīng)有選擇地結(jié)合地域文化、受眾的視覺喜好和視知覺習(xí)慣等因素進(jìn)行考量。
比如城市公共空間或交通運(yùn)輸?shù)膶?dǎo)視系統(tǒng),就尤其依賴于色彩的功能性,這就意味著色彩的審美將更大化地發(fā)生效用。因為在日復(fù)一日的重復(fù)使用過程中,人們很容易產(chǎn)生視覺疲勞和審美疲勞,所以色彩的選擇,將對使用者的空間感受帶來明顯的影響。飽和度過高、過于刺激的顏色,如大紅色、明黃色等,若作為地鐵車廂內(nèi)部空間的主色,將嚴(yán)重影響人們對于其他色彩的視覺感知,長時間待在大面積的色彩空間中可能造成生理上的不適。這個時候,純粹色彩的美感就不復(fù)存在了。因此,鮮艷色彩可以用做標(biāo)識的導(dǎo)視,但令人們長時間置于其中仍能感覺舒適的,還是低飽和度但明度適中的色彩。把握好色彩的變化與統(tǒng)一、重點(diǎn)與普適、節(jié)奏與韻律,有助于人們感受到空間中的色彩帶來的快感。
香港的地鐵導(dǎo)視系統(tǒng)就對此問題做了很好的示范作用。色彩雖然只是使導(dǎo)視系統(tǒng)發(fā)生作用的部分因素,卻能夠凸顯出不同站的獨(dú)特性:一方面,基于彩色墻面的站名墻辨識度高,給乘客很好的引導(dǎo)作用,加深記憶;另一方面結(jié)合當(dāng)?shù)氐奈幕厣趬γ胬L制的壁畫,則能夠吸引更多外來乘客一睹香港地鐵站的風(fēng)采,甚至吸引他們合影留念,使香港地鐵文化成為一種現(xiàn)代都市景觀(圖9)。
網(wǎng)格系統(tǒng)是一種秩序,基于這種秩序,設(shè)計師以“一種結(jié)構(gòu)性、預(yù)見性的方式來進(jìn)行構(gòu)思和設(shè)計”[6]。這種既定的邏輯之下組織起來的信息,更加簡潔明了,易于解讀。網(wǎng)格設(shè)計誕生于20世紀(jì)初葉的西歐諸國,到50年代瑞士國際主義的平面設(shè)計風(fēng)格得以完善。網(wǎng)格中傳達(dá)出來一種數(shù)學(xué)的嚴(yán)謹(jǐn),科學(xué)的美感,對于社會審美規(guī)范的完善,也有建設(shè)性的作用。然而網(wǎng)格并不意味著利用條條框框?qū)?chuàng)意束縛起來,而是賦予創(chuàng)造以理性的色彩,能夠使信息變得井然。更重要的是,網(wǎng)格并不一定都是可見的,隱形的規(guī)則讓人們更直觀地獲得有效信息,抓住關(guān)鍵問題。
網(wǎng)格系統(tǒng)被運(yùn)用到不同信息的設(shè)計之中,小到單頁廣告的制作,再到圖錄、報刊書籍,以及展覽的展示設(shè)計等等。文字、圖表、圖片的有機(jī)組合,使有內(nèi)容的面積變得充實而有節(jié)律。當(dāng)版面需要更加靈活的編排時,還需要用到“復(fù)合網(wǎng)格”,即通過不同尺寸單元格的網(wǎng)格系統(tǒng)的重疊,來實現(xiàn)不同層級信息的有序排列。
另一方面,網(wǎng)格也使有限的空間變得豐富起來,特別是二維平面,通過區(qū)域的劃分,仿佛營造出新的空間。秩序的美感,就意味著信息在單元空間內(nèi)的變動,能夠整合統(tǒng)一在整個版面之下。而在三維空間中,網(wǎng)格美則回歸,并更加徹底地還原了它的本質(zhì)屬性。為了能夠更加清晰地展現(xiàn)所有信息,設(shè)計師必須以更加綜合的視角進(jìn)行考量:光照、展品數(shù)量和尺寸、展品與展格空間的比例關(guān)系,都將影響信息的傳達(dá),特別是文獻(xiàn)展之類,以文字、圖片作為核心主體的展覽。這樣的信息設(shè)計意味著設(shè)計師必須將自己的身份介于平面設(shè)計師與建筑師之間,網(wǎng)格的呈現(xiàn)和意義也更加抽象、深刻。三維空間中的網(wǎng)格所表達(dá)的美感,應(yīng)該是一種觀者自然流動的行走,步履和目光的融合使其面對信息的延展,而不覺得中斷或突兀。
這三點(diǎn)結(jié)合在一起,便體現(xiàn)出信息設(shè)計在藝術(shù)形式方面的綜合考量。美國平面設(shè)計師Paula Scher將這些原則運(yùn)用得游刃有余。她熱愛手繪,同時又擅長對視覺信息進(jìn)行梳理。手繪地圖與計算機(jī)為主導(dǎo)的團(tuán)隊合作式的設(shè)計工作截然不同,Paula Scher結(jié)合自己的美學(xué)感受進(jìn)行歸納整合,然后投入到匠人式的地圖化繪制中,最終形成信息量驚人的巨型地圖畫。她的地圖畫中,既包含了自己對于養(yǎng)育自己的美國本土文化的理解和認(rèn)知,也包含了作為一名設(shè)計師的責(zé)任感和人文關(guān)懷。Paula Scher運(yùn)用了被解構(gòu)過的網(wǎng)格,對不同地域進(jìn)行分割;抽象的數(shù)據(jù)和信息關(guān)鍵詞同時并置在色彩之上,文字隨機(jī)蜿蜒成線條,在畫板上蔓延。Paula Scher的創(chuàng)作過程十分類似計算機(jī)的算法。她所能把控的只是這些原則,而無法預(yù)料整個結(jié)果,整個畫面所呈現(xiàn)出的豐富性,甚至?xí)鰟?chuàng)作者本人的預(yù)期。人們閱讀畫面的細(xì)節(jié),就是追溯整個設(shè)計脈絡(luò)的過程。這種文化地圖的創(chuàng)作融入了信息設(shè)計的思維,卻不是以信息設(shè)計為目的的,它的存在或許可以給予信息設(shè)計更多靈感(圖10)。
符號可以看作標(biāo)識、記號。無論是作為一套系統(tǒng)而存在,還是個別具有特殊意義的區(qū)別于普通圖文的象征物,符號都能夠更加快速地傳達(dá)語意。前提是符號要統(tǒng)一,容易辨別。特別是一套系統(tǒng)中,要尤其注意類似的形態(tài)符號的用法。利用已經(jīng)普及的符號作為設(shè)計元素,易于將人們帶入信息的陳述當(dāng)中,但同時也會流于貧乏。
圖10 、Paula Scher The World 1998 丙烯
圖11、 20世紀(jì)90年代末栗田穰崇創(chuàng)建的表情符號
圖12、 向帆、朱舜山 信息設(shè)計作品《全國美展油畫作品》(部分)
圖13、 向帆、朱舜山 信息設(shè)計作品《春晚視頻視覺化》(部分)
ISOTYPE作為20世紀(jì)初創(chuàng)造的符號體系,成為一種共通的語言;但同時對于它的改進(jìn),又會成為新的語言分支,含義也會發(fā)生微妙的轉(zhuǎn)化。90年代末隨著網(wǎng)絡(luò)的盛行,日本人栗田穰崇創(chuàng)建了一套12×12像素小格的表情符號,用于手機(jī)網(wǎng)絡(luò)的交流。十年之后,這套表情符號被納入網(wǎng)絡(luò)統(tǒng)一碼(Unicode),隨后完善成現(xiàn)在世人熟知的Emoji表情符號。這套符號的意義已經(jīng)超出了以往符號使用的語境。
Emoji的普及意味著在實時通訊的時代,人們想要在不可見的情況下,準(zhǔn)確快速地傳達(dá)自己的感情。并且這種需求在日益變得更加強(qiáng)化,最后誕生了以圖像為元素的表情包。符號從線構(gòu)成加上色彩,隨后立體化、擬物化……這一系列發(fā)展趨勢都反映出人們對于單一信息的不滿足,人們想要在虛擬世界中愈發(fā)真實地再現(xiàn)生活場景。這對于信息設(shè)計來說,是一個重要的思考點(diǎn)。符號之美在于它可以被作為信息傳達(dá)中的重要元素,使有限的空間能夠容納更多信息,同時避免繁縟,減少誤讀(圖11)。
古希臘人發(fā)現(xiàn)了黃金分割比例,后人依據(jù)這個比例營造城市建筑和進(jìn)行藝術(shù)創(chuàng)作。而在古埃及城市Elkab,考古學(xué)家新發(fā)現(xiàn)了刻在主干道旁的巨石上的巨型象形文字——四個不同的動物符號,它們的歷史可追溯到5200年前。據(jù)考古學(xué)家猜測,矩形石板的功能類似現(xiàn)代的公路廣告牌,在當(dāng)時當(dāng)?shù)氐膽?yīng)用十分普遍,通常主要沿干道排列,起到指示作用。而這些道路相互平行,通往尼羅河或連向沙漠。古人遵從統(tǒng)一秩序,這些準(zhǔn)則來自于自然規(guī)律,并成為人類判斷美的標(biāo)準(zhǔn)。然而隨著時代的變遷,這種標(biāo)準(zhǔn)慢慢不再符合人們的審美或?qū)嶋H需求,于是程式化的形式就成為失去現(xiàn)實意義的空殼。
一定條件下,程式化可以幫助人們將不同的信息整理成熟悉的、容易辨識的慣例,使讀者更輕松、舒適地接受它們。但一味地接受這些慣例,將會使信息的閱讀失效:人們會選擇完全按照記憶來理解新看到的信息,忽略需要思考的部分。因此,信息設(shè)計需要發(fā)現(xiàn)一種適合并且屬于這些信息的新模式,通過適度地添加元素來改變“絕對的標(biāo)準(zhǔn)”。
在現(xiàn)代,信息的傳輸速度和復(fù)雜程度都遠(yuǎn)遠(yuǎn)超出了人力接受的范圍,機(jī)械成為人的左膀右臂,人們繪制的機(jī)械工程圖紙也可以看作是信息設(shè)計的一部分。到了計算機(jī)互聯(lián)網(wǎng)時代,人們通過電腦軟件來構(gòu)架信息模型,因此信息設(shè)計師又被稱作“信息架構(gòu)師”(“信息架構(gòu)師”是美國建筑師Richard Saul Wurman在1976年的信息結(jié)構(gòu)主題會議上提出的,被定義為:第一,按照數(shù)據(jù)對其模式加以組織從而從紛繁中揭示其意義的個人;第二,創(chuàng)造信息結(jié)構(gòu)或圖示,以幫助他人找到其獨(dú)特的知識獲取途徑的人。)[4](P30)雖然信息設(shè)計的商業(yè)價值要遠(yuǎn)遠(yuǎn)大于美學(xué)價值,但是信息設(shè)計帶來的高效溝通,能夠使受眾從信息汲取的體驗上獲得層次更加豐富的美感。經(jīng)過分類的、高度邏輯化組織的文本和圖像,用視覺符號連接起來,能夠更加直觀地傳達(dá)圖文信息的語意,減輕信息接受者的視覺和思維負(fù)擔(dān),從而使用戶有更加良好的視覺體驗,甚至是互動帶來的知覺體驗,從而更大程度上讓他們有所獲益。
1.藝術(shù)與科學(xué)
數(shù)字視覺化設(shè)計師向帆與數(shù)據(jù)工程師朱舜山,以數(shù)據(jù)視覺化的方式呈現(xiàn)了1984年以來7屆全國美展的油畫作品縮略圖(共2276張),構(gòu)建起全新的展覽生態(tài)圖景。通過信息技術(shù)對于參賽及獲獎作品的歸類分析,我們能夠在微觀上提煉賽制的特征,又能從宏觀上看出歷史的發(fā)展趨勢,借數(shù)據(jù)之口批判現(xiàn)實中的弊病,予人反思(圖12)。而2015年,向帆與朱舜山合作的另一個作品《春晚視頻視覺化》,則通過類似的方式,展現(xiàn)了33年間春晚視頻的進(jìn)化歷程,和《全國美展油畫作品》一樣,通過色彩的冷暖明暗,反映了整個國家的主流審美取向。通過龐大的數(shù)據(jù)量排列出的縝密的萬花筒般的璀璨視覺效果,并不是信息設(shè)計的初衷(圖13)。
向帆說:“任何人不可能一眼看完幾千張畫作,但是數(shù)字技術(shù)可以為我們提供更遠(yuǎn)的觀察距離、更寬的觀察幅度,將幾千張甚至上萬張作品同時呈現(xiàn),觀點(diǎn)會因視點(diǎn)而改變。”(參見“美院人物”《向帆牌萬花筒——記清華美院視覺傳達(dá)系向帆副教授》)在數(shù)字化的信息設(shè)計中,信息的量成為視覺成像的重要因素,而主題素材的畫面本身卻隱退了。我們無從在作品中清晰地看到任何一幅全國美展的畫作,也很難辨別春晚視頻中各種色彩究竟是什么節(jié)目中的,但是我們卻能從這些流動元素的間隙中,捕捉到動態(tài)的時間,以及每個元素彼此之間的內(nèi)在關(guān)聯(lián)。
數(shù)字媒體作為一門交叉學(xué)科,融合了數(shù)字技術(shù)與藝術(shù)思維,藝術(shù)家與工程師合作,把海量的信息通過人文化的視角進(jìn)行編輯、分析,最終獲得一個意想不到的視覺效果??梢钥闯?,信息設(shè)計的價值從一方面體現(xiàn)在通過介入對藝術(shù)現(xiàn)象的解構(gòu)和分析,能使其呈現(xiàn)出理性的科學(xué)化面貌;此外,信息設(shè)計將科學(xué)信息變得可視化,使科學(xué)技術(shù)或者科學(xué)知識走下高冷的神壇,融入人們的日常中,便于人們認(rèn)識。
圖14、 格林學(xué)?!耙曈X化π”信息設(shè)計壁畫創(chuàng)作
美國布魯克林區(qū)學(xué)校的學(xué)生在數(shù)學(xué)老師南森·阿菲爾德(Nathan Aff i eld)和視覺藝術(shù)家艾麗·巴爾克(Ellie Balk)的帶領(lǐng)下,曾展開過兩個學(xué)期的信息設(shè)計計劃。他們將數(shù)學(xué)常數(shù)π通過一系列質(zhì)數(shù)以不同色彩和高度的形狀進(jìn)行排列編碼,繪制在校園的紅色墻面。其中一個作品是一個斐波那契數(shù)列的彩色螺旋體,用于表達(dá)黃金分割比例和π的關(guān)系。π通過色彩密碼的圖示在螺旋體內(nèi)部顯現(xiàn)出來。通過不同的色塊按照比例的空間變化,來表現(xiàn)π的形狀(圖14)。
“通過課堂專注于π這個單獨(dú)的、獨(dú)立的概念,數(shù)學(xué)不止試圖加深學(xué)生們對形狀和無理數(shù)的理解,更重要的是為學(xué)生把這些基礎(chǔ)的心理圖示聯(lián)系起來,來解決具體的街區(qū)美化的問題,以及比例是如何影響審美并反過來提升生活質(zhì)量的?!盵7]格林學(xué)校的老師們通過可視化的方法,讓壁畫藝術(shù)創(chuàng)作介入數(shù)學(xué)學(xué)習(xí)之中,使原本純粹的理科式學(xué)習(xí)變得生動形象。學(xué)生們能夠通過色彩來感知數(shù)的節(jié)奏與韻律,從而體悟到數(shù)學(xué)的魅力。而集體壁畫的方式使學(xué)生的感性認(rèn)識,進(jìn)一步通過合作得到了加強(qiáng)。
2.可視化趣味
通過數(shù)據(jù)信息可視化的方式完成作品,比如Wordle——一款專門免費(fèi)制作文字云的生成器,它可以快速分析特定網(wǎng)頁或文本的詞頻,提煉出關(guān)鍵詞,支持用戶自定義文字字體和文字的顏色,最終以多種風(fēng)格展示。創(chuàng)始人喬納森·范伯格(Jonathan Feinberg)曾將Wordle評價為一種激發(fā)用戶創(chuàng)造力的新型工具,但它不是“嚴(yán)格意義上的信息可視化工具,它在設(shè)計的某些方面存在誤導(dǎo)或者干擾用戶的潛在可能,有必要指出并加以批判”[8](P56)。他指出自己創(chuàng)建的這款文字云生成器——單詞大小調(diào)整太過初級,不同的顏色區(qū)分沒有特別的意義;字體使人充滿遐想,但過于注重美學(xué)效果而不是易讀性;不同關(guān)鍵詞的統(tǒng)計區(qū)分不夠具體。另一方面,Wordle的優(yōu)勢在于挖掘文本之間的潛在關(guān)聯(lián),在概括出文章的主要線索的同時,與用戶產(chǎn)生情緒和思維上的雙重共鳴,給予人們閱讀反饋。用戶能在制作屬于自己的Wordle時感受到創(chuàng)造的新奇和美麗。然而就視覺審美而言,Wordle暴露了智能技術(shù)的缺陷:無目的的節(jié)奏感會顯得雜亂無章,比起人工排版,它缺乏有意識地傳達(dá)信息的能力,更多的是營造一種可視化的氛圍。除Wordle之外還有兩個類似的文字云網(wǎng)站(可查詢http://www.tagxedo.com和http://www.abcya.com),是專門為兒童教育建立的趣味文字云網(wǎng)站。
目前文字云的制作是通過將文本中的關(guān)鍵詞以隨機(jī)排列的方式,經(jīng)過編程的設(shè)置,組合成特定的圖案,比如愛心形、樹葉狀或某個人物的肖像輪廓。這種文字云形式,目前已應(yīng)用于類似個人愛好描述、總結(jié)并配有商務(wù)演示、文章插圖、電視新聞報道,能夠提煉讀者的抽象記憶,使讀者參與享受文本的樂趣[9]。
Wordle的特性源自文本的特性,它對單詞的隨機(jī)組合給人們創(chuàng)造了喜悅、驚喜和某種程度的認(rèn)可,以及如詩般激發(fā)了人們的洞察力(圖15)。
知識文本的可視化,能夠使人更加清晰地區(qū)別各個板塊,厘清知識的邏輯關(guān)系或者內(nèi)容分支;或者類似Wordle,使文本產(chǎn)生趣味,借助圖像引發(fā)聯(lián)想。而對于數(shù)據(jù)的可視化,更注重的是數(shù)據(jù)統(tǒng)計形成的內(nèi)部關(guān)系的呈現(xiàn),能夠反映出表面無法直觀反映出的潛在關(guān)聯(lián),即通過不同色彩、形狀、大小來突出單位元素強(qiáng)調(diào)的信息,數(shù)據(jù)的排列疏密程度則能夠展現(xiàn)個元素之間的關(guān)系。
3.體驗式導(dǎo)視
除了以上對數(shù)據(jù)的靜態(tài)視覺轉(zhuǎn)化,信息設(shè)計還是引導(dǎo)人們?nèi)カ@得其他體驗的橋梁。由香港設(shè)計師為購物中心K11設(shè)計的導(dǎo)視系統(tǒng),在以往的導(dǎo)視系統(tǒng)上有所創(chuàng)新:不僅局限于尋找地點(diǎn)的功能性上,還以其形態(tài)的趣味性增強(qiáng)了游戲化的體驗。這套系統(tǒng)是圣誕節(jié)期間為配合各品牌的銷售推廣活動而專門設(shè)計的,除了整個一樓入口處向不同店鋪延伸的主要路線彩色導(dǎo)視地圖之外,在電梯的扶手側(cè)和各個轉(zhuǎn)角口也都設(shè)有導(dǎo)視牌。另外配合不同的店鋪,還專門印制了導(dǎo)購清單,幫助顧客輕松找到想要抵達(dá)的店鋪,如同游樂園的尋寶地圖一樣。這種體驗式導(dǎo)視系統(tǒng)通過卡通符號和色彩、曲線的配合,營造出歡樂的節(jié)日氣氛,給購物中心的顧客帶來耳目一新的體驗,并且能夠大大提高購物效率。甚至我們還能夠設(shè)想,可以互動的導(dǎo)視系統(tǒng)能夠帶來的美感體驗(圖16)。
圖15、 Wordle的文字可視化
圖16 、香港K11導(dǎo)視系統(tǒng)設(shè)計
通過以上比較我們會發(fā)現(xiàn)不同傾向下的信息設(shè)計在表達(dá)上的差異。或是忠實地反映數(shù)據(jù),在此層面結(jié)合風(fēng)格進(jìn)行美化;或是將藝術(shù)性從開始就融入對于信息的編排中,以天馬行空的個人敘事來重組信息,賦予其新的解讀。但無論如何,在信息設(shè)計的基礎(chǔ)之上進(jìn)行的審美探討都涉及對于可視化結(jié)果的優(yōu)化,它“是對特定數(shù)據(jù)信息感性化的展現(xiàn)方式……是可視化展現(xiàn)的‘言外之意’”[8](P215)。正如莫里茨·斯特凡(Moritz Stefaner)所說,“可視化原則是源于‘內(nèi)在張力’引起的、從純量化角度來查看復(fù)雜的社會現(xiàn)象?!盵8](P216)即捕捉這種豐富數(shù)據(jù)帶來的能量,通過可視覺描述的數(shù)字來探討解決問題的辦法。對于信息設(shè)計之美的探討最終會脫離從藝術(shù)的角度探討信息設(shè)計的審美價值,我們需要進(jìn)一步研究可視化語言的語境,美的意味,將激發(fā)使用者去探索未知的關(guān)聯(lián)。
[1] Christopher Burke.Isotype representing social facts pictorially.Conference "Data Designed For Decisions",OECD,Paris,June2009.
[2] WORLD GEOGRAPHIC ATLAS:A Composite of Mans Environment http://modernism101.com/products-page/art-photo/bayer-herbert-worldgeographic-atlas-chicago-container-corporation-ofamerica-1953-an-inscribed-copy/#.WTgD_c35j3h
[3] (日)臼田捷治.旋:杉浦康平的設(shè)計世界.呂立人 譯.北京:生活·讀書·新知三聯(lián)書店,2013:94.[4] 歐陽麗莎.信息時代的信息設(shè)計[M].武漢:華中師范大學(xué)出版社,2012.
[5] Genealogy of Pop/Rock Music.HistoryShots InfoArt.https://www.historyshots.com/collections/allprints/products/rockmusic
[6] (瑞士)約瑟夫·米勒-布羅克曼.平面設(shè)計中的網(wǎng)格系統(tǒng).徐宸熹,張鵬宇 譯,2016:10.
[7] Pi Visualized as a Public Urban Art Mural. http://infosthetics.com/archives/2014/09/pi_visualized_as_a_public_urban_art_mural.html
[8] Julie Steele,Noah Iliinsky.數(shù)據(jù)可視化之美.祝洪凱,李妹芳 譯.北京:機(jī)械工業(yè)出版社, 2011.
[9] h t t p://w w w.s t o r a g e l a b.o r g.c n/zhangdi/2014/02/07/wordle/2014-2-7
[10] 孫皓瓊.信息設(shè)計——讀圖時代的信息視覺化.藝術(shù)與設(shè)計.2010(04).
[11] 何蕾.視覺傳達(dá)設(shè)計中的“視覺設(shè)計”與“信息設(shè)計”.藝術(shù)與設(shè)計,2011(04).
[12] 戴文瀾.角度的信息可視化概述[J].設(shè)計,2013(11).
[13] 廖宏勇.矛盾與并置——信息設(shè)計作為技術(shù)美學(xué)的方法論立場[J].當(dāng)代藝術(shù),2016(03).
[14] 王悅.依索體系引導(dǎo)下的圖形設(shè)計的世界性與民族性探究[J]. 蘇州工藝美術(shù)職業(yè)技術(shù)學(xué)院學(xué)報,2013(01).
[15] 劉海颯.解讀平面設(shè)計中的圖形符號[J].美苑,2007(06).
[16] 陳小巧.西方信息圖表的崛起[J].理論研究,2015(10).
[17] 燕敏.地鐵導(dǎo)視系統(tǒng)的色彩創(chuàng)意設(shè)計研究——以香港地鐵為例 [J].美與時代(上旬刊),2014(04).[18] 宋若楠.功能中的形式美.中央美術(shù)學(xué)院碩士學(xué)位論文,2011.
[19] 艾倫·盧普頓.解析依索體系//馬格林.設(shè)計問題——?dú)v史·理論·批評.北京:中國建筑工業(yè)出版社,2009.
[20] (美)理查德·索爾·沃爾曼.信息饑渴.李銀勝等 譯.北京:電子工業(yè)出版社,2001.
[21] (日)杉浦康平.造型的誕生.李建華,楊晶譯.北京:中國青年出版社,1999.
[22] (加)Mark Smiciklas.視不可擋——信息圖與可視化傳播.項婷婷,張東寧 譯.北京:人民郵電出版社,2013.