用圖形規(guī)劃未來(lái)
——視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)暑期教學(xué)實(shí)踐經(jīng)驗(yàn)談

李 昕/Li Xin

如果說(shuō)對(duì)數(shù)字的敏感和對(duì)文字的敏感分別決定了理科類和文科類專業(yè)學(xué)生的發(fā)展?jié)撡|(zhì)，那么能否利用圖形進(jìn)行熟練表達(dá)則是判斷藝術(shù)類學(xué)生，尤其是視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)學(xué)生能力高低的有效標(biāo)準(zhǔn)。無(wú)論是在設(shè)計(jì)教育高度發(fā)達(dá)的現(xiàn)代社會(huì)，還是在現(xiàn)代設(shè)計(jì)教育初步形成的20世紀(jì)初，圖形的地位都是如此重要。早在包豪斯學(xué)校建立之初，在這里任教的保羅·克利（Paul Klee）和瓦西里·康定斯基（Wassily Kandinsky）就已開(kāi)創(chuàng)性地將圖形與空間、色彩一起整合到設(shè)計(jì)語(yǔ)言之中。［1］在包豪斯所確立的課程體系中，包含形式和系統(tǒng)研究在內(nèi)的基礎(chǔ)課程極大地激發(fā)了學(xué)生的創(chuàng)造力，豐富了學(xué)生的視覺(jué)經(jīng)驗(yàn)，為他們進(jìn)一步從事專業(yè)設(shè)計(jì)奠定了基礎(chǔ)。［2］

正因?yàn)閳D形具有高度的抽象性與概括性，具有表情達(dá)意的特殊功能，所以它成為一切設(shè)計(jì)的基礎(chǔ)。大多數(shù)高校的視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)在大學(xué)一年級(jí)設(shè)有多門與圖形感知、表達(dá)和應(yīng)用相關(guān)的課程。但由于認(rèn)知上的局限，大多數(shù)學(xué)生習(xí)慣獨(dú)立地看待這些專業(yè)基礎(chǔ)課程，鮮有能夠?qū)W(xué)到的知識(shí)和技能綜合在一起進(jìn)行運(yùn)用的。因此，如何在大學(xué)的基礎(chǔ)階段讓學(xué)生達(dá)到對(duì)知識(shí)技能的融會(huì)貫通就成了教師在日常教學(xué)改革當(dāng)中必然要思考的問(wèn)題。

一、暑期教學(xué)實(shí)踐

（一）實(shí)踐周的目的

我們廈門大學(xué)嘉庚學(xué)院設(shè)計(jì)與創(chuàng)意學(xué)院在大學(xué)一至三年級(jí)每個(gè)學(xué)年的教學(xué)周結(jié)束之后均設(shè)有不同形式和內(nèi)容的三次實(shí)踐教學(xué)周。以藝術(shù)設(shè)計(jì)類大一學(xué)年的實(shí)踐周為例，其目的是培養(yǎng)學(xué)生的造型認(rèn)知能力，不同的專業(yè)方向可圍繞此目的設(shè)置形式不同的課程內(nèi)容。受新冠疫情的影響，2020年的暑期實(shí)踐周，由于教師無(wú)法像往年一樣帶領(lǐng)學(xué)生外出寫生或采風(fēng)，如何以“線上”“宅家”的模式完成此次課程也就成了設(shè)計(jì)此次實(shí)踐周的最大挑戰(zhàn)。由于實(shí)踐周的主要目的在于使學(xué)生建立正確的造型觀念，樹(shù)立理性的造型思維，掌握形態(tài)創(chuàng)造的基本規(guī)律和方法，因而對(duì)圖形的感知、表達(dá)和應(yīng)用能力的培養(yǎng)在一定程度上也存在和造型認(rèn)知相結(jié)合的可能性。對(duì)于造型來(lái)說(shuō)，不管簡(jiǎn)單還是復(fù)雜，抽象還是具象，都能夠傳達(dá)一定的信息，表達(dá)一定的內(nèi)容。但不管是什么樣的造型，其最基本的構(gòu)成元素都是圖形。因此，使用圖形的形式來(lái)傳達(dá)信息、表達(dá)思想也就成了此次實(shí)踐周教學(xué)的出發(fā)點(diǎn)。

（二）實(shí)踐周的內(nèi)容

