常軼蕾 庫小偉

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

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

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

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

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

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

（1）信息

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

（2）可視化

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、結(jié)語

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

參考文獻(xiàn)

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

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

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