以藝釋疫

許甲子

關鍵詞：信息圖形 視覺信息 信息設計 新冠疫情 視覺轉換

引言

國際印刷圖形教育系統（International System of TypographicPicture Education，Isotype）建立于20世紀初期，以圖形、圖表和文字進行設計并用于兒童教育方面的的實踐為信息設計系統帶來了深遠的影響，將原本生硬的表格用圖像解說（Diagram Design）的方式表達出來，便有了不同的意義。圖解與信息圖表不同，圖解包括圖形、表格、統計圖，是信息圖表的原型。[1] 視覺化信息（InformationVisualization），也是信息可視化，都是信息設計術語應用的擴大化。視覺化信息圖應用范圍相對廣泛，如新聞領域、環境導視系統（圖1）及醫療領域中，使各個相關的信息之間產生關聯，在數據可讀和易讀的基礎上使閱讀主體挖掘出更深層的信息。2020年2月，世界衛生組織將新型冠狀病毒肺炎命名為“COVID-19”，信息時代將數據可視化可以為疫情防控提供更精準的前期預測與后期措施的選擇，進而更加促進了視覺信息設計的快速發展?！靶滦凸跔畈《痉窝滓咔樾畔⒃O計包括疫情數據的可視化、患者軌跡查詢、求助信息整合、信息真實性的刪選、抗疫資源優化調配等方面?！盵2] 因此，視覺信息課程結合突發公共事件主題，需繼承傳統視覺傳達設計基礎課程，將圖表與數據結合，把握視覺上的審美，更需嚴格遵循數據的準確性與完善性。

一、關于視覺信息設計課程

信息設計領域中，學科間的交叉與綜合已成為“大設計”背景下設計學科各專業課程發展的趨勢。視覺信息設計將理性的客觀的數據與具有審美性的圖形相結合，在數據多樣化的前提下，將數據進行篩選與整合并圖形化，使信息具有更直觀的獲取方式。視覺傳達設計專業存在于醫學類專業為主導的高等院校中，具有其自身的合理性與特殊性，學科環境為設計服務于醫療及醫學相關領域，提供了更近的平臺與更便捷的路徑。

目前，關于這門年輕的專業課程，國內的設計專業有兩種不同的辦學方式：一種為獨立的專業形式體現，即視覺信息設計已經在引領設計前沿的專業院校形成專業，如清華大學美術學院于2005年9月率先成立信息藝術設計系，南京藝術學院的視覺信息設計專業成立于2013年;另一種為視覺傳達設計專業的重要的專業課程之一，如視覺信息設計課程設立于四川大學美術學院、北京服裝學院的視覺傳達專業。由此不難看出，作為一門跟隨大數據、人工智能等高新技術發展的視覺信息設計課程日益顯示出其重要性。在疫情防控初期，北京大學可視化與可視化分析實驗室、南京藝術學院設計學院、四川美術學院設計學院等為代表，將疫情相關的數據信息進行收集與整理，形成圖形化的傳達方式，解決了在信息爆炸的時代人們面臨數據解讀的可視化問題。在此期間，設計主體通過設計手段以數據為素材體現疫情期間社會各界努力“抗疫”的狀況，將信息進行圖形化處理，從而使色及行為更理性地結合用戶的需求。

二、教學理念的探新

視覺信息設計將數據與圖形、文字、色彩的結合，這門課程的從無到有，從課題選擇到教學的過程都進行了探索與突破。結合課程發展的現狀以及醫學背景下的視覺傳達設計專業尋求自身發展的路徑，建構適應實際狀況的教學理念，對課程內容的實施有著觀念上的指導。

1.以視覺傳達專業基礎課程知識為主導：“信息圖表通過圖表、插圖、圖標等圖形元素對信息進行客觀描述，大大提高了書籍信息的可讀性和易讀性?！盵3] 在信息可視化的設計教學中，圖形、色彩、文字等設計元素均為視覺傳達專業的基礎課程的訓練對象，如圖形創意、設計色彩、字體設計等基礎課程。除此之外，字體的設計與編排也是信息視覺化過程中的重要訓練項目。因此，不論字體還是圖形與色彩，在視覺傳達設計的基礎課程中均有涉及。學生利用基礎課程所涉及的知識來完成視覺信息設計的過程，不僅完成新的創作形式，在完成過程中能夠有的放矢，同時以基礎知識解決專業課程的問題。