如何加強(qiáng)以圖形為基礎(chǔ)的造型認(rèn)知和表達(dá)能力？大學(xué)低年級(jí)學(xué)生往往會(huì)在一定程度上存在對(duì)專業(yè)和未來(lái)職業(yè)認(rèn)知模糊的問(wèn)題，如果不加以適當(dāng)?shù)囊龑?dǎo)，則極有可能出現(xiàn)消極對(duì)待學(xué)業(yè)以及迷惘看待人生的后果。因此經(jīng)過(guò)反復(fù)衡量，我們這次暑期教學(xué)實(shí)踐的內(nèi)容最終被確定為規(guī)劃自己的大學(xué)學(xué)業(yè)和未來(lái)可能的職業(yè)方向，并以信息圖形的方式呈現(xiàn)出來(lái)。一方面，學(xué)生可以綜合利用在剛剛過(guò)去的一年所學(xué)的各門專業(yè)基礎(chǔ)知識(shí)，并綜合使用Photoshop、Illustrator、InDesign這三種業(yè)已掌握的平面設(shè)計(jì)軟件工具進(jìn)行創(chuàng)作，鞏固基礎(chǔ)知識(shí)，鍛煉應(yīng)用能力。另一方面，學(xué)生可以學(xué)會(huì)綜合分析與學(xué)業(yè)和職業(yè)相關(guān)的各類信息，并以圖形化的方式對(duì)自己未來(lái)三年的學(xué)習(xí)和畢業(yè)后的職業(yè)發(fā)展方向作出清晰而形象的表達(dá)。對(duì)于視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)數(shù)字媒體設(shè)計(jì)方向的學(xué)生來(lái)說(shuō)，此次暑期的學(xué)習(xí)實(shí)踐還有利于他們初步掌握專業(yè)方向課程體系之外的信息圖形設(shè)計(jì)的基本知識(shí)，為將來(lái)在新媒體設(shè)計(jì)中呈現(xiàn)動(dòng)態(tài)的圖形信息打好基礎(chǔ)。

二、實(shí)踐周教學(xué)階段

此次實(shí)踐周歷時(shí)12天，對(duì)于常規(guī)的課程教學(xué)來(lái)說(shuō)顯得過(guò)于短促。由于還要向?qū)W生介紹信息圖形設(shè)計(jì)相關(guān)的基礎(chǔ)知識(shí)，因此在保證其擁有足夠創(chuàng)作時(shí)間的前提下，必須對(duì)理論內(nèi)容進(jìn)行適當(dāng)?shù)木?jiǎn)以及合理的規(guī)劃。如表1所示，整個(gè)實(shí)踐周大致分為六個(gè)階段，各階段的主要任務(wù)及其成果詳述如下：

表1 實(shí)踐周日程安排表

1.任務(wù)概況階段

為了盡量利用好實(shí)踐周的有限時(shí)間，使學(xué)生在實(shí)踐周開(kāi)始后能對(duì)課程內(nèi)容有一個(gè)大致的了解，在實(shí)踐周開(kāi)始前，任課教師向?qū)W生公布了實(shí)踐周的內(nèi)容、任務(wù)和時(shí)間安排。由于在此之前所有學(xué)生均未接觸過(guò)信息圖形設(shè)計(jì)，所以指導(dǎo)教師在前期收集了大量信息圖形案例并分發(fā)給學(xué)生，使其對(duì)該類型的設(shè)計(jì)有一個(gè)感性的認(rèn)知。教師根據(jù)畫(huà)面表現(xiàn)形式將這些案例劃分為“時(shí)間架構(gòu)”“空間架構(gòu)”“邏輯架構(gòu)”三大類型［3］9。三大類型的劃分有助于學(xué)生直觀地了解信息圖形常見(jiàn)的架構(gòu)方法，并思考自己即將創(chuàng)作的作品可能的表現(xiàn)形式。

2.信息圖形設(shè)計(jì)入門階段

由于學(xué)生在剛剛過(guò)去的大一學(xué)年已基本掌握?qǐng)D形的基本知識(shí)和二維設(shè)計(jì)的基本方法，懂得如何將特定的信息“翻譯”為特定的圖形，加上在版式設(shè)計(jì)課程當(dāng)中所學(xué)的內(nèi)容，所以他們此時(shí)已初步具備創(chuàng)作一幅信息圖形作品所必須具備的“形式”上的條件。但是在當(dāng)前，學(xué)生需要懂得的是如何將“邏輯”上的要求體現(xiàn)出來(lái)。信息圖形中所謂的“邏輯”，即內(nèi)容與內(nèi)容之間的聯(lián)系。通過(guò)這種聯(lián)系，一幅信息圖形作品即可用圖像來(lái)解釋和說(shuō)明某個(gè)具體的問(wèn)題。在此階段，通過(guò)向?qū)W生簡(jiǎn)單解釋信息圖形是怎樣以圖形的方式來(lái)解釋和說(shuō)明問(wèn)題的，使學(xué)生明白了生活當(dāng)中到處都有信息圖形的存在——通過(guò)產(chǎn)品說(shuō)明書(shū)，我們能夠知道怎樣操作和使用一件產(chǎn)品；通過(guò)地圖，我們能夠獲悉怎樣才能去到某個(gè)地方；通過(guò)各種數(shù)據(jù)圖表，我們可以方便地理解和比較數(shù)據(jù)……從這些生活當(dāng)中的案例獲得信息圖形設(shè)計(jì)的感性認(rèn)識(shí)之后，學(xué)生們就可以從更加理性的方面來(lái)認(rèn)識(shí)和創(chuàng)作作品了。

3.信息收集階段

