淺談信息可視化設(shè)計課程的研究與教學(xué)實踐

常軼蕾 庫小偉

（四川文化藝術(shù)學(xué)院美術(shù)設(shè)計學(xué)院 ?四川 ?綿陽 ?621000）

摘要：信息環(huán)境也會隨著自然環(huán)境與社會環(huán)境的變化而變化，人們享受當下經(jīng)濟發(fā)展帶來的繁榮盛世，也享受繁多信息帶來的便利。人們?yōu)榱藦募姺睆?fù)雜的信息中汲取所需，引發(fā)了對龐大的信息的分析與分類的研究，并加以藝術(shù)設(shè)計的主導(dǎo)，使之美化。這一系列的過程使得信息可視化設(shè)計迅猛發(fā)展，為迎合當下社會發(fā)展，國內(nèi)多所高校藝術(shù)類專業(yè)均有開設(shè)信息可視化設(shè)計的課程。本文重點講述針對低年級學(xué)生信息可視化設(shè)計的課程研究與教學(xué)實踐，設(shè)計出一套簡單、有邏輯性的教學(xué)理念，并展示學(xué)生作品印證此教學(xué)理念。

關(guān)鍵詞：信息可視化設(shè)計;教學(xué)研究;教學(xué)實踐

信息可視化設(shè)計是一門把信息、知識、科學(xué)、數(shù)據(jù)、各種抽象思維、社會現(xiàn)象、企業(yè)理念等轉(zhuǎn)換為圖形的一門課程。廣義上的信息可視化包含了信息可視化、知識可視化、科學(xué)可視化、數(shù)據(jù)可視化，以及各種抽象思維、社會現(xiàn)象、企業(yè)理念等的可視化。[1]對于視覺傳達設(shè)計專業(yè)來說，是屬于難度較高的課程。對于設(shè)計者來說，需要求自己提升文化素養(yǎng)，對各領(lǐng)域知識的有一個基本認知。

筆者通過前期研究與后期實踐相結(jié)合，向大家展示了針對對于設(shè)計類低年級同學(xué)此課程的教學(xué)過程、教學(xué)研究內(nèi)容及教學(xué)成果展示。

一、信息可視化設(shè)計相關(guān)概念研究

（1）信息

“信息”這個詞的英文為Information，美國信息管理專家霍（F.W.Horton）給信息下的定義是：“信息是為了滿足用戶決策的需要而經(jīng)過加工處理的數(shù)據(jù)。[2]信息簡單理解就是我們眼睛看到的一串數(shù)字，或是我們數(shù)學(xué)課本中的一個公式，甚至透過教室玻璃看到的藍天白云映稱下的別墅區(qū)。信息可視化設(shè)計中的“信息”是來源與計算機專業(yè)中專業(yè)的數(shù)據(jù)分析表或數(shù)據(jù)折線圖等，而這些數(shù)據(jù)有股票走勢圖，或者專業(yè)性和很強的公司業(yè)務(wù)數(shù)據(jù)，再或者銷售量統(tǒng)計圖。這些數(shù)據(jù)的復(fù)雜性，也是使得設(shè)計學(xué)類專業(yè)的學(xué)生需提升自身文化素養(yǎng)，增加知識量，學(xué)而廣而不必精。我們的生活中充斥著多樣的信息，需要設(shè)計者運用自身的知識儲備，將信息分析歸納后，加以藝術(shù)化處理后，提供給信息受眾者，幫助他們快速接受所需信息。

（2）可視化

“可視化”對應(yīng)的英文為“Visualization”，字面意思可以理解為“讓目標對象可以被看到”。這里的“被看到”應(yīng)該有兩層含義，即“看到”和“看懂”。[3]

“看到”解釋為無形的事物或事物無形的狀態(tài)通過可視化方式演變?yōu)榱擞行偷氖挛锘蚩沙尸F(xiàn)的狀態(tài)，通過可視化的方法將抽象無形的、枯燥乏味的、難以理解的形式狀態(tài)進行呈現(xiàn)。

“看懂”解釋為在看到的基礎(chǔ)上將復(fù)雜性、高深性、理性數(shù)據(jù)類的東西轉(zhuǎn)化為美觀的、易懂的、通俗的視覺語言，從而達到幫助讀者理解及快速接收信息。這也是信息可視化設(shè)計的重要意義及目的。

