高職視覺傳達設計專業信息可視化課程的改革與探索

肖九齡

（廣州番禺職業技術學院 藝術設計學院，廣東 廣州 511400）

1 信息可視化課程改革的背景

傳統的設計課程如品牌設計、包裝設計、書籍設計等較注重圖形、色彩、文字等視覺元素的表現形式，信息可視化設計是以客觀的數據作為設計來源，通過圖表、地圖、圖標等形式對信息做客觀的描述，從而大大提高了數據的可讀性和易讀性，讓觀者在真實的案例和數據中尋找有意義的新發現。在輸出形式上，隨著傳播途徑和傳播方式的快速轉變，特別是“萬屏時代”的到來，視覺傳達設計方向的研究范疇從靜態的視覺圖形轉變為互聯互通的動態信息和數據[1]；對信息的傳達需求從基于圖形的視覺符號到基于敘事的動態圖形。信息可視化呈現著“動態化”“智能化”“數字化”發展態勢。筆者所在高校的畢業生從事的工作內容從以往的基于平面媒體的圖形構成創意內容轉變為涉及界面設計、視頻創意、品牌策劃等基于動態媒體的信息分析等內容。基于此，視傳專業將在不同領域貢獻優質內容、優化信息傳播效能作為專業發展重點。信息可視化課程也將由對平面圖形的探索漸漸轉向通過基于多感官手段促進信息的有效傳達與溝通。

在此背景下，對視覺傳達設計專業信息可視化課程的教學理念其認識也在不斷變化。因此，在“面向國家戰略，響應產業需求”的人才培養的基調下，以問題為導向的課堂教學尤為重要。如何使視覺傳達設計類學生提高適應未來產業發展的數據素養，并且要讓他們運用跨學科的理論與方法理解和探究可視化圖形背后數據的意義和價值就成為必須思考的問題[2]。

2 問題導向驅動教學改革

2.1 教學理念的創新

相對于以往強調創意、視覺表現等傳統的形象思維的課程訓練中，學生在以數據等抽象信息為基礎的前提下，在搜集、處理的呈現數據的過程中，往往需要學生調動理性思維來處理問題，這對教師的教學方法提出了新的要求。因此，結合課程發展的現狀以及“藝科融合”人才培養模式下的視覺傳達設計專業尋求自身發展的路徑，從知識建構、能力培養、價值塑造三個方面針對學生綜合設計素質加以培養，嘗試探索跨學科知識架構下的“項目化”課程體系建設，同時在教學模式上，主動探索信息技術在專業課程中的應用，建構符合專業知識講授與實踐的信息化教學模式進而實現課程既定目標[3]：

（1）以問題為導向的信息可視化課程內容的設置。通過本課程的學習使學生掌握信息可視化的學科知識及相關理論，為后期開展信息可視化創新項目設計奠定基礎，安排的每一個項目任務，其教學內容都是對應工作流程而設置的，形成以“自選創新項目、設計調研分析、教師引導思路、學生主動學習”的方式激發學生的學習興趣，主要由“認知與洞察”“敘事與表達”“行動與體驗”三個教學模塊組成，使學生逐步從形成知識素養到以社會為切入點的跨界技能。

（2）以事實為依據的理性思維的培養。讓學生提高適應未來產業發展的數據素養，具備信息的搜集、分析和創意轉化的職業素養。主要培養學生四種能力：①調研分析能力：在老師的啟發下，能完成信息可視化項目創新設計調研、需求分析，為實現“自主學習”建立好的學習習慣。②數據素養：能根據需求進行信息搜集、篩選、重組，明確傳播立意及方向。③敘事推理：能掌握從數據信息中找到故事的技能，構思不同媒介的敘事框架。④團隊合作：即小組合作意識、人際關系、處事方式和協調能力。

