許甲子

關(guān)鍵詞：信息圖形 視覺信息 信息設(shè)計 新冠疫情 視覺轉(zhuǎn)換

引言

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

一、關(guān)于視覺信息設(shè)計課程

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

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

二、教學(xué)理念的探新

視覺信息設(shè)計將數(shù)據(jù)與圖形、文字、色彩的結(jié)合，這門課程的從無到有，從課題選擇到教學(xué)的過程都進行了探索與突破。結(jié)合課程發(fā)展的現(xiàn)狀以及醫(yī)學(xué)背景下的視覺傳達設(shè)計專業(yè)尋求自身發(fā)展的路徑，建構(gòu)適應(yīng)實際狀況的教學(xué)理念，對課程內(nèi)容的實施有著觀念上的指導(dǎo)。

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

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

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

三、實踐教學(xué)的探新

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

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

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

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

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

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

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

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

（三）第三階段：深化結(jié)構(gòu)

深化結(jié)構(gòu)是在收集和整理信息的基礎(chǔ)上，進行設(shè)計構(gòu)思，是課程進行的重點和難點?！耙婚_始需要確定好的是信息圖的主色調(diào)，信息圖的配色方案。然后緊接著確定大致的設(shè)計風(fēng)格?！盵4] 在第一階段收集數(shù)據(jù)和第二階段整理信息的基礎(chǔ)上，將數(shù)據(jù)信息進行篩選與整理以模版的總的形態(tài)出現(xiàn)，形成宏觀形態(tài)上的雛形后，進入深化結(jié)構(gòu)這一階段的實踐教學(xué)中。這一部分是將數(shù)據(jù)信息落實到平面載體上，將其模塊化與圖形化的過程，也是整個教學(xué)過程中最為重要的階段過程。因此，這一階段的課時數(shù)最多，體現(xiàn)出一定的難度。關(guān)于疫情期間大連醫(yī)護團隊救援情況的解讀與再現(xiàn)的視覺信息設(shè)計過程，是將信息圖表視覺化，使用戶對于救援工作形成詳細(xì)且生動的解讀。在這一過程中，主要抓住色彩表現(xiàn)與圖形的處理。

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

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

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

（四）第四階段：信息視覺化呈現(xiàn)

通過之前三個階段的教學(xué)，經(jīng)過信息的收集、信息的整理以及結(jié)構(gòu)的深化，其目的是為了形成最終的信息視覺化效果。在此基礎(chǔ)上通過圖形、色彩與文字等圖形語言的整合，形成最終體現(xiàn)在平面載體上的以圖形的方式反映數(shù)據(jù)信息的傳達。

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

四、教學(xué)成果的呈現(xiàn)

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

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

結(jié)語

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

3975501908281