（3）信息可視化設(shè)計

信息可視化設(shè)計簡單來說就是將復(fù)雜的或難懂的數(shù)據(jù)通過可視化的手段，運用可視化的結(jié)構(gòu)加以創(chuàng)意性、藝術(shù)性的表現(xiàn)形式，便于讀者直觀理解與享受美觀事物。信息可視化設(shè)計不僅有二維表現(xiàn)形式，早以隨著社會的發(fā)展演變?yōu)榱Ⅲw、三維演示的形態(tài)。

二、信息可視化課程教學(xué)內(nèi)容研究

文章前期解釋了信息可視化設(shè)計的發(fā)展與有關(guān)概念，通過對這些內(nèi)容的分析與了解，對教學(xué)內(nèi)容做以下陳述，因本課程安排對象為四川文化藝術(shù)學(xué)院美術(shù)設(shè)計學(xué)院大二學(xué)生，學(xué)生的心理認知尚未成熟，邏輯性較弱，此課程難度較大，在實際案例中設(shè)計類專業(yè)課程安排接受對象為大三以上或研究生。所以針對此情況在參考大量書籍、教學(xué)資料后對教學(xué)內(nèi)容做出解說。

第一部分內(nèi)容了解信息可視化。理解信息可視化設(shè)計概念，了解信息可視化設(shè)計發(fā)展歷史與歷程。重點學(xué)習(xí)信息圖分類：流程類、分組類、統(tǒng)計類、分解說明類、關(guān)系類、對比類、空間類。讓學(xué)生自己能分辨收集到信息的類別也便于后期設(shè)計。掌握靈感來源，靈活運用創(chuàng)意思維。熟記信息圖的設(shè)計流程。

信息可視化設(shè)計涉及大量數(shù)據(jù)和內(nèi)容，分列廣，所以課程內(nèi)容第二部分與第三部分按照信息可視化的方法歸納整理，第二部分是11種信息結(jié)構(gòu)模型，第三部分是圖表結(jié)構(gòu)。結(jié)構(gòu)模型就是信息圖的骨架，根據(jù)信息歸納分類，為信息配以合適的骨架。

設(shè)計構(gòu)成要素包含圖形，色彩、版式、字體設(shè)計，課程第四部分內(nèi)容為信息可視化設(shè)計中要素選擇與設(shè)計，此部分課程是建立在字體設(shè)計、版式設(shè)計的基礎(chǔ)上進行的。第四部分的內(nèi)容安置于骨架上，協(xié)調(diào)四要素的關(guān)系，設(shè)計出內(nèi)容新穎且讀者易讀懂的信息設(shè)計圖。課程第五部分內(nèi)容為15個設(shè)計實例，通過對設(shè)計實例的講解幫助學(xué)生對前面四章內(nèi)容融會貫通，輔助自己的信息圖設(shè)計。

三、信息可視化設(shè)計課程教學(xué)實踐成果展示

本文第二部分對教學(xué)內(nèi)容做出敘述，根據(jù)教學(xué)內(nèi)容本部分論述教學(xué)過程及成果展示，信息可視化設(shè)計課程本身內(nèi)容較為復(fù)雜，且屬于多學(xué)科融合產(chǎn)物。信息可視化設(shè)計的所有數(shù)據(jù)均建立在實際數(shù)據(jù)收集的基礎(chǔ)上。根據(jù)教學(xué)內(nèi)容第一章所學(xué)布置作業(yè)為收集七種信息分類設(shè)計信息圖。筆者用學(xué)生收集到的一張信息設(shè)計圖來進行說明，為學(xué)生展示如何分析收集到的設(shè)計作品。

這張設(shè)計作品（圖1圖2）是紅茶的制作和沖泡圖，一眼便可看到畫面中心是表明主題的圖案，黃線范圍內(nèi)以透視的方呈現(xiàn)并以流線流程引導(dǎo)讀者。作者采用信息組塊的方式形成透視關(guān)系，既有創(chuàng)新性又有較強視覺沖擊力。綠色框是紅茶歷史內(nèi)容，紅色框是茶具陳列展示。屬于此作品的次要信息。

此作品信息分層明確，主題明確，視覺沖擊力強，版式獨特新穎，顏色古樸大方，符合茶的特點但畫面又顏色帶來的沉悶感，圖形設(shè)計采用了扁平化設(shè)計風(fēng)格，圖案生動。