（3）以傳播中華優秀文化為目標的價值塑造。充分發揮視覺傳達設計學科在意識形態和文化傳播上獨特的感染力和生動性優勢，通過優秀的傳統文化培養文化自信及多元文化的認同感。注重將學生個人發展與社會發展、國家發展結合起來，激發其為國家學習、為民族學習的熱情和動力，幫助其在創造社會價值過程中明確自身價值和社會定位[4]。我們以“為自己設計“為校園設計”“為家鄉設計”為例進行信息可視化，注重科數據學思維方法的訓練和科技倫理的教育，培養學生探索未知、追求真理、勇攀高峰的責任感和使命感，培養學生精益求精的大國工匠精神，如圖1。

圖1 課程設計模型

2.2 教學內容創新與重構

現以筆者所在的廣州番禺職業技術學院視覺傳達設計學院視覺傳達設計專業為例，專業課程設置的基本邏輯為：（1）第一學期開設的是藝術通識基礎課程，如造型基礎、設計創意、數字圖形等；（2）第二學期接觸專業基礎課程，如插畫設計、印刷品設計等；（3）第三、四學期進入專業工作坊課程，如包裝設計、品牌設計與實踐、數字廣告設計、交互界面設計、數字攝影與攝像、信息可視化設計等；（4）最后階段為學生畢業前的產品專項設計和頂崗實習。可以看到，本課程設置在第三階段，是銜接工作坊課程與產品專項設計、畢業實習等課程的具有承前啟后作用的教學環節，通過前置課程的學習已經具備了較強的視覺圖形設計能力以及平面類、動態類軟件基礎，有一定的圖形創意和轉換能力，也有一定的信息架構基礎，但對于大規模的數據、信息的創意呈現以及對以用戶為中心的敘事邏輯方案的相對陌生。

任務驅動教學是本課程體系設計的一大特色。針對已具備視覺圖形設計能力和平面、動態、交互等相關軟件基礎的視傳設計專業二年級學生，著重培養準畢業生在AI 時代下在服務設計領域運用數據思維和受眾思維解決問題。最后采用項目化的形式，作為畢業設計“熱身”性的訓練，強化學生對實際案例的理解與執行能力、實際設計應用、設計輸出能力。本課程的綜合性和跨學科是其特點也是其難點，既要體現綜合的專業視角，突出與后續畢設的銜接關系，又要注意不能偏離其信息設計的本質[5]，所以在整理講授內容，采用場景化浸潤式的行動學習和同伴互教的互助學習。為此，我為學生搭建起“認知與洞察—敘事與表達—行動于體驗”的整體框架，讓學生體驗可視化設計的全流程。

2.3 實踐教學

（1）第一階段：認知與洞察

以培養學生的信息素養為主要目的，要求學生掌握信息可視化的基礎知識與方法論[6]。在首次課中突出的是培養學生將數據作為一種溝通媒介來看待的習慣，關注信息設計行業對我們生活的影響。在未進行正式的課堂講解之前，筆者策劃了一組活動，隨機給出一組數字，數字中有個位數、兩位數、三位數，讓學生根據所給的數字做出不同的可視化方案。學生所作的可視化方案表達出人意料，方式也各不相同。圖中案例展示學生對該組數據的信息可視化思考，可以看出思考角度各不相同：有的從數字本身的圖形化出發，以各種圖形創意視覺元素表達數據；有的將拍出日常生活中和數字有關的照片如書籍的頁碼和厚度之間的關系，使讀者能直觀感受到數字逐漸增大的規律變化，有的用手工，立體展現了數字的空間形態。學生的這些思考和嘗試，都初步建立起了從抽象到具象的可視化思維轉化。在經過前期的概念講述與基礎練習之后，筆者從日常生活信息著手，在課程中策劃了一組針對當下公共場所信息導視系統例如博物館、高鐵站等調研的分析課題，讓學生明白信息可視化設計的意義在于通過增強信息或數據的可讀性、易讀性、可用性、美觀性和易用性，來促進人們的相互理解與溝通，從而實現人類社會的和諧相處。鼓勵學生嘗試通過實地或者互聯網與文獻查閱等不同的方式去搜集數據、圖片以及專業評論，讓學生體會信息可視化更深刻意義在于它是消除誤解、促進交流、展示真理，構建人類命運共同體的有效手段。

