基于大學生計算機設計大賽背景下信息可視化設計策略研究

（東北大學藝術(shù)學院,遼寧沈陽 110819）

互聯(lián)網(wǎng)時代，信息傳播比以往任何時候都要方便快捷，信息量及信息傳播速度也在不斷地增長，信息傳播模式更是進入了一個全新階段。單純的文字排版簡單的圖文并茂，都不再能滿足人們的視覺需求。信息大爆炸時代大量信息短時間的涌入，超出了人們的解讀能力，無從分辨信息價值，更不能在第一時間做出合理有效的取舍。[1]可視化信息設計就能很好解決海量信息閱讀困難和版面枯燥的問題，同時這個時代也正好缺少了這樣一種信息整合的設計形式。通過搜集數(shù)據(jù)、確立邏輯框架、按層級設計信息，讓人們在有限的時間內(nèi)精準吸收更多資訊。此時信息可視化應運而生，它的通俗易懂正迎合了人們高效閱讀的心態(tài)與需求，進而被廣泛大眾所接受。

可視化信息圖是一種視覺語言的傳達方式，它將信息形象化、時空層次化、信息秩序化。通過圖像、文字、色彩、符號等視覺元素的綜合運用，來處理一些單靠文本或數(shù)據(jù)很難解釋的信息及信息間的相互關(guān)系，并試圖通過視覺語言提高信息傳達的感染力、豐富性及交流的效率。具有文字和語言無法取代的視覺傳達效果。[1]

鑒于信息可視化應用領域的廣泛，本文重點探討大學生計算機設計大賽信息可視化設計類別中信息圖的視覺設計策略。中國大學生計算機設計大賽（以下簡稱大賽）是一項在我國高校師生中具有良好聲譽、面向本科生的學科競賽，自2008年開始由教育部與計算機相關(guān)的教職委等組織聯(lián)合主辦，現(xiàn)為全國普通高等學科競賽排行榜的榜單賽事之一。

一、可視化信息圖的基本設計流程

（一）選擇主題，明確主題寓意

信息可視化設計主題的來源可以包羅萬象，可以是科學技術(shù)、新聞報道、社會熱點、醫(yī)療健康、歷史傳承等。主要以大容量的信息作為主要設計對象，在主題的選擇上，信息體量的豐富、多元成了一個重要指標。

在大賽中《漫步四合》系列作品，是為保護和傳承中國傳統(tǒng)建筑北京四合院而制作的信息圖形設計。

（二）搜集匯總，分析數(shù)據(jù)

明確主題的前提下，在大賽中搜集與主題相關(guān)聯(lián)的所有直接的、間接的信息數(shù)據(jù)，進而對數(shù)據(jù)信息廣泛地搜集與整理，來源包括書籍、史料、學術(shù)文章、網(wǎng)絡、公眾號等。在分析梳理信息數(shù)據(jù)的過程中，主體創(chuàng)作思路也逐漸清晰。

（三）列出思維導圖

思維導圖已列舉了信息圖中所要關(guān)注的大部分信息內(nèi)容。之后再進行恰當?shù)膱D文轉(zhuǎn)化，大部分信息內(nèi)容要被轉(zhuǎn)化成圖像圖形如插圖、統(tǒng)計圖表、示意圖、圖標符號、地圖等。對于不能轉(zhuǎn)化又需要出現(xiàn)的文字信息則要進行版面模塊內(nèi)文字編排，文字要簡潔扼要，切勿讓瑣碎冗長的文字信息增加閱讀負擔。

（四）確立邏輯框架

邏輯框架的構(gòu)建對信息設計來說尤為重要，所有的數(shù)據(jù)、文字、圖形語言都要圍繞它進行設計。同時信息設計也是一種敘事性的設計，對信息運用設計的手段進行敘述和呈現(xiàn)。敘事邏輯推理包括空間關(guān)系型、推導型、系統(tǒng)組織型、時序型和數(shù)據(jù)型。[2]

（五）篩選資料整合信息

整合信息，就是通過敘事邏輯的框架對于信息進行進一步的梳理工作。對與邏輯框架有直接關(guān)系的數(shù)據(jù)信息，可以給予足夠的充實；沒有直接關(guān)系的數(shù)據(jù)信息予以刪除；有間接關(guān)系的數(shù)據(jù)進行弱化。通過這樣的梳理，邏輯框架更清晰、數(shù)據(jù)信息針對性更強、信息主次層級關(guān)系更鮮明。

