盛歆漪+章立+胡心怡

摘 要：交互媒體設(shè)計(jì)在數(shù)字化時(shí)代成為很多藝術(shù)設(shè)計(jì)專業(yè)的必修課或選修課，但是由于課程藝技結(jié)合的性質(zhì)，以及涉及到跨學(xué)科的知識(shí)融合，因此在教學(xué)過程中會(huì)有很多難點(diǎn)。為了解決這些教學(xué)難點(diǎn)，在教學(xué)中引入繪本作為輔助媒介，幫助學(xué)生更好地理解具有交互功能媒體的設(shè)計(jì)思路和方法，從而使學(xué)生對(duì)交互設(shè)計(jì)概念形成直觀的認(rèn)識(shí)，更好地掌握交互設(shè)計(jì)的精髓。

關(guān)鍵詞：交互媒體設(shè)計(jì) 繪本 體驗(yàn)

進(jìn)入21世紀(jì)，科技發(fā)展日新月異，由于藝術(shù)設(shè)計(jì)的介入，藝術(shù)設(shè)計(jì)與新技術(shù)結(jié)合的作品使得很多新的理論和發(fā)明從高不可攀的殿堂走入了平常百姓的日常生活，人們一方面享受著技術(shù)帶來的便捷，另一方面享受著設(shè)計(jì)帶來的生活品質(zhì)的提升，人們的行為模式和思維方式也隨之發(fā)生了改變。如何更好地進(jìn)行藝術(shù)與技術(shù)的結(jié)合，設(shè)計(jì)出更多體驗(yàn)一流的作品即成為設(shè)計(jì)師關(guān)注和研究的新方向。在藝術(shù)設(shè)計(jì)專業(yè)教學(xué)中，藝術(shù)與技術(shù)結(jié)合的課程也越來越多地出現(xiàn)在專業(yè)教學(xué)大綱中，交互媒體設(shè)計(jì)就是非常典型的藝技結(jié)合課程。

交互媒體設(shè)計(jì)課程開課范圍非常廣泛，不僅是數(shù)字媒體藝術(shù)這類藝術(shù)設(shè)計(jì)新專業(yè)的必修課程，也是視覺傳達(dá)、工業(yè)設(shè)計(jì)、公共藝術(shù)、環(huán)境藝術(shù)等傳統(tǒng)藝術(shù)設(shè)計(jì)專業(yè)的必修或者是選修課程。但是在課程教學(xué)中，跨專業(yè)的思維模式，新的設(shè)計(jì)理念，技術(shù)與藝術(shù)的融合都增加了課程理論理解和學(xué)生實(shí)踐的難度。

一、交互媒體設(shè)計(jì)的難點(diǎn)

交互媒體設(shè)計(jì)與傳統(tǒng)的設(shè)計(jì)具有思維上的本質(zhì)不同。傳統(tǒng)的設(shè)計(jì)中，設(shè)計(jì)作品以一定的形態(tài)展現(xiàn)給觀賞者，作品在制作完成后，其形態(tài)不會(huì)發(fā)生改變，在作品展現(xiàn)給觀賞者期間，每個(gè)人看到的都是同樣的作品，觀賞者被動(dòng)接受設(shè)計(jì)師的觀點(diǎn)展現(xiàn)，二者之間缺乏主動(dòng)交流。而交互媒體作品，在制作完成后，以何種形態(tài)展現(xiàn)給觀賞者，取決于觀賞者的行為，作品最終展現(xiàn)的效果隨著觀賞者行為的不同而不同，可以做到因人而異、因時(shí)而異，設(shè)計(jì)師的觀點(diǎn)是在與觀眾的交流中傳遞的，能得到觀眾的反饋，并對(duì)作品產(chǎn)生影響。因此“交互設(shè)計(jì)中，重點(diǎn)是關(guān)注人與技術(shù)的互動(dòng)?！?？譸？訛?zāi)繕?biāo)是讓用戶了解可以使用何種行為達(dá)到什么目的，從而在這一過程中得到積極的、愉悅的體驗(yàn)。設(shè)計(jì)師從作品規(guī)劃階段就可以揉合心理學(xué)、設(shè)計(jì)、藝術(shù)、情感和技術(shù)等多重知識(shí)體系，尋找與用戶之間交流的方式和方法。

