設計、交互與傳播

摘 要：設計的發展與科學技術密不可分。在人工智能、大數據普及的今天，視覺傳達專業教學也開始凸顯其內容與教學模式上的保守與落后。本文立足于教學一線，基于學科交叉的方法試圖在視覺傳達專業碩士課堂進行實踐與探索。課程以瑤族傳統圖案為創作元素，以計算機程序構建設計與交互環境，以自媒體為傳播和訂購渠道，建立一個數字文創體驗與定制平臺。在授課過程中，藝術與工科的對接流程為視覺傳達設計教學新范式提供了一定的參考。

關鍵詞：瑤族;傳統圖案;視覺傳達;學科交叉

1 課程介紹

課程選題源自筆者負責的國家藝術基金傳播交流項目《“千年古瑤”虛實共生文化推廣》中的一個子課題。整個推廣項目是以“重現古瑤獨特風貌，重拾民族傳統文化”為主題，以藝術設計結合虛擬技術、計算機技術與交互技術創作的網絡藝術推廣平臺，旨在以大眾傳播方式聚焦瑤族傳承千年的傳統藝術，以數字技術助力文創產業。子課題則是“瑤族絲巾DIY小程序”的研發，是一個集合文化體驗、設計體驗與產品定制為一體的小程序。

由于研發內容涉及計算機編程與交互，因此特別邀請到具有計算機專業背景的企業導師來共同完成。通過分析，我們認為項目可以分為3個板塊內容，分別為設計、交互和傳播，具體需要7個流程來完成：一是對瑤族紋樣的深度學習和再設計;二是建立瑤族紋樣的數據庫;三是建構一個程序環境;四是實現紋樣和程序之間的配合;五是實現設計交互;六是依據傳播途徑建構產品訂制環境;七是測試與發布。由于課程內容涉及少數民族傳統紋樣、現代平面設計、計算機程序設計、自媒體傳播、交互發布等多方面的學科交叉與融合，已超出視覺傳達本科培養方案內容，而且實驗性探索也不宜人數太多，因此課程就放在了研究生的“視覺傳達設計表現”課堂上。此門課有72個課時，學生為3名一年級專業碩士。

2 課程設計

2.1 教學定位與成果目標

本次課程是視傳教學在新技術新媒體下的思考與探索，是依托國家藝術基金傳播交流項目成果的現實需求開展的跨界交融的實驗性教學。由于課程選題起點較高，因此整個設計流程將遵循成果驗收的實際標準執行，并盡可能做到引領性、創意性、轉換性。這樣基于項目的實踐能使教學內容更清晰、目標更明確，不僅能使學生有較強的參與感，激發她們的好奇心與責任心，還能培養她們立足于完整的設計流程來完成設計目標。

2.2 教學理念與培養目的

我們的系列課程探索始于2015年，過程中邀請了計算機程序、大數據、人工智能背景的企業導師到研究生課堂上，以多元、多角度的方式嘗試培養視傳專業學生思維模式的轉變。在長期實踐過程中，課程也逐漸形成了以項目為導向，以調研→討論→設計→制作→討論為教學模式，同時輔以課后作業于指導，確保階段目標的完成。

課程目的首先是培養學生的跨界思維。近幾十年來，我國文理分科過早，專業劃分過細的模式，使藝術生聽到編程就心生畏懼，對跨專業有嚴重的畏難情緒，不利于現下倡導的“新工科”政策。其次是培養學生的綜合實踐能力。從田野調查、文獻搜索到現代設計、交互設計、媒體發布，以及立足于方案整體開展設計等能力，這些都是對業務的重要交付能力，對于藝術設計這種應用型學科尤為重要。

3 教學實踐

3.1 瑤族傳統紋樣學習與設計創新（24課時）

瑤族擁有豐富絢爛的紋樣，廣泛運用于服飾、繪畫、建筑裝飾、宗教祭祀與民俗活動等領域。因此，如何認識這些紋樣，并將代表因素提取出來，經過設計構圖創新后運用在絲巾的設計中就非常重要。本次紋樣創作共有“紅水河”“長鼓舞”“萬物有靈”“桃花”“龍犬”“日月星辰”“漂洋過海”“梅山行”“海幡”9組主題，將根據以下素材來設計。

（1）刺繡紋樣。這個部分將在瑤族服飾中提取靈感和元素，依據“瑤服五色”在服裝中提取色彩，在刺繡中提取紋樣進行圖案設計，再結合設計尺寸、外形與使用需求進行整體設計。

（2）瑤族神話。瑤族在千年傳承中留下了多個優美的神話傳說，如盤瓠的故事、桃源洞的故事等。這些口口相傳的故事間接呈現了瑤族生活遷徙的歷史。因此本次創作會將這些傳說圖形化、紋樣化，并將之與長鼓結合進行設計。

（3）歌舞與習俗。藝術源于生活，因此瑤族人載歌載舞和打糍粑等生活習俗和場景也能夠成為創作內容。這些場景在創作中將被圖案化、藝術化，使之與長鼓設計相融。

教學體會：這個環節考察了學生對圖形文獻的研究能力，以及用傳統紋樣進行再設計的能力。由于學生并未赴瑤族實地調研，僅通過網絡搜索來完成資料搜集，因此在第一稿的紋樣提煉和設計呈現上不盡如人意，如沒有依據瑤族文化習俗進行主題提煉，以及沒有抓住瑤族圖形、色彩和構成的特征。經過討論和修改設計方案，同學們在后半階段找到了感覺，開始作出比較符合需求的設計。

