摘要:信息圖表設(shè)計(jì)目前作為一個(gè)較冷門(mén)的方向,所蘊(yùn)含的功能卻是巨大的,這和其在現(xiàn)代平面設(shè)計(jì)中所處的地位是不符的。運(yùn)用信息可視化設(shè)計(jì)來(lái)將各種資訊內(nèi)容進(jìn)行整合,設(shè)計(jì)成為信息圖表,可以更直觀地讓觀者接收到信息的傳遞。本文探討信息圖表設(shè)計(jì)的表現(xiàn)形式、構(gòu)成要素等內(nèi)容,為數(shù)據(jù)可視化設(shè)計(jì)提供一種思路。
關(guān)鍵詞:信息整合設(shè)計(jì) 數(shù)據(jù)可視化 圖表
一、引言
(一)課題研究的背景及意義
目前,在我國(guó)設(shè)計(jì)行業(yè)中,信息圖表設(shè)計(jì)并沒(méi)有受到太大的重視,雖然情況在好轉(zhuǎn),但是與其實(shí)用性相比,還遠(yuǎn)遠(yuǎn)不夠。所以本文旨在通過(guò)對(duì)信息圖表設(shè)計(jì)作品的簡(jiǎn)單分析,來(lái)對(duì)信息圖表的重要性與實(shí)用性等方面作一定程度上的解讀。
(二)課題特點(diǎn)
本課題通過(guò)對(duì)信息圖表設(shè)計(jì)的典型案例分析來(lái)探討其在設(shè)計(jì)中的共通點(diǎn)。然后利用總結(jié)出的要點(diǎn)來(lái)對(duì)照作品設(shè)計(jì)過(guò)程中產(chǎn)生的問(wèn)題與解決方法,把分析結(jié)果和設(shè)計(jì)實(shí)踐相結(jié)合。
(三)研究方法
個(gè)案研究法:研究著名圖表設(shè)計(jì)師張圣煥的作品,從中學(xué)習(xí)其設(shè)計(jì)優(yōu)點(diǎn)。
文獻(xiàn)研究法:通過(guò)對(duì)相關(guān)出版物的深入閱讀,加深對(duì)信息圖表設(shè)計(jì)理解的廣度與深度。
經(jīng)驗(yàn)總結(jié)法:對(duì)個(gè)案、文獻(xiàn)等進(jìn)行研究后,總結(jié)其中的要點(diǎn),運(yùn)用到設(shè)計(jì)中遇到的問(wèn)題中去。
二、信息圖表概述
(一)信息圖表的定義
信息圖表是指信息、數(shù)據(jù)、知識(shí)等的視覺(jué)化表達(dá),以?xún)?yōu)化信息的傳遞。這種優(yōu)化信息的傳遞可以理解為一種充分理解和系統(tǒng)整理復(fù)雜或難以表達(dá)的信息,并通過(guò)圖形將其簡(jiǎn)單、清晰地呈現(xiàn)給讀者的信息可視化方法。美國(guó)著名圖表信息設(shè)計(jì)家烏爾曼說(shuō):“成功的視覺(jué)交流信息設(shè)計(jì)將被定義為被鑄造的成功建筑、被凝固的音樂(lè),信息理解是一種能量?!?/p>
(二)中國(guó)的信息設(shè)計(jì)現(xiàn)狀
在中國(guó),信息圖表設(shè)計(jì)還是一個(gè)比較冷門(mén)的方向,但是信息圖表蘊(yùn)含的功能卻是巨大的,這和其被人們所重視的程度是不符的。不管任何方面,只要是有關(guān)于信息表達(dá)的,那就一定可以通過(guò)信息圖表的形式來(lái)傳遞,利用各種方法將這些信息更清楚、更系統(tǒng)化地表現(xiàn)出來(lái)。其實(shí)早在古代中國(guó)就有用圖表來(lái)傳達(dá)信息的例子,如“八卦圖”“星象圖”和“人體穴位圖”等。但是在社會(huì)快速發(fā)展、信息爆炸的時(shí)代,信息設(shè)計(jì)好像并不被人們所重視,以至于大眾所見(jiàn)的信息都是純文本化的,或者都是以最基礎(chǔ)常見(jiàn)的柱狀圖、折線圖等單個(gè)圖表呈現(xiàn)的,十分死板,對(duì)人毫無(wú)吸引力。
(三)信息可視化的功能與特點(diǎn)
用一些圖形化的手段來(lái)清晰有效地表達(dá)信息是信息可視化的主要特點(diǎn)。生活中最常見(jiàn)的就是各種柱狀圖、餅狀圖、折線圖等基礎(chǔ)圖表,這樣的圖表可以十分直觀地表現(xiàn)數(shù)據(jù),但是在不同的場(chǎng)合,像這樣空洞的表達(dá)形式難免會(huì)給人枯燥乏味之感。那么,在視覺(jué)傳達(dá)專(zhuān)業(yè)中,就應(yīng)該思考如何將平面設(shè)計(jì)的語(yǔ)言和信息可視化相結(jié)合,從而在保證信息及數(shù)據(jù)清晰的基礎(chǔ)上,用一種大眾喜聞樂(lè)見(jiàn)的方式來(lái)表現(xiàn)信息。
三、信息圖表的要素與原理
(一)視覺(jué)傳達(dá)中的信息圖表設(shè)計(jì)要素
能將很繁復(fù)的信息用圖表的形式來(lái)講清楚講明白,那么這就是一張優(yōu)秀的信息圖表。作為視覺(jué)傳達(dá)設(shè)計(jì)下的信息圖表,僅僅做到這一點(diǎn)當(dāng)然是不夠的。在2009年紐約舉行新聞視覺(jué)設(shè)計(jì)大賽后,專(zhuān)家總結(jié)了五個(gè)要素,認(rèn)為這些要素是在設(shè)計(jì)信息圖表時(shí)應(yīng)該納入考慮的。這五個(gè)要素分別是吸引人、清晰、簡(jiǎn)潔、流暢和去文字化。
吸引人這一點(diǎn)在上文中的圖表形式中已有提到,一個(gè)好的形式或者是飽滿(mǎn)的信息就容易吸引到人。清晰和簡(jiǎn)潔這兩個(gè)要點(diǎn)的實(shí)現(xiàn),主要是在信息梳理后,對(duì)信息有一個(gè)明確的層次關(guān)系的理解,信息的分層,對(duì)冗余信息的精簡(jiǎn),對(duì)重點(diǎn)信息的突出等。做好了這個(gè),在設(shè)計(jì)的時(shí)候,就能把提取出來(lái)的重要信息如數(shù)字等進(jìn)行強(qiáng)調(diào),對(duì)起輔助作用的內(nèi)容則適當(dāng)弱化。到了流暢這一要素,首先也是基于信息的主次關(guān)系,再依靠各種基礎(chǔ)方法如顏色、編排等進(jìn)行設(shè)計(jì),使得觀者在瀏覽圖表時(shí)能跟著設(shè)計(jì)者設(shè)計(jì)的路線對(duì)所有的信息進(jìn)行獲取。最后的去文字化這一要素其實(shí)應(yīng)該是一直貫穿于整個(gè)設(shè)計(jì)當(dāng)中的。信息圖表,顧名思義是要以圖為主,所以,能用圖解決問(wèn)題的部分堅(jiān)決不用文字,文字只在必需時(shí)以元素的形式出現(xiàn)在圖表之中。這樣可以避免大段文本帶給人的煩躁感,使得受眾可以更加輕松地瀏覽圖表。
(二)信息組織中的原理
在設(shè)計(jì)信息圖表時(shí)要達(dá)到上文所說(shuō)的五個(gè)要素,那么在組織信息這個(gè)步驟就一定不能隨便。對(duì)信息進(jìn)行準(zhǔn)確的梳理之后再進(jìn)行設(shè)計(jì),絕對(duì)可以達(dá)到事半功倍的效果。使用L.A.T.C.H原理就是一個(gè)梳理信息的方法。這五個(gè)字母分別代表了位置、字母表、時(shí)間、類(lèi)別和層級(jí)。位置主要適用于各種信息的物理連接,字母表適用于被廣泛熟悉的組織結(jié)構(gòu),時(shí)間顧名思義適用于以時(shí)間軸為聯(lián)系的信息,類(lèi)別是以信息的特點(diǎn)來(lái)分組,層級(jí)則是根據(jù)信息的重要程度等來(lái)組織。以層級(jí)舉例,一張信息圖表是絕對(duì)離不開(kāi)清晰的層級(jí)關(guān)系的。因此,在開(kāi)始動(dòng)手設(shè)計(jì)之前就把所有信息的層級(jí)關(guān)系梳理好,在設(shè)計(jì)時(shí)就會(huì)有清晰的結(jié)構(gòu),會(huì)使得設(shè)計(jì)過(guò)程很順暢,也會(huì)避免最終圖表中的信息出現(xiàn)冗雜、混亂等情況。
四、信息圖表的設(shè)計(jì)與思考
(一)信息圖表的設(shè)計(jì)過(guò)程
信息圖表設(shè)計(jì)和所有的設(shè)計(jì)一樣,并非是一到手就可以進(jìn)行操作的,在設(shè)計(jì)之前必須經(jīng)過(guò)一系列的流程,一步一步地邁向最后成型的圖表。這些流程可以歸結(jié)為以下七步:選擇主題、收集數(shù)據(jù)、分析數(shù)據(jù)、確定表現(xiàn)形式、制作草圖、設(shè)計(jì)成型、檢驗(yàn)與發(fā)表。
首先是選擇主題,在大主題確定之后,不言而喻,是需要對(duì)一系列基于此主題下誕生的各種各樣類(lèi)型數(shù)據(jù)進(jìn)行羅列。而后就通過(guò)網(wǎng)絡(luò)查詢(xún)、考察調(diào)研等方式對(duì)這些數(shù)據(jù)進(jìn)行收集。在搜集完所有的數(shù)據(jù)之后,首先要做的就是對(duì)所獲得的數(shù)據(jù)進(jìn)行系統(tǒng)分析。分析后會(huì)發(fā)現(xiàn)各個(gè)不同類(lèi)型數(shù)據(jù)的內(nèi)容數(shù)據(jù)量大小差異明顯,那么這就要求設(shè)計(jì)者在這些繁雜的數(shù)據(jù)中去權(quán)衡將哪一方面的信息作為主要表現(xiàn)對(duì)象,哪一方面信息又是次一級(jí)或者再次一級(jí)的。這種選擇或是排序就涉及主客觀兩個(gè)方面的影響。主觀上,設(shè)計(jì)者在心中一定會(huì)有一個(gè)較為基本的界定,哪一些類(lèi)型的數(shù)據(jù)是可以進(jìn)行設(shè)計(jì),進(jìn)行創(chuàng)新的。而在客觀上,要考慮到圖表的受眾會(huì)對(duì)哪一類(lèi)型的信息更感興趣。結(jié)合這兩方面因素的考慮,從而確定各個(gè)類(lèi)型信息的主次關(guān)系。
接著就是表現(xiàn)形式的確定。信息圖表的表現(xiàn)形式最需要將其本身傳遞的內(nèi)容作為一個(gè)最大的考量因素。作為一檔綜藝節(jié)目,那么在設(shè)計(jì)的時(shí)候一定不能把它做得很死板,無(wú)論是在編排上還是在圖表的表達(dá)上。
當(dāng)然,這些大的步驟中還會(huì)穿插著一些小的分支問(wèn)題,比如在表現(xiàn)形式下又需要考慮媒介的選擇、素材的選擇,或者是信息圖種類(lèi)的選擇。這些問(wèn)題都是在這些過(guò)程中需要解決的。完成以上這四個(gè)步驟之后就是剩下的三個(gè)動(dòng)手實(shí)現(xiàn)的過(guò)程。
(二)信息圖表的表現(xiàn)形式思考
一張優(yōu)秀的信息圖表一定是包含著如層級(jí)清晰、數(shù)據(jù)量飽滿(mǎn)、信息一目了然等優(yōu)點(diǎn)。除此之外,可能每一張圖表都會(huì)有其獨(dú)有的表現(xiàn)形式和手法。
那么究竟這些表現(xiàn)形式和手法是什么?以韓國(guó)著名信息圖表設(shè)計(jì)師張圣煥的作品為例(圖1),進(jìn)行簡(jiǎn)單的分析,筆者總結(jié)了以下兩個(gè)方面原因。
一是圖表需要有一個(gè)好的表現(xiàn)形式,即形式感強(qiáng)烈。在眾多展覽中不難發(fā)現(xiàn),由于很多時(shí)候圖表的尺寸和海報(bào)相同,大眾很容易用審視海報(bào)的眼光去評(píng)判一張圖表。所以依靠形式感提升圖表的整體視覺(jué)效果,可以在第一時(shí)間抓住觀者的眼球,讓其進(jìn)一步地細(xì)讀內(nèi)容。如圖表“HANGUL”,其塊面感很強(qiáng),整個(gè)圖表設(shè)計(jì)都是運(yùn)用了二維平面的形式表現(xiàn),同時(shí)將其最重要的內(nèi)容置于圖表的中心位置并放大,使人的視覺(jué)在第一時(shí)間就能聚焦在其上。又如“LONDON”這張作品,它的亮點(diǎn)就在于其2.5D的插圖。整個(gè)圖表中,插畫(huà)占據(jù)了超過(guò)2/3的畫(huà)面,剩下的部分則是分配給了標(biāo)題和信息。同樣,這也是一種圖表形式的表現(xiàn),也同樣在第一時(shí)間吸引了觀者。
二是信息類(lèi)型的疊加,即多種多組信息融合。這和前面所說(shuō)的數(shù)據(jù)量飽滿(mǎn)不同,前者是指同一種類(lèi)型信息的數(shù)據(jù)量足夠,而這里所說(shuō)的疊加則是說(shuō)不同內(nèi)容信息的飽滿(mǎn)。在這里其實(shí)也可以通俗地理解為數(shù)量多和種類(lèi)多兩個(gè)方面。例如“JAZZ”中,正中央的主圖形包含了許多的信息,并且信息層次豐富,并不只是簡(jiǎn)單地拘束于單一的數(shù)據(jù)。那么它所表達(dá)的不僅僅是數(shù)據(jù)量的飽滿(mǎn),同時(shí)也是多種類(lèi)型數(shù)據(jù)的有機(jī)結(jié)合。
(三)《西安美食》設(shè)計(jì)中的部分問(wèn)題與思考
借由上述分析得到的結(jié)論,在實(shí)踐中設(shè)計(jì)了《西安美食》這一系列作品。整個(gè)設(shè)計(jì)過(guò)程中,不可避免地會(huì)出現(xiàn)許許多的問(wèn)題,重要的是如何對(duì)問(wèn)題進(jìn)行思考與解決。下面以《西安美食》系列中的三張圖表中所遇到的問(wèn)題來(lái)舉例說(shuō)明。
《這面很皮》(圖2)這張作品最重要的部分是對(duì)于其制作流程這一信息的表達(dá),難點(diǎn)在于如何用圖形化的方式將這一步步流程簡(jiǎn)潔明了地表現(xiàn)出來(lái)。若只是單純的文字羅列,勢(shì)必會(huì)喪失圖表的圖形感。所以選擇用抽象的幾何圖形來(lái)繪制流程,配合小段文字,不僅闡釋了制作的過(guò)程,同時(shí)用圖表達(dá)了需要使用到的工具等內(nèi)容。再配合一些如“卡路里來(lái)源”“三秦套餐”等內(nèi)容來(lái)豐富整個(gè)圖表,使其內(nèi)容不那么單一,層次也足夠豐富。
《舌尖上的羊肉泡饃》(圖3)作為解說(shuō)美食的圖表,其重點(diǎn)也是在其制作過(guò)程的表達(dá)。筆者在設(shè)計(jì)時(shí),考慮到其包含了饃與羊肉湯兩個(gè)制作過(guò)程,所以在經(jīng)過(guò)許多的嘗試后選擇了一個(gè)階梯的形式,讓其最后結(jié)合在一起。同時(shí)在其周邊輔以小段的文字和小圖標(biāo),來(lái)解釋說(shuō)明每一個(gè)步驟。在周?chē)浜咸崾疽恍┤纭俺苑ā薄芭洳恕钡刃畔ⅲ沟眯畔⒏语枬M(mǎn),同時(shí)整個(gè)畫(huà)面也具有了主次之分的層級(jí)感和平面構(gòu)成感。
《羊肉泡的那些事兒》(圖4)這個(gè)圖表主要是為了表現(xiàn)西安主要泡饃店的分布狀況。以插圖的形式畫(huà)出西安城墻內(nèi)外的場(chǎng)景,同時(shí)以數(shù)字標(biāo)注的方式標(biāo)注每一個(gè)區(qū)域的泡饃店數(shù)量。在右上角也配合了一張小圖來(lái)展現(xiàn)泡饃店的分布密度。圖表周邊也配上了一些輔助了解的數(shù)據(jù)以及信息。
設(shè)計(jì)一張信息圖表不難,但是設(shè)計(jì)一張好的信息圖表就不那么容易了。作為信息和數(shù)據(jù)的表達(dá),一定需要更多的理性思考,一步一步地實(shí)驗(yàn)、一點(diǎn)一點(diǎn)地思考。這樣,最后呈現(xiàn)的作品才能經(jīng)得起檢驗(yàn),經(jīng)得起推敲。
參考文獻(xiàn):
[1]木村博之.圖解力:跟頂級(jí)設(shè)計(jì)師學(xué)作信息圖[M].北京:人民郵電出版社,2013.
[2]善本出版有限公司.以圖釋義[M].北京:電子工業(yè)出版社,2016.
[3]王紹強(qiáng).信息圖表設(shè)計(jì):全球創(chuàng)意信息平面設(shè)計(jì)[M].北京:北京美術(shù)攝影出版社,2017.
(作者簡(jiǎn)介:朱竣凡,男,碩士研究生在讀,西安美術(shù)學(xué)院設(shè)計(jì)藝術(shù)學(xué)院,研究方向:視覺(jué)傳達(dá))
(責(zé)任編輯 劉月嬌)