設(shè)計(jì)、交互與傳播

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

關(guān)鍵詞：瑤族;傳統(tǒng)圖案;視覺傳達(dá);學(xué)科交叉

1 課程介紹

課程選題源自筆者負(fù)責(zé)的國(guó)家藝術(shù)基金傳播交流項(xiàng)目《“千年古瑤”虛實(shí)共生文化推廣》中的一個(gè)子課題。整個(gè)推廣項(xiàng)目是以“重現(xiàn)古瑤獨(dú)特風(fēng)貌，重拾民族傳統(tǒng)文化”為主題，以藝術(shù)設(shè)計(jì)結(jié)合虛擬技術(shù)、計(jì)算機(jī)技術(shù)與交互技術(shù)創(chuàng)作的網(wǎng)絡(luò)藝術(shù)推廣平臺(tái)，旨在以大眾傳播方式聚焦瑤族傳承千年的傳統(tǒng)藝術(shù)，以數(shù)字技術(shù)助力文創(chuàng)產(chǎn)業(yè)。子課題則是“瑤族絲巾DIY小程序”的研發(fā)，是一個(gè)集合文化體驗(yàn)、設(shè)計(jì)體驗(yàn)與產(chǎn)品定制為一體的小程序。

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

2 課程設(shè)計(jì)

2.1 教學(xué)定位與成果目標(biāo)

本次課程是視傳教學(xué)在新技術(shù)新媒體下的思考與探索，是依托國(guó)家藝術(shù)基金傳播交流項(xiàng)目成果的現(xiàn)實(shí)需求開展的跨界交融的實(shí)驗(yàn)性教學(xué)。由于課程選題起點(diǎn)較高，因此整個(gè)設(shè)計(jì)流程將遵循成果驗(yàn)收的實(shí)際標(biāo)準(zhǔn)執(zhí)行，并盡可能做到引領(lǐng)性、創(chuàng)意性、轉(zhuǎn)換性。這樣基于項(xiàng)目的實(shí)踐能使教學(xué)內(nèi)容更清晰、目標(biāo)更明確，不僅能使學(xué)生有較強(qiáng)的參與感，激發(fā)她們的好奇心與責(zé)任心，還能培養(yǎng)她們立足于完整的設(shè)計(jì)流程來完成設(shè)計(jì)目標(biāo)。

2.2 教學(xué)理念與培養(yǎng)目的

我們的系列課程探索始于2015年，過程中邀請(qǐng)了計(jì)算機(jī)程序、大數(shù)據(jù)、人工智能背景的企業(yè)導(dǎo)師到研究生課堂上，以多元、多角度的方式嘗試培養(yǎng)視傳專業(yè)學(xué)生思維模式的轉(zhuǎn)變。在長(zhǎng)期實(shí)踐過程中，課程也逐漸形成了以項(xiàng)目為導(dǎo)向，以調(diào)研→討論→設(shè)計(jì)→制作→討論為教學(xué)模式，同時(shí)輔以課后作業(yè)于指導(dǎo)，確保階段目標(biāo)的完成。

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

3 教學(xué)實(shí)踐

3.1 瑤族傳統(tǒng)紋樣學(xué)習(xí)與設(shè)計(jì)創(chuàng)新（24課時(shí)）

瑤族擁有豐富絢爛的紋樣，廣泛運(yùn)用于服飾、繪畫、建筑裝飾、宗教祭祀與民俗活動(dòng)等領(lǐng)域。因此，如何認(rèn)識(shí)這些紋樣，并將代表因素提取出來，經(jīng)過設(shè)計(jì)構(gòu)圖創(chuàng)新后運(yùn)用在絲巾的設(shè)計(jì)中就非常重要。本次紋樣創(chuàng)作共有“紅水河”“長(zhǎng)鼓舞”“萬物有靈”“桃花”“龍犬”“日月星辰”“漂洋過?！薄懊飞叫小薄昂ａΑ?組主題，將根據(jù)以下素材來設(shè)計(jì)。

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

（2）瑤族神話。瑤族在千年傳承中留下了多個(gè)優(yōu)美的神話傳說，如盤瓠的故事、桃源洞的故事等。這些口口相傳的故事間接呈現(xiàn)了瑤族生活遷徙的歷史。因此本次創(chuàng)作會(huì)將這些傳說圖形化、紋樣化，并將之與長(zhǎng)鼓結(jié)合進(jìn)行設(shè)計(jì)。

（3）歌舞與習(xí)俗。藝術(shù)源于生活，因此瑤族人載歌載舞和打糍粑等生活習(xí)俗和場(chǎng)景也能夠成為創(chuàng)作內(nèi)容。這些場(chǎng)景在創(chuàng)作中將被圖案化、藝術(shù)化，使之與長(zhǎng)鼓設(shè)計(jì)相融。