2.將醫護信息與圖形設計結合：由于視覺信息課程在本科的理論與實踐教學中首次展開，同時結合醫學與新型冠狀病毒肺炎疫情的語境，將大連醫護人員赴武漢援助的時間、人員、與效率等信息用圖形、字體、數據相結合，也是將數據進行整理與歸納的過程。以圖形的結果體現出具體事件，不僅在教學過程中將理性的數字與設計結合形成功能性，也使信息圖表具有了傳達信息之外的審美性。更重要的是，通過課程的傳授，學生對數據的形成理性分析與整理的思維方式，結合當下突發公共衛生事件通過設計的手段表達出來，充分顯示出設計的傳達功能。

3.形成可視化的醫護信息傳達：在醫學的學科環境下，通過疫情時期大連醫護人員的援鄂的數據解讀，醫護信息不僅在數據上得以準確的傳遞，信息通過整理，以自然的、邏輯的方式呈現，通過信息的可視化，使純文本的數據圖形化，用戶通過感官而非純粹的文本閱讀方式來獲取信息，從可視化的界面挖掘更深層次的信息。學生在將信息處理為圖形化的過程中進一步轉變設計思維方式，更多地思考與分析如何結合理性的、客觀的數字而形成傳統的視覺傳達設計思維方式的突破。

三、實踐教學的探新

結合疫情的突發與公眾的及時應對，根據專業背景與課程的設置，視覺信息設計課程培養學生以專業結合突發公共衛生事件而達成設計為醫學服務。學生通過掌握信息圖表及視覺化信息的制作方法，來掌握設計的過程不單囿于感性的藝術表達，而最終目的為實現科學與審美的融合，從而達到優化數據的閱讀性的目的。在教學過程中，從收集信息、整理信息、信息圖形化與視覺信息圖表四個階段來形成最終的設計結果，形成培養學生對數據的理性分析與圖形化、可視化的視覺分析與引導，實現用藝術審美手法闡釋疫情期間醫護人員抗疫的客觀狀況，使信息通過圖形的手法傳遞給用戶。

（一）第一階段：收集信息

該階段的教學內容是在熟悉課程的理論架構與研究目的的基礎上，通過實際案例的考察而掌握依據。收集信息的目的在于有依據地對信息進行整理和整合，這一過程相當于開始著手設計項目時的前期考察與調研工作。這一階段指導學生從大連醫療團隊赴武漢援助的實際案例入手，通過大連醫科大學、大連醫科大學附屬第一醫院、大連醫科大學附屬第二醫院的官方網站及官方自媒體公眾號對赴鄂醫療團隊的相關報道與宣傳進行解讀，要求學生在閱讀過程中對數字信息保持一定的敏感度，將與數字有關的文本信息全部截取而形成新的文本信息。

信息的收集作為課程實踐的開始，起著較為重要的作用。首先，學生通過對于文本信息的解讀，對事件的情況能夠加深了解，為之后的圖形化信息奠定基礎;其次，在收集數據與文本信息的過程中，學生通過對事件的了解并運用平面設計的思維，在腦海中形成圖形化的雛形;再次，收集信息的閱讀過程中，面對數據信息的重復和冗余，數據重復出現的頻率與重要性成正比，因此，這一過程便于學生篩選與深化信息結構，如圖2。

（二）第二階段：整理信息

從官方渠道獲取大連醫療團隊赴武漢進行醫療援助的相關信息的基礎上提取數據相關文本而生成新的文本信息后，進入整理信息階段。信息的整理分為文本整理與形態把握。文本整理是將之前收集的信息根據重復次數與冗余度來判斷信息的重要程度，提取有用的信息，從而將繁瑣的數據進行精簡。在整理數據的過程中，逐漸形成對于形態表達的思考，包括圖形、文字與色彩的使用。