在確定了“大學(xué)期間的學(xué)業(yè)和職業(yè)規(guī)劃”這一作品主題以及對(duì)學(xué)生進(jìn)行了信息圖形設(shè)計(jì)的簡(jiǎn)單入門講解之后，即可開(kāi)始進(jìn)入信息收集階段了。既然稱之為“信息圖形”，那么在作品中就一定得體現(xiàn)出“信息”的存在。信息圖形當(dāng)中的信息無(wú)非文字信息、圖片信息、數(shù)據(jù)信息三種，三種類型的信息均可通過(guò)不同的渠道獲取。結(jié)合實(shí)踐周主題，指導(dǎo)教師為學(xué)生歸納了八個(gè)方面的信息：學(xué)什么課程、講什么內(nèi)容、會(huì)什么軟件、讀什么著作、有什么大家、用什么技術(shù)、做什么工作、有什么要求。本著這八個(gè)方面的問(wèn)題，學(xué)生可以從專業(yè)培養(yǎng)方案、搜索引擎、作品網(wǎng)站、招聘網(wǎng)站等多個(gè)渠道來(lái)查找與自己未來(lái)學(xué)業(yè)和工作有關(guān)的信息，從而對(duì)自己未來(lái)一個(gè)時(shí)期的學(xué)習(xí)和生活形成明確的認(rèn)識(shí)。

由于大學(xué)低年級(jí)學(xué)生對(duì)于專業(yè)和工作的認(rèn)識(shí)還較為模糊，在實(shí)踐周的這一階段，指導(dǎo)教師邀請(qǐng)本專業(yè)其他教師通過(guò)視頻會(huì)議的形式向?qū)W生介紹各自所擅長(zhǎng)的數(shù)字媒體設(shè)計(jì)領(lǐng)域。從實(shí)際情況來(lái)看，視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)數(shù)字媒體設(shè)計(jì)方向所涉及的領(lǐng)域有交互和影像兩個(gè)方面，因此受邀教師分別介紹了這兩個(gè)領(lǐng)域的知識(shí)體系構(gòu)成以及當(dāng)前相關(guān)行業(yè)的發(fā)展情況，使學(xué)生對(duì)與之相關(guān)的用戶體驗(yàn)設(shè)計(jì)、界面設(shè)計(jì)、游戲設(shè)計(jì)、三維建模、影視后期、欄目包裝等方面有了進(jìn)一步的了解。

此外，由于作品還必須體現(xiàn)出對(duì)未來(lái)職業(yè)的規(guī)劃，指導(dǎo)教師在該階段通過(guò)共享桌面的方式向?qū)W生演示了如何通過(guò)求職網(wǎng)站查找與專業(yè)相關(guān)的職位信息。通過(guò)查找和篩選海量的職位信息，學(xué)生可以切身了解現(xiàn)實(shí)社會(huì)對(duì)于某個(gè)專業(yè)相關(guān)工作的要求。而這些職位要求無(wú)論是在個(gè)人技能上還是在學(xué)歷以及工作經(jīng)驗(yàn)方面所列舉出的詳細(xì)信息，都能夠成為創(chuàng)作當(dāng)中有價(jià)值的素材。為了保證此類信息有一個(gè)可靠、全面且共同的比較基礎(chǔ)，學(xué)生被統(tǒng)一要求在“前程無(wú)憂”招聘網(wǎng)站進(jìn)行查找和篩選，并且以“全國(guó)”作為搜索范圍，根據(jù)自己的興趣選擇與本專業(yè)相關(guān)的某一個(gè)行業(yè)的某一個(gè)職位，并以搜索出的職位列表為基礎(chǔ)進(jìn)行篩選和記錄有關(guān)的職位需求，為下一階段的信息分析做好準(zhǔn)備。

4.信息分析階段

在收集了足夠多的原始信息后，學(xué)生即可進(jìn)入信息分析階段。該階段又分為信息的分類和信息的整理兩個(gè)步驟。原始信息由于來(lái)源眾多、分布雜亂，無(wú)法明顯地看出信息與信息之間的共性和個(gè)性差異，因此也就不存在比較的基礎(chǔ)。圖1形象地向?qū)W生解釋了接下來(lái)需要進(jìn)行的工作。“分類信息”意味著學(xué)生需要將前一階段收集的信息按照相同或者相似的屬性進(jìn)行分類，如學(xué)科信息、課程信息、軟件信息、職位信息等。當(dāng)各類不同性質(zhì)的信息被分門別類之后，其視覺(jué)特征——至少是在腦海當(dāng)中所呈現(xiàn)出的視覺(jué)特征就有了一定的輪廓。

圖1 什么是信息圖形 圖片來(lái)源：Hot Butter Studio

但此時(shí)的信息若直接呈現(xiàn)在作品中，則會(huì)表現(xiàn)為簡(jiǎn)單的信息羅列，只是在告訴讀者作品當(dāng)中“有什么”，至于這些信息之間的關(guān)系如何讀者卻無(wú)從得知。為此，同一類別的信息之間還要進(jìn)行比較分析，如這些課程分別在什么時(shí)候?qū)W習(xí)、某一門課程所學(xué)的軟件在其他什么課程中也能得到應(yīng)用、被統(tǒng)計(jì)的職位中有哪些共性、其對(duì)于哪些能力有共同的需求、對(duì)于哪一種專業(yè)軟件的需求程度最高、對(duì)于工作經(jīng)驗(yàn)以及學(xué)歷的要求多集中在哪一個(gè)層次等。當(dāng)學(xué)生能夠在這些獨(dú)立的信息之間如此建立起聯(lián)系的時(shí)候，就可以在信息圖形三種架構(gòu)類型中選擇其中一種來(lái)進(jìn)行表現(xiàn)了。