（2）第二階段：敘事與表達

第二階段的訓練目的是在學會構建有意義并具有引導性的敘事架構的基礎上，選擇恰當的圖表形式和語言來展示數據。這要求同學們需要理性思維的參與，從信息內容本身出發，在對前期搜集來的信息進行分類、梳理、歸納，并重新構建一個清晰、合理的圖表敘事框架的基礎上實現思維的跳躍和信息的可視化表達[7]。首先，要進行信息主題的探索和發現。筆者引導學生先從大家最為熟悉的“我”入手，以每位同學自己為探索對象，為了避免數據的空洞性和引導同學們將重點放在理解敘事架構上來。信息的搜集成為課程實踐的開始。

接著，進行數據的搜集和分類。比如有些同學將主題定位“我的一天”，把自己從早上起床到晚上上床睡覺的一天的活動都完整的錄下來，從而得到自己一天的活動數據，因此這位同學需要梳理出自己一天的時間信息。有些同學則選擇將自己從小到大的身體各項數據作為成長的重要體現。因此，自身屬性信息作為這位同學描述自己的一個重要體現。因此，根據對自身信息的梳理和分類我們可以將其確定為“時間信息”“空間信息”“自身屬性信息”和“數量信息”等不同的信息類型。

然后，是信息的重構和可視化表達。在第一階段搜集數據和第二階段整理數據的基礎上，根據信息內容的種類尋找規律并構建線索形成敘事架構，這也是課程的重點和難點。這一階段是如何描述信息，也就是如何“把故事講好”。設計師的任務是構建有條理、系統性的信息讓受眾更容易理解。因此，需要敘事邏輯幫助來幫助設計師構建合適圖表框架，更好的講述故事。例如，在面對時間信息時，可以構建時間線索，在信息框架的選擇中可以運用時間軸等形式來表現；面對空間信息時，可以選擇用地圖等形式來構建地理空間線索。

最后，是信息可視化的呈現。學生將以前的廣告設計、字體編排設計和插畫設計、短視頻制作等專業知識運用起來，進行綜合呈現。這里的表現媒介不是重點，學生可以運用平面靜態的手段表達，其次可以加入動態或交互等手段。如圖2～7。

圖2 羅青儀海報作品《high school》

圖3 洪寶慈海報作品《迷茫》

圖4 盧佩琪海報作品《我的大腦》

圖5 敖瓊好視頻作品《我的一天》

圖6 蘇林萍視頻作品《我的戀愛腦》

圖7 余淑珍視頻作品《奇妙的一天》

（3）第三階段：行動與體驗

在完成階段一、二的課程任務后，學生通過信息可視化“感性認識—理性知識—敘事表達”的實踐過程，逐步塑造了理性思考與歸納的設計思維。第三階段的練習應該具有綜合性，課題設定既需要體現“交叉”的學科特點基本宗旨，又要體現行動、體驗等關鍵詞。為了在項目訓練中使同學們輕松地進入專業狀態，理解信息數據的意義以及信息自我展示及互動的方式，同時體現出當下信息可視化的發展趨勢，以及涵蓋相當范圍的數字媒體方向，最終確定了能激發學生學習熱情的“數智校園地圖”和“家鄉非遺可視化”這兩個訓練課題。

第一個是圍繞將信息可視化植入智慧校園建設，為學生“翻譯”信息、“引導”行為，“溝通”生活。在此課程訓練中，對學生來說，不僅是一個深度了解及剖析自己母校生活環境機會，也是提高專業能力的重要方式。具體包括：分組調研本學校的歷史、文化、環境和未來規劃。以自己母校的面貌更新、歷史脈絡、文旅融合以及未來幻想為主題，重新設計從不同角度提供信息的校園地圖。需要給出相關的設計方案或設計草圖，并進行課堂匯報。在這個項目中以番職校園數“智”地圖為實踐案例，從校園的建筑景觀、人文面貌、文化脈絡中尋找話題和素材，以信息可視化的思維和形式構建校園新敘事——數“智”地圖。嘗試以信息化手段向讀者展示校園文化底蘊、描繪人物事件變遷、講述校園故事，使讀者感受到校園文化的魅力。具體的教學設計，以項目三為例。通過5 個任務讓學生體驗校園數“智”地圖的全流程，每一個環節均有明確的、可測評的目標，并提供學習資源支撐。項目實施完畢，校園數“智”地圖從無到有，學生的知識能力逐步提升。這是OBE 教學理念的具體應用，實現了教學、目標和評價的一致性。整個課程實施下來，最終產生了“微游番職”“番職一日游”等非常有意義的大作業項目。