在大賽中與邏輯框架有直接關(guān)系的數(shù)據(jù)信息可以通過很多種藝術(shù)表現(xiàn)形式來突顯其重要性，如色彩跳躍式，通過色彩強弱對比產(chǎn)生的關(guān)注；局部突出式，局部與整體對比產(chǎn)生的關(guān)注；重點刻畫式，通過細膩翔實與弱化簡單對比產(chǎn)生的關(guān)注；形象特異式，通過部分形象的特異變化與常規(guī)觀感對比產(chǎn)生的關(guān)注。

（六）電腦繪制，探索視覺表達形式

從文字思維導圖到圖像圖形式導圖，再到信息圖中各模塊的信息呈現(xiàn)?？梢暬畔D的設計元素與樣式基本都已定型。只要進一步用電腦軟件進行繪制細化，信息圖的電腦初稿就已完成。在繪制電腦初稿的同時需要對信息圖的表現(xiàn)形式進行探討。每一種藝術(shù)表現(xiàn)形式都不能拘泥于單一的某一類型的信息圖。

可視化信息的多元設計，是以滿足信息準確、快捷的傳播功能性需求和讓信息更生動、更有趣的感性需求為準則，一定要選擇更為適合的設計表現(xiàn)手段。大賽中除了八大張綜合信息圖的設計外，還制作做了介紹四合院視頻、信息圖制作錄屏視頻、“漫步四合”公眾號及周邊衍生品等。

（七）深入編輯修改方案，最終設計完稿

深入編輯重點強調(diào)會使信息實用、深入。最后的方案修改再修改，讓信息圖視覺審美更精益求精。信息圖的整個設計層層遞進，環(huán)環(huán)相扣，相互關(guān)聯(lián)。從最初階段的基本圖表設計、功能圖形設計，到中間階段的敘事邏輯框架構(gòu)建、數(shù)據(jù)分析整合、視覺形式語言表達，到后階段與動態(tài)影像、交互設計、裝置設計相互關(guān)聯(lián)，因而呈現(xiàn)出多元化、多維度的綜合信息圖。

以上設計步驟是判斷它是否為一張好信息圖的重要評判標準。好信息圖設計的關(guān)鍵是創(chuàng)造出一個涵蓋大量細節(jié)和隱藏關(guān)聯(lián)的復雜結(jié)構(gòu)，它既要豐富信息圖表本身，也要為使用者提供閱讀的機會，讀者可以根據(jù)自身的興趣選擇看一分鐘還是一小時。

二、可視化信息圖中視覺語言的設計策略

可視化信息設計并不是全新的概念，生活中有很多信息可視化例子，如公共指示、統(tǒng)計圖表、星級評分、五線譜、地鐵路線圖等。信息圖最初是指報紙、雜志、新聞通訊社等媒體刊登的一般圖解。隨著信息可視化在大數(shù)據(jù)時代越來越被人重視，以及越來越多的設計師熱衷于以圖形化的方式結(jié)合視覺美感將信息傳達給讀者。改變“閱讀”方式的可視化信息圖在人們?nèi)粘Ｉ钪凶兊门e足輕重，不可替代。

（一）視覺語言設計策略之圖像圖形設計

1.插畫繪制式。插畫作為信息圖中主要的視覺設計表達手段，一般可以用來表達信息圖中故事內(nèi)容與情節(jié)的繪制，也可用來做海報類信息圖、科普圖鑒類信息圖的主圖形。藝術(shù)風格形式可以是幽默風格、時尚風格、寫實主義風格、矢量風格、裝飾主義風格等。

2.圖譜圖鑒解析式。圖譜釋義為按類編制的圖集。是為了通過圖像更好地了解事物的一種形式。指有系統(tǒng)的分類編輯可用來說明事物的圖表，是根據(jù)實物描繪或攝制而成。圖鑒是以圖畫為主，并附有文字解釋說明的藝術(shù)表現(xiàn)形式。所呈現(xiàn)的效果一般都是功能性信息圖形設計。

3.地圖標示式。地圖標示在信息圖中可用來標注地理位置、分布情況、距離遠近、移動軌跡等所在地區(qū)的各種大數(shù)據(jù)。在數(shù)據(jù)類信息圖中，地圖的信息呈現(xiàn)多以線稿地圖、矢量地圖、手繪地圖等形式為主。