5.階段性成果匯報(bào)階段

當(dāng)完成了信息分析，整個(gè)實(shí)踐周課程就已完成了三分之一。為保證信息表現(xiàn)階段的順利進(jìn)行，學(xué)生被要求在此時(shí)間點(diǎn)進(jìn)行一次階段性成果匯報(bào)。匯報(bào)的目的有兩個(gè)：第一，將分析的信息形成規(guī)范而有條理的文字，從而使得之后的作品創(chuàng)作過(guò)程有據(jù)可依；第二，整個(gè)匯報(bào)過(guò)程有多位指導(dǎo)老師的共同參與，可及時(shí)糾正學(xué)生在收集和分析信息中出現(xiàn)的失誤，從而保證后期作品中信息的準(zhǔn)確性，同時(shí)也能夠就每人的匯報(bào)情況提出可能的畫(huà)面組織形式，為其作品創(chuàng)作提供參考。

6.信息的表現(xiàn)階段

通過(guò)分類和整理之后，信息的呈現(xiàn)方式更加整齊和規(guī)范了。在這一步中，分類、整理的結(jié)果需要用設(shè)計(jì)的方式表達(dá)出來(lái)，以增加信息的可看性。也正是從這一步開(kāi)始，學(xué)生必須有自己的設(shè)計(jì)構(gòu)思，找到最適合主題的表達(dá)方式，并將其設(shè)計(jì)構(gòu)思用草圖的形式表現(xiàn)出來(lái)，再進(jìn)行上機(jī)創(chuàng)作。

由于大部分學(xué)生是首次接觸信息圖形，在階段性授課過(guò)程中，指導(dǎo)教師適時(shí)向?qū)W生提出了優(yōu)秀信息圖形的五大要素，即“吸引人”“清晰”“簡(jiǎn)潔”“流動(dòng)性”“去文字化”，［3］13在進(jìn)行作品創(chuàng)作時(shí)，學(xué)生必須時(shí)刻對(duì)照這五個(gè)方面的要求來(lái)審視和改進(jìn)自己的作品。所謂“吸引人”，即作品的畫(huà)面以及標(biāo)題對(duì)讀者有足夠的吸引力。“清晰”，即作品的畫(huà)面和邏輯結(jié)構(gòu)清楚可辨，不能使讀者產(chǎn)生誤解。“簡(jiǎn)潔”，即重點(diǎn)突出，沒(méi)有不必要的元素。“流動(dòng)性”，即方便讀者閱讀，使讀者在看到作品的第一眼時(shí)就知道這是什么主題，知道怎樣去解讀畫(huà)面，知道畫(huà)面的重點(diǎn)在哪。“去文字化”，即盡量使用圖形來(lái)表達(dá)信息，減少文字表述。相比純粹的文字，恰當(dāng)?shù)亍胺g”成圖像的文字往往更有助于讀者的理解。

三、信息表現(xiàn)階段的信息圖形原理

在信息的表現(xiàn)階段，學(xué)生開(kāi)始在草圖的基礎(chǔ)上使用手繪、拍攝、電腦繪圖等方法來(lái)進(jìn)行創(chuàng)作。為了使每個(gè)學(xué)生都能綜合使用所學(xué)專業(yè)軟件，指導(dǎo)教師要求作品中所有圖片必須使用Photoshop進(jìn)行后期處理，所有圖形必須使用Illustrator進(jìn)行繪制，再將所有圖片、圖形、文字導(dǎo)入InDesign進(jìn)行最終的排版和導(dǎo)出。由此一來(lái)，視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)最為基礎(chǔ)和常用的三種軟件在此次課程中均已得到全面的應(yīng)用，也使得學(xué)生體會(huì)到各司其職的軟件結(jié)合在一起時(shí)所能發(fā)揮的效用。

在此階段，學(xué)生已經(jīng)能夠利用已有知識(shí)和技能實(shí)現(xiàn)自己的設(shè)計(jì)構(gòu)思，但是在信息的具體表達(dá)上仍然需要指導(dǎo)教師的現(xiàn)場(chǎng)指導(dǎo)。為了達(dá)到精簡(jiǎn)內(nèi)容、提高效率的目的，指導(dǎo)教師分別從“信息的維度和密度”“宏觀信息與微觀信息”“信息的分層”“網(wǎng)格化圖表”“顏色與信息”這五個(gè)方面對(duì)信息的表現(xiàn)形式進(jìn)行了介紹。經(jīng)過(guò)學(xué)習(xí)，大多數(shù)學(xué)生都能夠或多或少地將這些信息表現(xiàn)特征反映在自己的作品當(dāng)中，真正做到了讓圖形承載信息，避免了沒(méi)有任何信息表達(dá)功能的裝飾性圖形的出現(xiàn)。下面就結(jié)合此次部分學(xué)生的作品來(lái)說(shuō)明這五個(gè)方面的信息表現(xiàn)形式是如何在作品當(dāng)中得到運(yùn)用的。