戚冬燕、謝建歡、何文斌三位同學的《微游番職》是一份將校園文化特色與H5 動效結合的互動地圖集設計，主要以番職校園文化景點為題材，通過在游客打卡的形式加入交互式體驗設計，使游客的觀賞體驗更具想象空間、娛樂性和參與性，既充分展示了番職校園豐富的文化底蘊又融合了新媒介的交互、宣傳優勢，如圖8、9。林芳梅、蘇麗嬋、戴媛媛、盧佩琪四位同學的《番職一日游》是一份將校園文化與H5 相結合的交互地圖集設計，設計理念是為番職新生介紹整體校園，能讓新生對學校可以有一個大致的了解，主要是以第三視角去介紹校園建筑，各類學院的分布情況，使新生可以快速的熟悉校園情況，避免不清楚等尷尬問題，再者我們使用扁平化風格，既充分的展示的番職院校的文化底蘊又可以讓同學們感受到輕松愉悅的學習環境，如圖10。

圖8 戚冬燕、謝建歡、何文斌同學的《微游番職》地圖集設計方案海報展示

圖9 《微游番職》H5 靜態頁面設計

圖10 林芳梅、蘇麗嬋、戴媛媛、盧佩琪《番職一日游》地圖方案及H5 靜態頁面設計

第二個項目為家鄉非遺信息可視化。項目內容：以家鄉歷史文化風貌發展為背景，需要同學們對所選主題進行實地調研梳理出歷史發展脈絡，對文化數據進行整理分類串聯和整合，進而選取敘事性可視化方法，利用數字媒體技術，從而進行家鄉非遺文化的“再造”以及品牌的延伸推廣，最后提交一份宣講視頻，用視頻表達作品寓意團隊合作和創作故事，鍛煉同學們講設計的能力。項目三以家鄉非遺文化等傳統文化為主題，從歷史、建筑、節日、習俗、戲曲、文學、飲食等文化中尋找，同時結合全國大學生數字藝術大賽“國潮非遺”賽道的比賽要求，以信息可視化的思維和形式構建，向讀者講述自己家鄉非遺文化的歷史故事、展示文化底蘊，使讀者多感官體驗家鄉非遺的魅力。在這個項目中涌現出“中山紀念堂信息可視化”“木偶戲”“客家傳統手工工藝”及“唐三彩”等優秀信息可視化作品，如圖11～13。

圖11 中山紀念堂信息可視化

圖12 木偶戲

圖13 客家傳統手工工藝

以上作品參加第十四屆大學生數字視覺傳達設計大賽并獲得一等獎數項，最后以課業展覽的方式檢驗教學成果，整個教學不僅形成閉環，并呈現為一種進階式的學習模式。

3 結語

隨著工業設計4.0 時代的到來，一方面，設計師無論是直接參與設計還是依靠智能化工具輔助產生創意想法，掌握基本的數據素養是設計師適應未來生產方式和組織模式的重要能力；另一方面，基于信息傳達與溝通的專業重點，在表現媒介和手段的選擇上更加多樣化，可以更好地進行創意與視覺表達。對于這些新的時代下視覺傳達設計的專業新發展新變化，信息可視化課程的設置還需要不斷摸索。特別對于應用型高校，在三全育人、專創融合的大趨勢下，將思政元素和創業精神融入教學全過程，也是傳統課程必須作出調整的方向之一。