通過對數據的精簡與文本的整理，在主題上可形成明確的分類。本次課程的信息表達對象為大連醫護團隊的援助，援助人員包含醫生與護士等身份，因此首先確認以“最美的逆行”為主題，通過對文本信息的觀察，發現從數據上能夠體現醫護援助精神最明顯的是時間。面對疫情的突發需要緊急應對，醫護人員從接收通知、選拔、集合、出發，這一系列過程從發生到完成，不到一天的時間，因此時間不僅是日期的進程而盡可能精確到小時。其次是醫護人員的數據，500余名醫療工作者的集結通過幾小時完成體現了疫情治療的緊迫與援助工作進行的高效。再次，通過以上兩點，隨著時間的推進，援助成果的數據作為醫護團隊的救援工作的結果體現。在主題確定后，大體分為三個方向，分別為“時間的進程”“人員的集合”與“援助的成果”。方向確定后，依照主題與各個方向形成系列化的形態把握而制作成統一的范式，即形成圖形化的模版。模版中以統一編排、字體與字號共同表現“最美的逆行”這一主題，以不同的底色分別表現三個方向。按照學生人數平均分配的原則上自由選擇在畫面中即將表現的方向，并對每個人收集到的信息進行共享，以達到互為補充的目的，同時為下一階段將數據整合結果落實到平面載體上提供了完備而整齊的資料。

通過對于收集到信息的篩選而進行的文本整理與形態把握，學生在針對這一項目進行設計的前期工作中表現出一定的理性設計行為。具體表現在對數字相關文本的篩選與疏離，能夠根據疫情爆發時期的具體情況去分辨重要信息與其他信息而順利進入到下一階段的實踐中。

（三）第三階段：深化結構

深化結構是在收集和整理信息的基礎上，進行設計構思，是課程進行的重點和難點。“一開始需要確定好的是信息圖的主色調，信息圖的配色方案。然后緊接著確定大致的設計風格。”[4] 在第一階段收集數據和第二階段整理信息的基礎上，將數據信息進行篩選與整理以模版的總的形態出現，形成宏觀形態上的雛形后，進入深化結構這一階段的實踐教學中。這一部分是將數據信息落實到平面載體上，將其模塊化與圖形化的過程，也是整個教學過程中最為重要的階段過程。因此，這一階段的課時數最多，體現出一定的難度。關于疫情期間大連醫護團隊救援情況的解讀與再現的視覺信息設計過程，是將信息圖表視覺化，使用戶對于救援工作形成詳細且生動的解讀。在這一過程中，主要抓住色彩表現與圖形的處理。

針對疫情事件背景的實際情況，因突發公共衛生事件的特殊的種情況下，需要用戶冷靜地面對客觀數據形成理性的分析與自我防范。從色彩心理學角度分析，為了給感官上帶來穩重、平衡、堅定的感性觸摸，偏重于選擇冷色與中性色。在模版底色的使用中，均使用帶有灰度的不飽和中性色來表現，如淺綠、淺藍和淺紫（圖3）。作為背景色，既能夠起到襯托主體的作用，又給人帶來盡可能平靜的視覺效果。在主體物的表現上，仍然以冷色為主，相對于底色體現出更為飽和冷色調，既保持了整套作品的系列性，又能夠駕馭在底色之上形成一套色彩和諧的作品。如圖4，學生在淺藍色具有一定灰度的底色之上繼續使用藍色系，相對于一種色相的使用，偏綠到偏紫的顏色理論上色相跨度有些大，單獨提取出來卻都有藍色的色彩傾向，不但合理地處理好了主體色與底色的關系，在整個畫面的色彩表達的也顯得語言豐富與多樣。

在圖形處理方面，包括表現的主體物與細節圖形，將他們結合文字信息進行合理的編排，落實到平面媒介當中。這需要學生發揮其創造性思維，將整合之后的數據用圖形表現出來。如圖4，使用鐘表形狀的正圓形來體現時間的前進，以病毒圖形作為符號語言，用不同的病毒符號大小象征疫情從爆發到穩定的不同嚴重程度。

在這一教學過程當中，遇到學生在進度上較為困惑的兩個問題：其一，對于學生來講，由于在專業課程當中首次結合客觀理性的數據進行分析并進行圖表視覺化的編排，需要將這一階段的進程分解成很多小的步驟進行引導。如在模版設定好之后引導學生將圖表的主體圖形與細節圖形確定好，選擇一種敘事方式，然后手繪草稿落實于紙面，再進行軟件工具的繪制，繪制過程中進行細節的增減與調整，對成型的作品給予充分的肯定并繼續進行整體與局部和諧關系的調整。其二，對色彩的把控尚不成熟。如用冷調調同時容易受困于某一種色相當中或忽略底色與主體色的和諧。因此，在不斷的不確定與調整中，幫助學生進行不同程度的修改以達到最終盡可能以自身水平能夠達到的最佳效果。

