淺談信息可視化設計課程的研究與教學實踐

常軼蕾 庫小偉

（四川文化藝術學院美術設計學院 ?四川 ?綿陽 ?621000）

摘要：信息環境也會隨著自然環境與社會環境的變化而變化，人們享受當下經濟發展帶來的繁榮盛世，也享受繁多信息帶來的便利。人們為了從紛繁復雜的信息中汲取所需，引發了對龐大的信息的分析與分類的研究，并加以藝術設計的主導，使之美化。這一系列的過程使得信息可視化設計迅猛發展，為迎合當下社會發展，國內多所高校藝術類專業均有開設信息可視化設計的課程。本文重點講述針對低年級學生信息可視化設計的課程研究與教學實踐，設計出一套簡單、有邏輯性的教學理念，并展示學生作品印證此教學理念。

關鍵詞：信息可視化設計;教學研究;教學實踐

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

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

一、信息可視化設計相關概念研究

（1）信息

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

（2）可視化

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

“看到”解釋為無形的事物或事物無形的狀態通過可視化方式演變為了有型的事物或可呈現的狀態，通過可視化的方法將抽象無形的、枯燥乏味的、難以理解的形式狀態進行呈現。

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

（3）信息可視化設計

信息可視化設計簡單來說就是將復雜的或難懂的數據通過可視化的手段，運用可視化的結構加以創意性、藝術性的表現形式，便于讀者直觀理解與享受美觀事物。信息可視化設計不僅有二維表現形式，早以隨著社會的發展演變為立體、三維演示的形態。

二、信息可視化課程教學內容研究

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

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

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

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

三、信息可視化設計課程教學實踐成果展示

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

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

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

教學內容第二章根據所學的11種結構模型，布置作業為以“養狗與養貓，哪一個花費更貴”為主題，進行相應的信息視圖化設計。展示并分析學生作品。

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

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

這張作品是在借鑒的基礎上呈現的，因為學生思維成熟度處于低水平階段。需要大量的借鑒來獲取經驗幫助成長。這也是事物發展的必然規律。

第三章節是圖表設計訓練，此部分可作為整體設計的其中一小部分，意在使得圖表變得有藝術性。

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

四、結語

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

參考文獻

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

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

*校級課題：項目名稱：河北永年冠善堂中醫館室內設計 ?課題號：CWYB202045