（一）信息的維度和密度

世界是復(fù)雜的、多維的，而我們的設(shè)計(jì)用來(lái)表現(xiàn)世界的媒介如紙張、屏幕等卻是簡(jiǎn)單的、二維的。如何在簡(jiǎn)單的平面上表現(xiàn)復(fù)雜而多維的信息，是信息圖形設(shè)計(jì)者需要考慮的問(wèn)題。如果僅僅去表現(xiàn)一個(gè)維度的信息，正如前文所述，信息圖形將變成簡(jiǎn)單的信息羅列，缺乏相互比較的特征。如果作品能表現(xiàn)兩個(gè)或者多個(gè)維度的信息，信息與信息之間也就有了比較的基礎(chǔ)，同時(shí)單位面積的平面媒介所承載的信息量就會(huì)更大。換句話說(shuō)，信息的維度與信息的密度成正比。美國(guó)著名統(tǒng)計(jì)學(xué)家、數(shù)據(jù)可視化領(lǐng)域的開(kāi)拓者、信息圖形領(lǐng)域?qū)＜覑?ài)德華·塔夫特（Edward Tufte）就主張使用信息密集的圖形表現(xiàn)形式。當(dāng)這類作品被近距離仔細(xì)觀察時(shí)，每一項(xiàng)信息都能夠表現(xiàn)得清晰無(wú)誤；當(dāng)遠(yuǎn)距離泛泛而看時(shí)，讀者則能夠被信息所形成的獨(dú)特樣式所吸引。［4］

在圖2所示案例中，該學(xué)生由于有志于從事交互設(shè)計(jì)工作，故采用了手機(jī)游戲界面的圖形樣式來(lái)表達(dá)其未來(lái)三年的學(xué)習(xí)規(guī)劃。該作品在圖形表現(xiàn)方面精準(zhǔn)而富有創(chuàng)意。其三個(gè)手機(jī)界面分別代表的是未來(lái)三年的學(xué)習(xí)規(guī)劃，色彩飽和度不同的俄羅斯方塊造型代表了已經(jīng)掌握和尚未掌握的專業(yè)課程以及相關(guān)聯(lián)的各項(xiàng)技能（時(shí)間維度），方塊的不同顏色則分別代表了課程、能力、軟件、行業(yè)大師四個(gè)類型的信息（學(xué)業(yè)維度）。當(dāng)后兩類信息在圖例當(dāng)中以矩陣的形式組合在一起時(shí)，信息的比較效果就產(chǎn)生了。當(dāng)這些顏色不同、色彩飽和度不同的方塊與代表不同學(xué)年的手機(jī)屏幕組合在一起時(shí)，每個(gè)學(xué)年所要學(xué)習(xí)的知識(shí)、所要掌握的技能、所要學(xué)習(xí)的軟件、所要閱讀的著作、所要了解的行業(yè)專家也就一目了然了。可以說(shuō)，該作品不但在形式上引人注目，在信息的維度和密度上也表現(xiàn)突出，且圖形和版式的處理也比較到位。

圖2 徐家吉 操控人生

（二）宏觀信息與微觀信息

蘇軾在其《題西林壁》一詩(shī)中用“橫看成嶺側(cè)成峰，遠(yuǎn)近高低各不同”來(lái)形容觀察角度的不同對(duì)觀察結(jié)果的影響。雖說(shuō)在信息圖形設(shè)計(jì)領(lǐng)域沒(méi)有觀察角度的高低之分，但觀察距離的不同的確能夠給人帶來(lái)不同的感受。當(dāng)站在較遠(yuǎn)的地方觀察信息圖形作品時(shí)，我們所獲得的是整體的、宏觀的印象；而近距離觀察信息圖形作品時(shí)，我們看到的是微觀的、細(xì)節(jié)的效果。不同于強(qiáng)調(diào)整體觀感的海報(bào)等平面設(shè)計(jì)形式，信息圖形作品中宏觀和微觀的設(shè)計(jì)處理既要經(jīng)得起細(xì)微之處的辨別與比較，又要經(jīng)得起整體的、全局的觀照和縱覽。［5］51對(duì)于后者，擅長(zhǎng)藝術(shù)表現(xiàn)且又經(jīng)過(guò)一年視覺(jué)傳達(dá)基礎(chǔ)課程訓(xùn)練的學(xué)生不難做到；對(duì)于前者，經(jīng)過(guò)此次實(shí)踐課程中大量案例的啟發(fā)以及指導(dǎo)教師在創(chuàng)作過(guò)程中的逐個(gè)輔導(dǎo)，大多數(shù)學(xué)生已經(jīng)基本上能夠?qū)⒇S富的信息與畫(huà)面圖形相結(jié)合，展現(xiàn)出具有可比性的上下文信息。