在這種設(shè)計(jì)原則的支撐下，“用戶的認(rèn)知和情感即被緊密地聯(lián)系在一起。具體到細(xì)節(jié)上，即是設(shè)計(jì)師需要保證作品的可視性，即用戶在體驗(yàn)作品時(shí)可以獲得示能、意符、約束，映射和反饋?！?？譺？訛因此交互設(shè)計(jì)作品如何提示和吸引用戶進(jìn)行何種交流就成為交互設(shè)計(jì)的難點(diǎn)和重點(diǎn)。

雖然現(xiàn)在學(xué)生所處的社會(huì)環(huán)境中，交互設(shè)計(jì)的應(yīng)用隨處可見，但是學(xué)生大多都從使用者和觀眾的視角體驗(yàn)交互作品，對(duì)作品的設(shè)計(jì)初衷以及整體設(shè)計(jì)思路較模糊，因此雖然學(xué)習(xí)了交互設(shè)計(jì)師思維的理論方法，但是很難真正轉(zhuǎn)換為設(shè)計(jì)實(shí)踐的指導(dǎo)。如何有效指導(dǎo)學(xué)生快速理解用戶心理、用戶體驗(yàn)與交互設(shè)計(jì)思路之間的關(guān)系，除了需要進(jìn)行案例分析、設(shè)計(jì)指導(dǎo)之外，利用繪本進(jìn)行啟發(fā)也是一個(gè)不錯(cuò)的手段。

二、繪本的發(fā)展特點(diǎn)

繪本即是以繪畫形式為主的書籍，我國(guó)的兒童繪本在20世紀(jì)九十年代之前，基本以連環(huán)畫為主，之后隨著國(guó)外繪本的引進(jìn)，“講究畫面與畫面之間的連續(xù)性、書籍整體的設(shè)計(jì)感，力求用視覺語(yǔ)言吸引讀者目光”？譻？訛這些具有現(xiàn)代特點(diǎn)的兒童繪本創(chuàng)作和閱讀的概念才建立起來，而引起重視和普及也只是近十幾年的事情了。

繪本誕生一百多年，包括歐美西方發(fā)達(dá)國(guó)家和韓國(guó)、日本、中國(guó)臺(tái)灣等亞洲國(guó)家甚至伊朗等阿拉伯國(guó)家都積極鼓勵(lì)和大力發(fā)展繪本創(chuàng)作和閱讀。因此全世界每年繪本創(chuàng)作的產(chǎn)量之多，題材之豐富，質(zhì)量之高，已經(jīng)使其發(fā)展和普及進(jìn)入了舉世矚目黃金時(shí)代。一方面由于繪本的直觀的視覺引導(dǎo)，豐富的展現(xiàn)形式，深入淺出的內(nèi)容表達(dá)，使得繪本成為國(guó)際公認(rèn)的“最適合幼兒和兒童閱讀的圖書”。但另一方面由于繪本形式的藝術(shù)性，主題的深刻性，內(nèi)容不僅涵蓋了兒童生活、成長(zhǎng)的方方面面，也包含了艱澀或深刻的人文和科學(xué)議題，使得繪本成為“適合0～99歲閱讀”的書籍。

隨著新技術(shù)的發(fā)展、新的生活模式和思維方式的引進(jìn)，繪本展現(xiàn)的形式也出現(xiàn)了多元化變革，了解兒童需要什么，從用戶體驗(yàn)的角度來指導(dǎo)兒童繪本創(chuàng)作的作品大量涌現(xiàn)，部分作品中互動(dòng)思維的表現(xiàn)，對(duì)于交互設(shè)計(jì)思維的學(xué)習(xí)有非常好的借鑒作用。

三、繪本在交互設(shè)計(jì)課程中的應(yīng)用

在交互設(shè)計(jì)創(chuàng)作中，學(xué)生對(duì)于如何引導(dǎo)用戶積極、自然、無意識(shí)地參與到互動(dòng)中，即是前述示能、意符等概念的直觀體現(xiàn)，初學(xué)者經(jīng)常把握不好，有許多優(yōu)秀的繪本在這一方面進(jìn)行了嘗試。