教學(xué)體會(huì)：這個(gè)環(huán)節(jié)考察了學(xué)生對(duì)圖形文獻(xiàn)的研究能力，以及用傳統(tǒng)紋樣進(jìn)行再設(shè)計(jì)的能力。由于學(xué)生并未赴瑤族實(shí)地調(diào)研，僅通過網(wǎng)絡(luò)搜索來完成資料搜集，因此在第一稿的紋樣提煉和設(shè)計(jì)呈現(xiàn)上不盡如人意，如沒有依據(jù)瑤族文化習(xí)俗進(jìn)行主題提煉，以及沒有抓住瑤族圖形、色彩和構(gòu)成的特征。經(jīng)過討論和修改設(shè)計(jì)方案，同學(xué)們?cè)诤蟀腚A段找到了感覺，開始作出比較符合需求的設(shè)計(jì)。

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

3.2 項(xiàng)目的程序環(huán)境建構(gòu)與交互運(yùn)用（32課時(shí)）

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

第一步：素材轉(zhuǎn)換。將學(xué)生設(shè)計(jì)好的紋樣素材按取名規(guī)則分類，放置在服務(wù)器中。在小程序端下載，并以同樣的規(guī)則解析為程序可用資源。

第二步：設(shè)計(jì)操作界面。設(shè)計(jì)一個(gè)大圓盤，在其中均勻地取8個(gè)點(diǎn)為小圓盤圓心，同時(shí)尋找界面中的構(gòu)圖美感。在操作過程中，計(jì)算手指移動(dòng)過程中相對(duì)于圓心的角度變化，相應(yīng)地改變大圓盤、小圓盤的旋轉(zhuǎn)角度，達(dá)到控制角度的效果。在設(shè)置角度時(shí)，計(jì)算角度和小圓盤顯示信息的關(guān)系，圓盤個(gè)數(shù)小于等于4固定只顯示當(dāng)前個(gè)數(shù)的小圓盤素材，大于4可以循環(huán)顯示任意多個(gè)小圓盤素材。在操作結(jié)束時(shí)，取一個(gè)合適的目標(biāo)角度，并以緩動(dòng)效果使旋轉(zhuǎn)角度變化過去。達(dá)到圓盤始終居中顯示4個(gè)小圓盤的效果。

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

第四步：畫布上素材的縮放。由于設(shè)計(jì)紋樣時(shí)注意了中心縮放或四方連續(xù)特征，因此紋樣在畫布上可以通過自動(dòng)適配長(zhǎng)寬完整顯示。操作時(shí)，將觸摸點(diǎn)轉(zhuǎn)化為以畫布中心為原點(diǎn)的坐標(biāo)系下的點(diǎn)，由此可以求出觸摸點(diǎn)所在正方形邊長(zhǎng)。根據(jù)邊長(zhǎng)，可以操控并儲(chǔ)存每個(gè)素材的縮放參數(shù)。

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

第六步：絲巾的保存和編號(hào)。由于小程序儲(chǔ)存空間的限制，這部分功能放在服務(wù)器端完成。將客戶端生成絲巾圖片和可獲取的用戶信息傳入服務(wù)器，服務(wù)器將根據(jù)絲巾個(gè)數(shù)生成編號(hào)，存入數(shù)據(jù)庫并返編號(hào)給客戶端?？蛻舳双@取到編號(hào)后在分享界面顯示出編號(hào)信息和相應(yīng)圖片。

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

教學(xué)體會(huì)：這個(gè)環(huán)節(jié)主要由企業(yè)導(dǎo)師建構(gòu)程序環(huán)境，然后帶領(lǐng)學(xué)生按照操作需求完成。由于3名學(xué)生都是藝術(shù)生，對(duì)程序與代碼非常陌生，也有一定的畏難情緒。后經(jīng)企業(yè)導(dǎo)師耐心細(xì)致的溝通，并作了清楚的指令要求，學(xué)生們得以順利完成此部分內(nèi)容轉(zhuǎn)換。

藝術(shù)與工科的融合形式一直是團(tuán)隊(duì)所研究的重要內(nèi)容，但到目前為止，還沒有藝術(shù)生能夠真正掌握編程技能，只能由導(dǎo)師建構(gòu)好程序環(huán)境，再將藝術(shù)設(shè)計(jì)置入?？陀^來講，這還不算真正的跨學(xué)科人才的培養(yǎng)，也沒有真正打破藝術(shù)生固化的思維模式。不過通過許多實(shí)踐嘗試后，學(xué)生在一定程度上開闊了視野，也知道如何與工科對(duì)接，相較傳統(tǒng)的教學(xué)內(nèi)容有一定的拓展。

3.3 項(xiàng)目發(fā)布與測(cè)試（16課時(shí)）

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

4 結(jié)語

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

我們嘗試用這樣的學(xué)科融合思路來設(shè)計(jì)教學(xué)方法，以優(yōu)秀項(xiàng)目為引領(lǐng)使目標(biāo)更明確，使學(xué)生關(guān)注我國(guó)少數(shù)民族優(yōu)秀傳統(tǒng)文化，并參與到設(shè)計(jì)與制作中來;以企業(yè)導(dǎo)師輔助教學(xué)，使復(fù)雜的工科知識(shí)被分解為相對(duì)簡(jiǎn)單、可學(xué)科操作的步驟。我們相信這種探索不會(huì)止于視覺傳達(dá)專業(yè)，不會(huì)止于學(xué)校的課堂。

作者簡(jiǎn)介：陳杉（1980—），女，四川樂山人，博士，四川師范大學(xué)副教授，研究方向：視覺傳達(dá)設(shè)計(jì)。