在圖3所示案例中，學(xué)生使用“爬山”的比喻來(lái)展現(xiàn)自己在未來(lái)三年中學(xué)習(xí)專業(yè)課程知識(shí)，而后成長(zhǎng)為一名UI設(shè)計(jì)師的歷程。由于該生圖形設(shè)計(jì)基礎(chǔ)扎實(shí)，其作品在整體上顯得內(nèi)容豐富，無(wú)論是排版還是對(duì)“爬山”歷程的表現(xiàn)都能有效吸引讀者的注意力。而在微觀的層面上，當(dāng)讀者去細(xì)看每一個(gè)局部時(shí)，又能發(fā)現(xiàn)在爬山過(guò)程中的每一個(gè)關(guān)鍵時(shí)刻作者對(duì)自己學(xué)習(xí)和努力方向的詳細(xì)說(shuō)明。而且，作者并沒(méi)有采取平鋪直敘的方式，而是將說(shuō)明文字盡量精簡(jiǎn)，盡量使用關(guān)鍵詞、短語(yǔ)、精練的句子以及圖標(biāo)。與此同時(shí)，我們還能在微觀層面看到該生已將自身能力以及外界的工作要求等方面的信息轉(zhuǎn)化為可視化的圖表來(lái)進(jìn)行信息之間的比較，從而將不同的信息進(jìn)行了有效的組合，均衡了作品在宏觀和微觀兩個(gè)層面的完善程度。

圖3 陳子洋 怎么爬到“學(xué)”山頂

（三）信息的分層

對(duì)于經(jīng)常使用各類平面設(shè)計(jì)軟件的視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)學(xué)生來(lái)說(shuō)，“圖層”的概念并不陌生。Photoshop、Illustrator、InDesign等軟件均對(duì)“圖層”有所表現(xiàn)。信息圖形當(dāng)中的信息也是分為不同“圖層”的。與圖像的“圖層”相比，信息的“圖層”或者說(shuō)“信息層”并不是一個(gè)“具象”的層，它表現(xiàn)的形式更加抽象。信息分層即對(duì)畫(huà)面上的眾多信息進(jìn)行差異化區(qū)分，也就是將性質(zhì)或者作用相同的一類信息通過(guò)某種視覺(jué)表現(xiàn)形式與其他類型的信息區(qū)分開(kāi)來(lái)。

為了使學(xué)生對(duì)這一概念有更加形象的理解，指導(dǎo)教師在教學(xué)中使用了地圖的例子。地圖這種古老的信息圖形樣式發(fā)展至今，其畫(huà)面的信息表達(dá)已非常成熟，我們可以毫不費(fèi)力地從中發(fā)現(xiàn)星羅棋布的城市、蜿蜒交錯(cuò)的道路、形態(tài)各異的邊界線、深淺不同的陸地和海洋等高線……它們之所以能夠被人毫不費(fèi)力地辨認(rèn)出來(lái)，主要是由于其在色彩和造型上的差異所致。而不同的色彩和造型則區(qū)別出了抽象的“信息層”。試想一張沒(méi)有色彩的黑白地圖，不同的道路、邊界、城市圖標(biāo)都是相同的造型，我們是否還能快速而準(zhǔn)確地分辨出其中的信息？顯然不能。此時(shí)這幅地圖的信息由于沒(méi)有作差異化處理，各種信息雜糅在一起，從而形成了一個(gè)模糊、混亂而沒(méi)有邏輯的平面（圖4）。

圖4 1954年美軍繪制的印度西姆拉地區(qū)地圖 圖片來(lái)源：Edward Tufte, Envisioning Information, p. 58

在圖5所示案例中，學(xué)生將自己想象為一個(gè)貪婪地吞噬知識(shí)的黑洞，在其未來(lái)三年的成長(zhǎng)過(guò)程中需要獲取和消化掉更多的知識(shí)和技能。但在其畫(huà)面當(dāng)中，這些知識(shí)和技能并不是毫無(wú)區(qū)別地雜糅在一起，而是進(jìn)行了信息的分層處理。首先，使用不同的、容易辨識(shí)的圖標(biāo)分別代表需要閱讀的著作、需要掌握的軟件、需要學(xué)習(xí)的課程、需要掌握的技能和需要關(guān)注的視覺(jué)特效領(lǐng)域制作團(tuán)隊(duì)，再將這些代表不同內(nèi)容的圖標(biāo)置于不同的學(xué)年軌道上。這樣一來(lái)，觀者就能夠很方便地得知其在哪一個(gè)學(xué)年需要學(xué)習(xí)和掌握哪些內(nèi)容。同時(shí)為了將這些內(nèi)容在時(shí)間安排上的先后關(guān)系體現(xiàn)得更加一目了然，其將不同學(xué)年的圖標(biāo)大小、文字字號(hào)和連接線條的粗細(xì)均進(jìn)行了差異化處理。這樣不僅在視覺(jué)上體現(xiàn)出近大遠(yuǎn)小的效果，使畫(huà)面呈現(xiàn)縱深感，而且還使作品的結(jié)構(gòu)更加合理，信息分布更加錯(cuò)落有致。

圖5 施泓澤 黑洞之旅

（四）網(wǎng)格化圖表