（四）第四階段：信息視覺化呈現

通過之前三個階段的教學，經過信息的收集、信息的整理以及結構的深化，其目的是為了形成最終的信息視覺化效果。在此基礎上通過圖形、色彩與文字等圖形語言的整合，形成最終體現在平面載體上的以圖形的方式反映數據信息的傳達。

在這一信息整理的過程中，在模版以與大體結構及色彩風格形成的基礎上，對于數據內容進行進一步的深化，將圖形與文字深入到畫面的細節中，使信息視覺設計作品具有整體性。在這一階段，學生將字體設計、版式設計、招貼設計等專業知識運用到制作過程中，結合對數字的理性分析，形成有邏輯的設計過程而不再拘泥于形式的美觀，對于設計技術手段實施與功能的表現有了新的領悟。學生作業結合疫情期間大連地區醫療團隊的援助情況，形成《最美的逆行》系列作品?！皩⒑啙嵉囊曈X語言與圖形結合，減少不必要的細節，同時形成知識圖表，對持續性發生的事件起到警示作用?！盵5]經過這四個階段的實踐教學過程，學生通過每一步的學習與實踐，逐漸形成完整的設計思維體系，落實到具體的設計實踐中，形成最終的成果。不論是從設計的過程實現，還是創意思維的形成，學生通過課程學習，逐漸塑造了理性思考與歸納的設計思維，同時軟件技術的實現能力、圖文編排的設計能力也有所提高，如圖5。

四、教學成果的呈現

在實踐教學的初期通過不斷探索，讓學生以調研的方式進行信息的收集，通過親身經歷尋找數據和整合文本的過程，以過渡到整理信息階段，通過理性的數據整理與感性的形態把握結合思考，以形成信息主體結構的深化，通過色彩與圖形的表現與處理，最終信息視覺化的呈現（如圖6），以這種新的教學方式形成新的設計內容，使用戶接收信息更加直觀并產生閱讀欲望，甚至產生用戶黏性，便于挖掘更深層的信息。在醫學的學科背景下，結合突發公共衛生事件而形成具有傳遞主要信息，將科學而客觀的理性信息通過設計手段表現出其形式美感，使信息可視化的設計過程成為以“問題”為導向，將“定義要素”“地點要素”“人物要素”“時間要素”“數量要素”[6] 均有不同程度的體現，具有信息的完整性。

學生的設計作品作為本次視覺信息設計課程的教學成果，展示于相關平面媒體當中，如大連醫科大學官方網站，與藝術學院其他設計藝術作品共同組成“醫藝同心主題設計展”，同時，作品被“學習強國”App“遼寧學習平臺”轉載，使用戶對大連一線抗戰救援工作有了直觀的、客觀的了解，同時以設計的方式正面宣傳與歌頌走在抗疫一線的醫護人員的救援工作，形成了不同于傳統視覺傳達設計教學的新探索，此外，文章期待以在重大突發公共衛生事件發生之時，社會各界利用自身資源對新冠疫情的防控貢獻自身力量的同時，以設計的專業視角，客觀分析數據，為疫情的防控及抗疫資源優化調配方面，貢獻設計的力量。

結語

近年來，視覺信息設計作為一門新設立的課程，不斷受到高等院校視覺傳達設計專業的重視。設計與其他學科的結合，在烏爾姆設計學院時期已經開始嘗試。“從起初的單純引入課程，到后來找到科學與設計的平衡點，完成設計師的 身份轉變，烏爾姆嘗試的積極意義值得肯定。”[7] 在時代的設計語境下，視覺信息設計逐漸成為專業內的主干課程，將設計與科學的、理科的解決功能問題為導向，使其具有合目的性與合規律性的統一。在醫學的學科背景下，設計學專業存在的特殊性與合理性，促使設計結合前沿的理念服務于醫學領域，實踐教學過程證明了其可行性，希望本文能為國內高校特色辦學視域下視覺信息課程的教學實踐探索的創新提供一些參考。

3975501908281