黃巖

（上海工藝美術(shù)職業(yè)學(xué)院，上海 201808）

一、“木結(jié)構(gòu)”APP移動(dòng)平臺(tái)的創(chuàng)作思路

經(jīng)過(guò)對(duì)蘋(píng)果商店、安卓應(yīng)用市場(chǎng)相關(guān)非物質(zhì)文化遺產(chǎn)類的App的使用，我們會(huì)發(fā)現(xiàn)產(chǎn)品通常缺少愉快的用戶體驗(yàn)。因?yàn)樵诋a(chǎn)品的開(kāi)發(fā)過(guò)程中，人們更多的關(guān)注產(chǎn)品將用來(lái)做什么。設(shè)計(jì)師經(jīng)常忽略另一個(gè)因素即產(chǎn)品是如何工作，而這一因素恰恰是決定產(chǎn)品成敗的決定因素①6。

木結(jié)構(gòu)項(xiàng)目設(shè)計(jì)如何工作，是在項(xiàng)目設(shè)計(jì)之初需要首先討論和確定的，即包括以下內(nèi)容和各項(xiàng)技術(shù)指標(biāo)：1.完成項(xiàng)目的時(shí)間，從產(chǎn)品設(shè)計(jì)到研發(fā)需要六個(gè)月的時(shí)間。首先完成“木結(jié)構(gòu)”項(xiàng)目的產(chǎn)品的策劃和進(jìn)行團(tuán)隊(duì)分工。2.根據(jù)“木結(jié)構(gòu)”項(xiàng)目產(chǎn)品的需要，在貴州當(dāng)?shù)貙?shí)際考察鼓樓風(fēng)雨橋和榫卯測(cè)量出精確的數(shù)據(jù)。3.交互設(shè)計(jì)符合策劃的需求和用戶體驗(yàn)的基本指標(biāo)，根據(jù)產(chǎn)品構(gòu)架設(shè)計(jì)木結(jié)構(gòu)App的產(chǎn)品的低保真原型。要求交互流程清楚用戶體驗(yàn)好。我們根據(jù)包含的功能梳理結(jié)構(gòu)性的布局，各分頁(yè)面的設(shè)計(jì)，頁(yè)面之間的邏輯關(guān)系。VR交互設(shè)計(jì)清晰，外接設(shè)備明確。各個(gè)目錄層級(jí)既有區(qū)別，又相互協(xié)調(diào)。4.原型需要反復(fù)推敲，進(jìn)行配色，視覺(jué)設(shè)計(jì)符合木結(jié)構(gòu)App的應(yīng)用，要求視覺(jué)美術(shù)上的統(tǒng)一。符合木結(jié)構(gòu)App的視覺(jué)風(fēng)格要求。App視覺(jué)界面需要全部標(biāo)注，并且切圖符合程序需要。功能具象化的視覺(jué)設(shè)計(jì)，和各種機(jī)型(移動(dòng)終端）系統(tǒng)的適配。5.根據(jù)三維模型進(jìn)行VR場(chǎng)景燈光，場(chǎng)景布景和U3d場(chǎng)景美術(shù)設(shè)計(jì)，VR榫卯適配性能演示的交互設(shè)計(jì)的實(shí)現(xiàn)，觀察角度符合VR展示需要。6.服務(wù)器端：編寫(xiě)接口協(xié)議文檔，服務(wù)器環(huán)境架設(shè)。UI開(kāi)發(fā)完成進(jìn)入和服務(wù)器端口的對(duì)接。通過(guò)服務(wù)器端的接口獲得數(shù)據(jù)，編寫(xiě)功能上的邏輯代碼。web端，根據(jù)前端的業(yè)務(wù)邏輯，進(jìn)行后臺(tái)相應(yīng)功能的匹配。7.App功能開(kāi)發(fā)好之后對(duì)整個(gè)項(xiàng)目進(jìn)行系統(tǒng)性的測(cè)試。這個(gè)環(huán)節(jié)要整個(gè)團(tuán)隊(duì)協(xié)同，追蹤BUG以及狀態(tài)，完成問(wèn)題的處理。

圖1 鼓樓里面的榫卯結(jié)構(gòu)

圖2 VR交互

圖3 在智能終端平臺(tái)進(jìn)行木結(jié)構(gòu)的信息展示

在設(shè)計(jì)上我們不以功能的多寡認(rèn)定產(chǎn)品的價(jià)值，而應(yīng)看產(chǎn)品能否滿足用戶最高優(yōu)先級(jí)的目標(biāo)②。綜合考慮上述問(wèn)題，最終的重點(diǎn)和難點(diǎn)還是“木結(jié)構(gòu)”項(xiàng)目的VR交互的設(shè)計(jì)?！澳窘Y(jié)構(gòu)”項(xiàng)目以數(shù)字化的方式保護(hù)非物質(zhì)文化遺產(chǎn)，即運(yùn)用移動(dòng)平臺(tái)、數(shù)字化的形式對(duì)侗族木結(jié)構(gòu)建筑營(yíng)造技藝進(jìn)行交互的體驗(yàn)。

二、“木結(jié)構(gòu)”APP的設(shè)計(jì)實(shí)踐

（一）“木結(jié)構(gòu)”APP功能結(jié)構(gòu)設(shè)計(jì)

為體驗(yàn)而設(shè)計(jì)，使用第一。產(chǎn)品越復(fù)雜，確定如何向用戶提供良好的使用體驗(yàn)就越困難，在使用中每增加一個(gè)新特性、功能或者步驟，都增加了用戶體驗(yàn)失敗的機(jī)會(huì)。這正是為什么產(chǎn)品設(shè)計(jì)必須將用戶體驗(yàn)設(shè)計(jì)納入考慮范圍的原因①9。

綜合前期的用戶角色模型設(shè)計(jì)研究分析，和我們對(duì)不同領(lǐng)域的人進(jìn)行訪談，如建筑師、學(xué)生、工匠、設(shè)計(jì)師等，我們基于采集真實(shí)用戶數(shù)據(jù)建立“標(biāo)準(zhǔn)用戶”模型，把更多的工作重心放到以典型用戶為中心進(jìn)行開(kāi)發(fā)設(shè)計(jì)上，使產(chǎn)品能夠滿足大多數(shù)用戶的需求。木結(jié)構(gòu)的整體構(gòu)架的設(shè)計(jì)過(guò)程中，我們按照層級(jí)的方式組織思維導(dǎo)圖，經(jīng)過(guò)系統(tǒng)的思考與大量的草圖構(gòu)思，形成初步方案。

接下來(lái)確定產(chǎn)品的基本功能，如果能夠準(zhǔn)確地描述待開(kāi)發(fā)的功能，整個(gè)開(kāi)發(fā)過(guò)程就會(huì)很順利而且結(jié)果可以預(yù)期③。木結(jié)構(gòu)App的主要功能有3D榫卯和VR展示。因?yàn)橐苿?dòng)終端的設(shè)備速度問(wèn)題，三維模型不宜過(guò)多，這就需要我們團(tuán)隊(duì)選擇具有代表性的建筑。所以團(tuán)隊(duì)的成員到當(dāng)?shù)氐亩弊寰幼〉拇逭瘜?shí)地調(diào)研，研究榫卯結(jié)構(gòu)和榫卯結(jié)構(gòu)建筑，選擇了兩個(gè)代表性的建筑鼓樓和風(fēng)雨橋。鼓樓是建筑手法綜合了中國(guó)木結(jié)構(gòu)工藝，建筑本身從不用釘鉚；另一個(gè)代表性的木結(jié)構(gòu)建筑風(fēng)雨橋，就是在木懸臂梁式平橋上建造長(zhǎng)廊。