凡是見(jiàn)過(guò)英國(guó)攝影師埃德沃德·邁布里奇（Eadweard Muybridge）創(chuàng)作于1878年的作品《運(yùn)動(dòng)中的賽馬》（圖6）的人都應(yīng)當(dāng)對(duì)賽馬在每一個(gè)時(shí)刻四肢的不同姿態(tài)印象深刻。通過(guò)對(duì)每一幀照片的對(duì)比，人們可以非常直觀地了解馬的四肢在奔跑過(guò)程中的不同狀態(tài)。這種直觀的相似畫(huà)面比較的方法與一百多年后信息圖形領(lǐng)域的開(kāi)拓者愛(ài)德華·塔夫特提出的網(wǎng)格化圖表方法（Small Multiples）不謀而合。所謂網(wǎng)格化圖表，是指由造型相似、尺度相等的一系列圖形或圖表構(gòu)成的連續(xù)性排列。人們可以非常方便地在目光所及的范圍內(nèi)進(jìn)行比較，從不同的視角了解一組信息的不同方面。無(wú)論是比較變化的數(shù)據(jù)、比較事物的不同點(diǎn)，還是比較選項(xiàng)的范圍，就廣義的信息圖形設(shè)計(jì)來(lái)看，網(wǎng)格化圖表都是最佳的設(shè)計(jì)解決方案。［5］51需要強(qiáng)調(diào)的是，這種方法有時(shí)并不需要將“網(wǎng)格”的概念體現(xiàn)得十分明顯，只要能夠利用好排版，將需要進(jìn)行比較的信息整齊地排列在一起即可。

圖6 埃德沃德·邁布里奇 運(yùn)動(dòng)中的賽馬 圖片來(lái)源：維基百科

在圖7所示作品中，作者將不同學(xué)期的專業(yè)課程學(xué)習(xí)內(nèi)容以壘方塊的形式呈現(xiàn)在畫(huà)面之中。雖說(shuō)該作品在整體效果上還不太完善，但是其對(duì)于每一個(gè)“課程方塊”的處理卻無(wú)意中體現(xiàn)出了網(wǎng)格化圖表的方法。由于每個(gè)方塊造型一致、每個(gè)方塊的每個(gè)面上的信息屬性一致，讀者可以毫不費(fèi)力地在方塊與方塊之間進(jìn)行比較，從而得出未來(lái)哪一門課需要閱讀什么著作、需要學(xué)習(xí)什么軟件的結(jié)論。

圖7 呂曉彤 跳跳大學(xué)（局部）

（五）顏色與信息

色彩在信息圖形中的作用是毋庸置疑的：除了前文所述可以用來(lái)體現(xiàn)信息的層次，還可以用來(lái)活躍畫(huà)面、標(biāo)記對(duì)象、進(jìn)行測(cè)量、模擬真實(shí)的場(chǎng)景，甚至可以只是作為純粹的裝飾。仍然以生活中常見(jiàn)的地圖為例，藍(lán)色用來(lái)標(biāo)記河流，使其能夠與陸地區(qū)分開(kāi)來(lái)；綠色用來(lái)標(biāo)記綠洲，使其能夠從沙漠中區(qū)分出來(lái)；深淺逐級(jí)變化的色彩可以用來(lái)標(biāo)記變化的等高線；由于色彩的使用，一些重要的文字信息可以有效地和圖形區(qū)分開(kāi)來(lái)。可以說(shuō)，這些效果是僅使用黑白兩色所完全無(wú)法達(dá)到的。在信息圖形設(shè)計(jì)當(dāng)中，怎樣將顏色用好是一個(gè)值得探討的問(wèn)題。在信息表現(xiàn)中掌握色彩的使用，就像在繪畫(huà)中掌握色彩的使用一樣重要。歐洲藝術(shù)家保羅·克利曾說(shuō)，畫(huà)好一幅畫(huà)其實(shí)很簡(jiǎn)單，把正確的顏色放在正確的位置就行。［6］這聽(tīng)起來(lái)很簡(jiǎn)單，做起來(lái)卻很難。不過(guò)對(duì)于信息圖形設(shè)計(jì)的初學(xué)者來(lái)說(shuō)，地圖學(xué)家愛(ài)德華·英霍夫（Eduard Imhof）的如下觀點(diǎn)可以有效地使我們避免由于色彩使用不當(dāng)而對(duì)畫(huà)面造成的破壞：當(dāng)許多大面積高純度的或者非常明亮的色彩在一起使用時(shí)，其效果往往讓人難以忍受；但當(dāng)這些色彩被少量地用在暗淡或低純度的底色之上時(shí)，則能夠達(dá)到非常理想的效果。換句話說(shuō)，應(yīng)當(dāng)非常謹(jǐn)慎地用大范圍的背景色或者底色將小面積的、明亮的色彩區(qū)域凸現(xiàn)出來(lái)。如果背景色或者底色是非常柔和的、帶有灰度的、中性的色彩，只以小面積的、明亮的色彩來(lái)表現(xiàn)主體，那么其效果將會(huì)非常顯著。由于此原因，灰色被認(rèn)為是繪畫(huà)當(dāng)中最美麗、最重要、最通用的色彩。當(dāng)非常柔和的色彩與灰色混合在一起時(shí)，就成為最好的背景色。［5］90