在手繪草圖階段，導師還需從年輕學生的興趣出發，以瑤服展示和瑤族傳說介紹等來增加選題的吸引力和趣味性，同時增加課程的互動性和開放性，這樣可以讓學生相對容易地理解少數民族文化。

3.2 項目的程序環境建構與交互運用（32課時）

整體方案設計為用計算機建構交互環境，將9組不同主題的瑤族紋樣置入環境中，每組會有一個絲巾模板和幾十種紋樣資源庫。用戶可以根據自己的喜好組合紋樣。具體流程為：

第一步：素材轉換。將學生設計好的紋樣素材按取名規則分類，放置在服務器中。在小程序端下載，并以同樣的規則解析為程序可用資源。

第二步：設計操作界面。設計一個大圓盤，在其中均勻地取8個點為小圓盤圓心，同時尋找界面中的構圖美感。在操作過程中，計算手指移動過程中相對于圓心的角度變化，相應地改變大圓盤、小圓盤的旋轉角度，達到控制角度的效果。在設置角度時，計算角度和小圓盤顯示信息的關系，圓盤個數小于等于4固定只顯示當前個數的小圓盤素材，大于4可以循環顯示任意多個小圓盤素材。在操作結束時，取一個合適的目標角度，并以緩動效果使旋轉角度變化過去。達到圓盤始終居中顯示4個小圓盤的效果。

第三步：操作界面小圓盤的三態。小圓盤有“未選中” “選中”“選擇未選中”3種狀態，普通按鈕不能實現這個功能，由此模擬一個組件來實現它。首先給上述3種狀態編號，并編輯好每一種狀態下小圓盤的素材顯示樣式。每次點擊時返回當前小圓盤的狀態，即可根據狀態給小圓盤設置新的顯示狀態，達到3種狀態切換效果。

第四步：畫布上素材的縮放。由于設計紋樣時注意了中心縮放或四方連續特征，因此紋樣在畫布上可以通過自動適配長寬完整顯示。操作時，將觸摸點轉化為以畫布中心為原點的坐標系下的點，由此可以求出觸摸點所在正方形邊長。根據邊長，可以操控并儲存每個素材的縮放參數。

第五步：素材的排序顯示。給素材編號1～n，然后維護一個隊列，先選中的編號先入隊，如果取消則從隊列中刪除，如果選中隊列中編號，則將其移到最后面。每一次有素材選擇變化時，按隊列的先入先出特性依次按編號渲染素材即可達到要求。這樣可以將選中的紋樣顯示在最上層。

第六步：絲巾的保存和編號。由于小程序儲存空間的限制，這部分功能放在服務器端完成。將客戶端生成絲巾圖片和可獲取的用戶信息傳入服務器，服務器將根據絲巾個數生成編號，存入數據庫并返編號給客戶端。客戶端獲取到編號后在分享界面顯示出編號信息和相應圖片。

第七步：絲巾展示。由于數據庫存儲時存入了編號、作者信息和用戶的收藏絲巾編號列表，因此后續獲取編號并排序即可依次在虛擬展館顯示絲巾，便于客戶欣賞查詢。

教學體會：這個環節主要由企業導師建構程序環境，然后帶領學生按照操作需求完成。由于3名學生都是藝術生，對程序與代碼非常陌生，也有一定的畏難情緒。后經企業導師耐心細致的溝通，并作了清楚的指令要求，學生們得以順利完成此部分內容轉換。

藝術與工科的融合形式一直是團隊所研究的重要內容，但到目前為止，還沒有藝術生能夠真正掌握編程技能，只能由導師建構好程序環境，再將藝術設計置入。客觀來講，這還不算真正的跨學科人才的培養，也沒有真正打破藝術生固化的思維模式。不過通過許多實踐嘗試后，學生在一定程度上開闊了視野，也知道如何與工科對接，相較傳統的教學內容有一定的拓展。

3.3 項目發布與測試（16課時）

這個環節由學生們自己來操作小程序以便發現問題，如紋樣放大縮小后的觀看效果，如圖標美觀問題、人機交互時手指的舒適度等等。這些問題都促使學生們根據需求反復修改設計稿。按照計劃，項目完成之后由企業導師發布，用戶可通過掃碼進入微信小程序進行設計體驗，DIY后的設計圖不僅可以通過自媒體發布以達到傳播效果，還可以進一步點擊定制購買，設計稿將傳送到商家進行生產，最終成品將通過快遞交付到用戶手中。但是由于課程結束時項目的完成度、藝術性還不夠，因此項目課題組會在后期對其進行調整，完成后再發布。

4 結語

視覺傳達與科技手段的融合是一個有趣的方向，一方面，藝術能通過技術使創作更多樣化，信息傳遞更快速，受眾范圍更廣;一方面，技術能通過藝術使人機交互更舒適，表達更美觀、更具創意，使科技更貼近人們的生活。

我們嘗試用這樣的學科融合思路來設計教學方法，以優秀項目為引領使目標更明確，使學生關注我國少數民族優秀傳統文化，并參與到設計與制作中來;以企業導師輔助教學，使復雜的工科知識被分解為相對簡單、可學科操作的步驟。我們相信這種探索不會止于視覺傳達專業，不會止于學校的課堂。

作者簡介：陳杉（1980—），女，四川樂山人，博士，四川師范大學副教授，研究方向：視覺傳達設計。