（二）交互設(shè)計(jì)

在交互設(shè)計(jì)的構(gòu)思階段，我們以前期的初步方案為基礎(chǔ)，對(duì)前期思維導(dǎo)圖設(shè)計(jì)內(nèi)容進(jìn)行刪減，根據(jù)思維導(dǎo)圖的設(shè)計(jì)完成基本的低保真原型的設(shè)計(jì)，整理低保真原型設(shè)計(jì)完成交互設(shè)計(jì)的方案。設(shè)計(jì)出“木結(jié)構(gòu)”產(chǎn)品的交互設(shè)計(jì)，通過(guò)一系列的設(shè)計(jì)推敲，實(shí)現(xiàn)合理的交互設(shè)計(jì)方案。確保用戶在使用產(chǎn)品的時(shí)候會(huì)非常地順暢愉快，保證良好的體驗(yàn)。

（三）視覺(jué)設(shè)計(jì)

為了滿足展示侗族木構(gòu)建筑營(yíng)造技藝的要求，“木結(jié)構(gòu)”的App視覺(jué)設(shè)計(jì)可采用具有木結(jié)構(gòu)特色的美學(xué)設(shè)計(jì)。因此，木結(jié)構(gòu)色彩定位為木材本身的顏色，以當(dāng)?shù)仫L(fēng)景為背景同時(shí)又采用中國(guó)水墨畫(huà)的效果。在啟動(dòng)界面設(shè)計(jì)背景淡入的效果。顏色符合產(chǎn)品定位，接下來(lái)我們團(tuán)隊(duì)完成了所有效果圖的標(biāo)注和切圖工作。