4.圖形符號式。指以圖形為主要特征，用以傳遞某種信息的視覺符號。人類大腦對于圖形符號更容易接受，所以更能直觀、簡明、易懂和易記的傳遞信息。

5.圖表統(tǒng)計式。信息圖表是信息設計中的一個子集，能夠使人更好地讀懂數(shù)據(jù)。區(qū)別于傳統(tǒng)的視覺設計藝術(shù)，它更著重于數(shù)據(jù)的視覺化。設計師都在尋求以更創(chuàng)新、更獨特、更有趣的方式來展示信息圖中的數(shù)據(jù)分析。

（二）視覺語言設計策略之版式編排設計

版式編排指在預先設定好的有限版面內(nèi)，運用造型要素和形式法則，根據(jù)特定主題與內(nèi)容需要，將文字、圖片、色彩等視覺傳達信息要素，進行有組織、有目的的組合排列。

1.標題與文字的設計處理

信息圖中的標題文字的位置非常靈活，通常都置于版面上方或左側(cè)（橫版），也可置于版面下方、右側(cè)，或者置于版面中間或版面某一個角上。標題所占面積大小也沒有明確規(guī)定；文字可橫排也可豎排；只要版面美觀大方、比例恰當就都無不可。

整合文字最好的辦法就是群組化，其優(yōu)點是版面閱讀更輕松，短時間內(nèi)獲取更多的信息，提高閱讀效率；優(yōu)化負空間使留白更完整；有效梳理各模塊信息間的強弱關(guān)系。

2.整合信息中圖文關(guān)聯(lián)的設計處理

圖與文在信息圖版面上都是“塊”，但圖往往更容易吸引讀者的注意。因此在利用黃金分割對版面上的點、線、塊進行組合和分割時，應妥善處理圖與文字塊的對比和分布，及圖文間相互關(guān)系。整合文字最好的辦法就是將文字分層，模塊化文字內(nèi)容。整合圖可以是插圖、示意圖、數(shù)據(jù)圖表、流程圖、統(tǒng)計圖、地圖、時間軸線圖、圖形符號等形式。

3.各模塊網(wǎng)格間的拼合處理

不但要考慮單個模塊信息內(nèi)容的均衡，還要考慮多個模塊拼合后的視覺效果。一般可借鑒常規(guī)版面拼合規(guī)律，左上右下和右上左下“視覺重量”均衡的設計形式，即平衡了版面又比對稱靈活。

（三）視覺語言設計策略之色彩搭配設計

配色是整個信息圖版面編排流程中的最后一步，通常在文字轉(zhuǎn)化成圖形配好文字，再分割好模塊信息，才需要考慮色彩搭配問題。一個好的版面配色，會讓版面的視覺效果更上一層樓，最終信息圖的完整度也會更高。色彩作用在文字上的方式就是“換色”，此法能提升版面整體視覺效果。因為色彩與面積的關(guān)系，人們首先會被醒目的文字所吸引。對于圖像為主體的版面來說，視線被圖像吸引后還是要回到傳播文字信息上，所以為文字信息創(chuàng)造視覺焦點非常必要。

三、總結(jié)

可視化信息設計在設計構(gòu)思、制作到整體呈現(xiàn)，都離不開視覺元素的表達與傳播。信息大數(shù)據(jù)時代，信息設計改變著我們的生活習慣、思維方式、閱讀方式，信息圖用它特有的方式霸占著人們的視覺與審美。信息可視化作為一種媒介形式，以爆發(fā)式的流行趨勢滲入到人們的生活中，不管它是主動的還是被動的，它都以最快速的方式將信息傳遞給人們，這種高效的、實用的滲透方式是其他視覺傳播媒介難以比擬的。未來，信息時代的特性會更加突顯，我們將會面對更多復雜的數(shù)據(jù)信息，需要我們的理念、方法、藝術(shù)表現(xiàn)手段不斷升級更新才能與之匹配。信息可視化的應用在視覺傳達設計中會持續(xù)增多，如何讓信息圖變成巧妙的視覺語言，如何讓視覺信息傳達更自然、更流暢、更多維是設計師在日后需要不斷探索深入挖掘的。這不但是對設計師提出的正面考驗，也是當代社會發(fā)展的重要環(huán)節(jié)與任務。設計師需要通過視覺設計平臺擔負更多的社會責任，為推動社會進步貢獻設計力量。