最常見的即是近幾年常見的翻翻書和立體書。這類型的繪本根據(jù)兒童好奇心強(qiáng)，具有探索的動(dòng)力，在知識(shí)獲取時(shí)更愿意主動(dòng)參與，有自我發(fā)掘的意識(shí)。因此繪本在故事進(jìn)行中或知識(shí)傳遞時(shí)不僅是直觀展示，會(huì)在頁(yè)面的某個(gè)位置增加可以打開或拖拉的部分，這些部分展示了情節(jié)的發(fā)展或一些詳細(xì)的信息細(xì)節(jié)?！陡鞣N各樣系列》和科普立體書即是代表（如圖1所示）。這類型的繪本在用戶心理和行為的把握上非常準(zhǔn)確，用戶在閱讀中對(duì)于小機(jī)關(guān)的翻看、拖拉行為即是與交互設(shè)計(jì)中常見的點(diǎn)擊、滑動(dòng)行為相似，用以在現(xiàn)有界面中提示和鼓勵(lì)用戶參與，以獲得更多驚喜和更詳細(xì)的細(xì)節(jié)信息激發(fā)用戶參與和探索的欲望，對(duì)于探索而得的內(nèi)容更新有興趣。立體翻翻書在內(nèi)容組織上符合交互設(shè)計(jì)的主動(dòng)無意識(shí)引導(dǎo)用戶原則，讓讀者在獲取到主要信息的同時(shí)可以參與其中自己打開、引出劇情發(fā)展或更多精彩信息，這一點(diǎn)非常值得交互設(shè)計(jì)的學(xué)生學(xué)習(xí)。但是立體翻翻書的交互形式對(duì)于交互媒體豐富的今天只是提供了交互的初級(jí)方式，一般學(xué)生在學(xué)習(xí)中，如果考慮了交互方式的多樣，難免會(huì)忘記了設(shè)計(jì)的初衷，為了交互而交互，很多時(shí)候會(huì)使得交互成為累贅。

由法國(guó)插畫家埃爾維杜萊在1994年創(chuàng)作的繪本《點(diǎn)點(diǎn)點(diǎn)》就是一本非常值得推薦的引導(dǎo)用戶積極體驗(yàn)的書。雖然書是靜態(tài)的，但是作者應(yīng)用了文字的引導(dǎo)和畫面戲劇性的變化，激起了讀者的好奇心。書籍的每一頁(yè)都是用點(diǎn)來講故事，畫面中只是三種顏色點(diǎn)通過引導(dǎo)用戶的行為，點(diǎn)的數(shù)量、顏色、和排列變化，即完成了一次充滿吸引的好奇之旅。其中讓用戶在頁(yè)面上點(diǎn)擊相應(yīng)的點(diǎn)，下一頁(yè)的畫面即出現(xiàn)點(diǎn)的數(shù)量增加、背景黑白轉(zhuǎn)換等效果；晃動(dòng)書，排列整齊的點(diǎn)在下一頁(yè)就會(huì)變亂（如圖2所示），并隨著數(shù)的傾斜產(chǎn)生堆積；朝書吹氣，黑色背景和點(diǎn)就會(huì)被吹跑；拍拍手下一頁(yè)的點(diǎn)就會(huì)放大等內(nèi)容變化。以上操作都可以用于現(xiàn)代的動(dòng)態(tài)交互媒體中。書中交互行為從初始的嘗試引導(dǎo)，到隨后的鼓勵(lì)交互體驗(yàn)不斷升級(jí)，再到最后回歸初點(diǎn)，讀者在作者的引導(dǎo)下嘗試，產(chǎn)生驚喜，進(jìn)而期待下一次嘗試。繪本的最后還給出了從后向前倒著來一次嘗試的建議，正讀反讀都可以，增加了作品呈現(xiàn)的多樣性。從這個(gè)繪本中，學(xué)生可以不受復(fù)雜內(nèi)容和需求的干擾，學(xué)習(xí)如何利用交互推動(dòng)情節(jié)發(fā)展，在此過程中與用戶進(jìn)行自然地溝通，做到作品流程與交互自然結(jié)合。