（四）三維模型與VR制作

由于實(shí)際榫卯的三維模型結(jié)構(gòu)部件精度要求比較高，在制作木結(jié)構(gòu)模型時(shí)經(jīng)過(guò)了反復(fù)的修改。通過(guò)調(diào)整數(shù)字模型，并在電腦中設(shè)計(jì)木結(jié)構(gòu)各種榫卯部件，然后使用三維軟件3DMAX將木結(jié)構(gòu)部件一一制作出來(lái)。

我們對(duì)榫卯質(zhì)進(jìn)行貼圖和燈光的測(cè)試調(diào)整。在鼓樓和風(fēng)雨橋創(chuàng)作過(guò)程中，我們總是在復(fù)原實(shí)際場(chǎng)景，凸顯建筑中的榫卯結(jié)構(gòu)，希望通過(guò)三維再現(xiàn)的方法將這實(shí)際的場(chǎng)景重新呈現(xiàn)。（圖1）

在進(jìn)行VR開(kāi)發(fā)設(shè)計(jì)時(shí)，團(tuán)隊(duì)的三維設(shè)計(jì)老師和負(fù)責(zé)程序的老師溝通，為了模擬真實(shí)的材質(zhì)效果進(jìn)行反復(fù)的測(cè)試與燈光的調(diào)整。因?yàn)橐苿?dòng)平臺(tái)要求模型的面數(shù)不能過(guò)高，在設(shè)計(jì)的時(shí)候，三維設(shè)計(jì)老師開(kāi)始精簡(jiǎn)面數(shù)，以適應(yīng)移動(dòng)平臺(tái)的開(kāi)發(fā)要求。最后U3d場(chǎng)景美術(shù)設(shè)計(jì)，是設(shè)計(jì)中最復(fù)雜和需要耐心的地方，團(tuán)隊(duì)成員反復(fù)調(diào)整燈光，把做好的場(chǎng)景放入unity中，項(xiàng)目組負(fù)責(zé)程序的老師開(kāi)始最后的制作，同時(shí)不停地測(cè)試一些三維設(shè)備和傳感設(shè)備來(lái)完成交互操作，如操作手柄、數(shù)據(jù)傳感手套、立體眼鏡設(shè)備。

打開(kāi)木結(jié)構(gòu)App后，點(diǎn)擊VR，App會(huì)出現(xiàn)鼓樓和風(fēng)雨橋的3D模型，在木結(jié)構(gòu)App中三維虛擬復(fù)原和展示對(duì)貴州鼓樓的復(fù)原三維立體模型和三維漫游展示，用戶可以手持移動(dòng)設(shè)備進(jìn)行交互并且佩戴眼鏡感受這個(gè)真實(shí)的場(chǎng)景?？梢匀我獾匦D(zhuǎn)其中的木結(jié)構(gòu)。點(diǎn)擊關(guān)閉就回到原有的場(chǎng)景。

（五）跨平臺(tái)的開(kāi)發(fā)