教學(xué)內(nèi)容第二章根據(jù)所學(xué)的11種結(jié)構(gòu)模型，布置作業(yè)為以“養(yǎng)狗與養(yǎng)貓，哪一個花費更貴”為主題，進行相應(yīng)的信息視圖化設(shè)計。展示并分析學(xué)生作品。

這張信息圖（圖3）屬于對比類信息圖設(shè)計，是19級本科1班馮夢琪同學(xué)的設(shè)計作品，對兩種以上的事物在概念理念或性質(zhì)上進行對比，著重于本質(zhì)區(qū)別的體現(xiàn)。在設(shè)計過程中，首先將貓與狗以及各自花費項目的金錢和圖標分別放在兩邊在視覺上便奠定了對比。而后再通過多項目上的花費情況描述，來對各項目的花費詳情進行對比。在選擇顏色方面，以藍色作為主色調(diào)，來營造一種可愛、輕松的氛圍。而為了呼應(yīng)主題，字體采用了卡通可愛的方正體，使畫面更加和諧。

此設(shè)計圖（圖4）有趣、簡潔、以圖概字、清晰傳達信息。在圖案選擇上主要以貓、狗以及貓狗生活用品的插畫形式來進行。根據(jù)對比類信息圖以及信息可視化設(shè)計知識內(nèi)容為基礎(chǔ)進行設(shè)計，作品主體色為黃色，用插畫圖直觀有趣的表達，將一些枯燥乏味的文字信息、數(shù)據(jù)信息或某些抽象的關(guān)系，轉(zhuǎn)換為直觀有趣的圖形，使之更易理解，數(shù)據(jù)上用圖表形式直觀的表達，核心就是高效、直觀的傳遞信息。在對比中數(shù)據(jù)真實性也是不可忽視的，同時構(gòu)圖也是對立分等，不同形式的構(gòu)圖也直接影響著傳遞信息。字體顏色選用紅、藍作為對比，突出差異，數(shù)據(jù)圖上也用該顏色突出重點。參考了“社交媒體與搜索引擎兩者差異”圖，里面用兩個摔跤選手打斗圖進行形象的傳達，增加整體趣味性，主題顏色與字體顏色均參考其中，隨著信息視圖化這種信息表達方式的普及，使得人們能夠更有趣、更快速、更有力地獲取各種信息。

這張作品是在借鑒的基礎(chǔ)上呈現(xiàn)的，因為學(xué)生思維成熟度處于低水平階段。需要大量的借鑒來獲取經(jīng)驗幫助成長。這也是事物發(fā)展的必然規(guī)律。

第三章節(jié)是圖表設(shè)計訓(xùn)練，此部分可作為整體設(shè)計的其中一小部分，意在使得圖表變得有藝術(shù)性。

第四章節(jié)是版式、色彩、字體的講解，第五章節(jié)是運用實際案例來回顧理論知識，根據(jù)此兩章節(jié)內(nèi)容，布置作業(yè)為利用信息可視化設(shè)計所學(xué)設(shè)計四川文化藝術(shù)學(xué)院（梓潼校區(qū)）地圖。意在培養(yǎng)學(xué)生是考察與實踐設(shè)計能力。下圖是學(xué)生作品展示。

四、結(jié)語

本文從信息可視化設(shè)計課程前期理論概念研究到課程教學(xué)內(nèi)容研究再到教學(xué)成果展示，展現(xiàn)課程完整過程。信息可視化設(shè)計課程內(nèi)容雖然復(fù)雜，但運用具體問題具體分析的方法總結(jié)了針對低年級學(xué)生的教學(xué)內(nèi)容，并通過學(xué)生實踐結(jié)果印證了教學(xué)內(nèi)容的可實施性。信息可視化設(shè)計已經(jīng)成為我們這個時代不可或缺的東西了。

參考文獻

[1]王紹強.信息圖表設(shè)計：全球創(chuàng)意信息平面設(shè)計[M].北京：北京美術(shù)攝影出版社，2017.

[2][3]陳冉，李方舟.信息可視化設(shè)計[M].杭州：中國美術(shù)學(xué)院出版社， 2019.06.

*校級課題：項目名稱：河北永年冠善堂中醫(yī)館室內(nèi)設(shè)計 ?課題號：CWYB202045