《點(diǎn)點(diǎn)點(diǎn)》不僅在用戶體驗(yàn)流程上有可借鑒的意義，其交互體驗(yàn)方式的多樣性變化也與傳感器的支持密切相關(guān)，點(diǎn)擊、晃動(dòng)、傾斜、拍手、吹氣等交互模式可以用當(dāng)今智能手機(jī)硬件支持來實(shí)現(xiàn)，多種傳感器支持的交互方式也使得用戶有豐富的體驗(yàn)過程。在交互設(shè)計(jì)的學(xué)習(xí)中，如何把豐富的交互體驗(yàn)與作品自然結(jié)合，這也是非常重要的學(xué)習(xí)內(nèi)容。而調(diào)動(dòng)用戶的多重體驗(yàn)是一個(gè)學(xué)習(xí)切入點(diǎn)。

在交互設(shè)計(jì)中如何調(diào)動(dòng)用戶的多重體驗(yàn)，更好地參與互動(dòng)，也是學(xué)生進(jìn)行設(shè)計(jì)的一個(gè)難點(diǎn)，學(xué)生的作品經(jīng)常集中在用戶點(diǎn)擊按鈕的交互上，而沒有關(guān)注多種感官的復(fù)合刺激和相應(yīng)，造成作品體驗(yàn)的單一性。

由委內(nèi)瑞拉作家梅米娜·戈登和畫家露莎娜·法利亞聯(lián)合創(chuàng)作的《一本關(guān)于顏色的黑書》，在多重體驗(yàn)上給出了很好的借鑒思路。繪本采用了最新的UV印刷技術(shù)，在全黑的頁(yè)面上印刷了凸起的黑色圖形，繪本閱讀把視覺和觸覺兩種方法很好地結(jié)合在一起。繪本介紹了一個(gè)盲人小朋友對(duì)于顏色的描述，在看不到的情況下，盲人小朋友通過觸覺、嗅覺、聽覺、味覺感受了生活中的顏色，而讀者閱讀書籍的時(shí)候，可以一邊撫摸凸起的圖形，一邊發(fā)揮想象力，想象除了視覺之外的四種感官與顏色之間的關(guān)系。除了五感的調(diào)動(dòng)，這本書閱讀中可看，可聽，可摸，可想，充分調(diào)動(dòng)了讀者的多重感知能力，進(jìn)行了多重體驗(yàn)，學(xué)生也可以從繪本中感受不依托于技術(shù)的限制，充分發(fā)揮設(shè)計(jì)能力與用戶多角度全面溝通的方法。

四、總結(jié)

從上述繪本的例子可以看出，借助繪本通俗易懂的特點(diǎn)，可以從多個(gè)角度比較簡(jiǎn)單地解決交互設(shè)計(jì)學(xué)習(xí)中概念的學(xué)習(xí)和理解與實(shí)踐之間脫節(jié)的現(xiàn)象，有針對(duì)性地對(duì)學(xué)生進(jìn)行指導(dǎo)。隨著繪本的發(fā)展，越來越多的新創(chuàng)意和現(xiàn)代生活理念和思維方式出現(xiàn)在繪本里，給我們帶來了更多想象的空間，而由大師設(shè)計(jì)的繪本在創(chuàng)意和設(shè)計(jì)表現(xiàn)上也能帶給學(xué)生更好地設(shè)計(jì)指導(dǎo)，因此繪本在藝術(shù)設(shè)計(jì)學(xué)科的教學(xué)中不吝為非常有效的參考資源。

注釋：

①②江南大學(xué)數(shù)媒學(xué)院，江蘇無錫，214000

③江南大學(xué)設(shè)計(jì)學(xué)院，江蘇無錫，214000

參考文獻(xiàn)：

[1]唐納德·A·諾曼. 設(shè)計(jì)心理學(xué)[M]. 北京：中信出版集團(tuán)， 2015.

[2]段延坤. 中國(guó)繪本發(fā)展現(xiàn)狀研究[J]. 藝術(shù)教育，2010（9）： 130-131.

作者單位：江南大學(xué)數(shù)字媒體學(xué)院