首先，把在視覺(jué)部分完成的所有切圖和標(biāo)注工作進(jìn)行整理，使用unity完成和各種機(jī)型(移動(dòng)終端）系統(tǒng)的適配工作。接下來(lái)我們合理地進(jìn)行感知設(shè)計(jì)，進(jìn)行實(shí)物產(chǎn)品的觸覺(jué)設(shè)計(jì)，聽(tīng)覺(jué)設(shè)計(jì)。我們開(kāi)始重點(diǎn)關(guān)注用戶和產(chǎn)品之間的物理接觸①135。經(jīng)過(guò)反反復(fù)復(fù)不斷地測(cè)試調(diào)整，完成了安卓不同手機(jī)機(jī)型使用性測(cè)試，蘋(píng)果手機(jī)測(cè)試，手機(jī)VR交互-游戲手柄和暴風(fēng)眼鏡VR測(cè)試。使用性測(cè)試告訴我們目標(biāo)用戶是否可以順利地完成我們?cè)O(shè)計(jì)的產(chǎn)品，它揭示了哪些任務(wù)不容易完成④。我們則根據(jù)使用性測(cè)試的結(jié)果繼續(xù)修改完善我們團(tuán)隊(duì)開(kāi)發(fā)的產(chǎn)品。（圖2）

三、數(shù)字化非物質(zhì)文化遺產(chǎn)的思考

（一）“木結(jié)構(gòu)”的保護(hù)和傳承

侗族木結(jié)構(gòu)建筑營(yíng)造技藝，由于使用現(xiàn)代材料，建造方式隨之改變，技藝傳承也逐漸衰退。對(duì)于侗族木結(jié)構(gòu)建筑營(yíng)造技藝來(lái)說(shuō)，有效的保護(hù)方法和媒介就是增強(qiáng)大眾的認(rèn)知度和擴(kuò)大影響力?！澳窘Y(jié)構(gòu)”項(xiàng)目結(jié)合貴州非物質(zhì)文化的特點(diǎn)進(jìn)行數(shù)字化設(shè)計(jì)和VR交互。通過(guò)現(xiàn)代技術(shù)保護(hù)和傳承非物質(zhì)文化遺產(chǎn)項(xiàng)目，既不割斷侗族文化因素，又采用先進(jìn)的技術(shù)傳承和發(fā)揚(yáng)侗族木結(jié)構(gòu)建筑營(yíng)造技藝，從而達(dá)到文化保護(hù)的目的。（圖3）

（二）VR虛擬展示為非物質(zhì)文化遺產(chǎn)提供了深入的交互體驗(yàn)

VR虛擬現(xiàn)實(shí)展示了非物質(zhì)文化遺產(chǎn)的聲音、視頻、資料記錄，形成多維數(shù)據(jù)信息，三維模型復(fù)原了木結(jié)構(gòu)建筑的本來(lái)面目，為非物質(zhì)文化遺產(chǎn)的傳承提供生動(dòng)、直觀、高效的交互，用戶使用App可以通過(guò)VR技術(shù)體驗(yàn)?zāi)窘Y(jié)構(gòu)的侗族木結(jié)構(gòu)建筑營(yíng)造技藝，有效地推動(dòng)非物質(zhì)文化遺產(chǎn)的傳播。

（三）“木結(jié)構(gòu)”項(xiàng)目提供非遺研究的共享平臺(tái)

大眾可以隨時(shí)隨地打開(kāi)“非遺”類App，深入地了解和體驗(yàn)貴州的木結(jié)構(gòu)及貴州的傳統(tǒng)文化。木結(jié)構(gòu)App的研發(fā)充分利用移動(dòng)終端、音頻、視頻、數(shù)字化呈現(xiàn)、VR等方面先進(jìn)技術(shù)，將非物質(zhì)文化遺產(chǎn)的傳播從平面?zhèn)鞑マD(zhuǎn)向交互立體傳播，使非物質(zhì)文化遺產(chǎn)的研究得以在更大范圍內(nèi)進(jìn)行學(xué)習(xí)、研究和傳承?！胺沁z”木結(jié)構(gòu)App為非物質(zhì)文化遺產(chǎn)提供廣泛研究的共享平臺(tái)。

注釋：

①〔美〕Jesse Jame Garrett.用戶體驗(yàn)要素 以用戶為中心的產(chǎn)品設(shè)計(jì)[M]，2018.北京：機(jī)械工業(yè)出版社，2007.

②〔英〕賈爾斯·科爾伯恩.簡(jiǎn)約至上 交互式設(shè)計(jì)四策略（第二版）[M].北京：人民郵電出版社：104.

③Jeff Patton.用戶故事地圖[M].北京：清華大學(xué)出版社，2016：209.

④Elizabeth Goodman.洞察用戶體驗(yàn) 方法與實(shí)踐[M].北京：清華大學(xué)出版社，2015：13.