在圖8所示作品中，作者忠實(shí)地再現(xiàn)了英霍夫的色彩觀。首先，低純度的接近中性灰的底色分別區(qū)分出了從大一入學(xué)至大學(xué)畢業(yè)的五個(gè)時(shí)間段。其帶有漸變特征的背景色處理既與燭光照亮前路的意象相吻合，同時(shí)其類似于地圖學(xué)中大洋地勢(shì)圖的顏色梯度銜接效果也使得二維的畫(huà)面具有了縱深感。此外，作為畫(huà)面主要信息的大學(xué)學(xué)業(yè)以及未來(lái)的工作規(guī)劃則使用了相互關(guān)聯(lián)的分支結(jié)構(gòu)表示，并使用了明亮的白色線條和高純度的色彩。這些色彩由于面積小、用量少，在偏中性灰的柔和底色上顯得尤為突出。這樣，既做到了色彩與色彩之間的和諧搭配，又恰當(dāng)?shù)乩蒙蕦?duì)比凸顯了作品的主要內(nèi)容。

圖8 黃鐘樂(lè) 點(diǎn)亮前進(jìn)的路

四、小結(jié)

通過(guò)此次教學(xué)實(shí)踐，不難得出兩個(gè)結(jié)論。第一，對(duì)于視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)低年級(jí)的學(xué)生來(lái)說(shuō)，盡管沒(méi)有多少信息圖形設(shè)計(jì)的基礎(chǔ)，但只要其掌握了二維設(shè)計(jì)、圖形設(shè)計(jì)等專業(yè)基礎(chǔ)課程的理論知識(shí)，懂得常用的平面設(shè)計(jì)軟件的基本操作，經(jīng)過(guò)短期的集中實(shí)踐學(xué)習(xí)之后，是有能力創(chuàng)作出優(yōu)秀的信息圖形作品的。在學(xué)生創(chuàng)作過(guò)程中，指導(dǎo)教師必須因勢(shì)利導(dǎo)，對(duì)他們的作品隨時(shí)提出改進(jìn)意見(jiàn)。正如在現(xiàn)實(shí)的社會(huì)環(huán)境中，設(shè)計(jì)師需要不斷接受委托方以及設(shè)計(jì)主管的反饋一樣，學(xué)生在設(shè)計(jì)過(guò)程中也需要不斷接受指導(dǎo)教師的修改意見(jiàn)。只有經(jīng)過(guò)不斷修改的作品才經(jīng)得起推敲，才能夠具有成為優(yōu)秀作品的潛力。這也是藝術(shù)設(shè)計(jì)類教學(xué)不同于其他學(xué)科教學(xué)的地方。第二，信息圖形創(chuàng)作前的信息收集、分析是必不可少的環(huán)節(jié)。它一方面可以使學(xué)生懂得設(shè)計(jì)前期調(diào)研的重要性，另一方面可以使傾向于感性思考問(wèn)題的藝術(shù)類學(xué)生加強(qiáng)理性思考的邏輯能力的培養(yǎng)。只有經(jīng)過(guò)分析和比較的信息，其關(guān)系才更加清晰，其表現(xiàn)形式才具有更多的可能性，其產(chǎn)生的作用也要大于簡(jiǎn)單羅列之和。

在當(dāng)前由技術(shù)驅(qū)動(dòng)的世界中，我們被史無(wú)前例的海量信息所包圍。在這些信息面前，人們難免會(huì)手足無(wú)措。但是海量的信息一旦經(jīng)過(guò)人為的篩選、分析后，往往能夠顯示出清晰的結(jié)構(gòu)和層次關(guān)系，從而為人所用。隨著信息圖形設(shè)計(jì)的興起，越來(lái)越多的設(shè)計(jì)師和藝術(shù)家開(kāi)始將這些信息“翻譯”成形象的、視覺(jué)化的圖形語(yǔ)言，進(jìn)而以更加合理的方式將這些圖形語(yǔ)言優(yōu)美地組合在一起，表現(xiàn)出信息本身所承載的美，從而以一種新的方式在邏輯分析與美學(xué)之間架起一座溝通的橋梁。對(duì)于視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)的學(xué)生來(lái)說(shuō)，學(xué)習(xí)信息圖形設(shè)計(jì)不但有助于培養(yǎng)其圖形化思想表達(dá)的能力，而且還有助于培養(yǎng)他們從現(xiàn)實(shí)生活中篩選信息并進(jìn)行分析的能力，做到用理性的方法思考問(wèn)題、用感性的圖形闡述和解決問(wèn)題。由于此次實(shí)踐周的目的和作品主題非常貼近現(xiàn)實(shí)，雖然時(shí)間短暫，但實(shí)踐證明了這種短時(shí)間的、目的性極強(qiáng)的集中學(xué)習(xí)非常有助于學(xué)生對(duì)于知識(shí)的吸收。經(jīng)過(guò)實(shí)踐周的訓(xùn)練，他們既鞏固了原有的知識(shí)和技能，又在新知識(shí)的現(xiàn)學(xué)現(xiàn)用中體會(huì)到了什么叫作“設(shè)計(jì)來(lái)源于現(xiàn)實(shí)生活”。他們用新的方法和手段形象地規(guī)劃了自己的大學(xué)學(xué)業(yè)和未來(lái)工作，從而使設(shè)計(jì)產(chǎn)生了實(shí)際效用。