韋智浪　李芳

關(guān)鍵詞：漢服文化；微信小程序；文化科普；前后端分離；試衣間

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2023）14-0036-03

0 引言

2022年7月，迪奧抄襲漢服“馬面裙”事件引起公眾熱議。漢服背后承載的中華服裝理念以及文化價(jià)值首次被廣泛化認(rèn)可。事實(shí)上，漢服不是社會(huì)一時(shí)之熱。據(jù)文獻(xiàn)資料，漢服檢索指數(shù)從2012年起呈逐年上升態(tài)勢(shì)[1]。與此同時(shí)中國(guó)漢服市場(chǎng)也在飛速發(fā)展。艾媒咨詢數(shù)據(jù)顯示，2022年漢服市場(chǎng)規(guī)模預(yù)計(jì)達(dá)125.4億元，2025年有望達(dá)到191.1億元，同比增長(zhǎng)13.2%[2]。這說(shuō)明漢服憑借強(qiáng)有力的市場(chǎng)潛能，正逐漸擺脫小眾文化的標(biāo)簽，有望成為具有一定影響力的中華文化代表性符號(hào)。

但是在漢服興起的背景下，一些問(wèn)題也逐漸暴露出來(lái)，如漢服推廣程度較低、“互聯(lián)網(wǎng)+漢服”缺少玩家體驗(yàn)感、漢服科普缺乏專業(yè)平臺(tái)等問(wèn)題，不利于漢服文化的推廣，逐漸成為漢服發(fā)展的掣肘[1，3]。這些問(wèn)題說(shuō)明漢服科普需要一個(gè)專業(yè)、客觀的公眾平臺(tái)，同時(shí)該平臺(tái)應(yīng)具有一定玩家體驗(yàn)感，激發(fā)玩家對(duì)漢服及其背后承載的文化價(jià)值的興趣。

1 總體設(shè)計(jì)

基于漢服文化科普推廣需求，結(jié)合微信小程序自身優(yōu)勢(shì)，設(shè)計(jì)并開(kāi)發(fā)出名為“霓裳千年”的“線上與線下”相結(jié)合的漢服科普平臺(tái)，旨在宣傳中華服裝之美，打造集漢服科普、漢服DIY設(shè)計(jì)、漢服周邊預(yù)約等功能為一體的，連接線下漢服寫真、漢服租賃等消費(fèi)場(chǎng)景的漢服體驗(yàn)館。

平臺(tái)主打科普和玩家體驗(yàn)兩大功能板塊?？破瞻鍓K，玩家可以通過(guò)五個(gè)不同的場(chǎng)景，“沉浸式”體驗(yàn)千年漢服發(fā)展史，同時(shí)可以感受漢服形制特征、漢服承載的工藝特色；玩家體驗(yàn)板塊，玩家通過(guò)瀏覽科普板塊獲得的漢服投票和權(quán)限，既可以解鎖漢服服裝實(shí)現(xiàn)漢服換裝，也可以參與每周更新的漢服設(shè)計(jì)大賽，參與投票。最后排名較高的玩家獲得線下漢服寫真、漢服租賃等消費(fèi)場(chǎng)景的獎(jiǎng)勵(lì)。平臺(tái)總體結(jié)構(gòu)設(shè)計(jì)如圖1所示。

2 平臺(tái)技術(shù)框架

平臺(tái)實(shí)現(xiàn)前后端分離技術(shù)進(jìn)行開(kāi)發(fā)。從層次架構(gòu)方面，如圖2所示，平臺(tái)分為三個(gè)邏輯服務(wù)層：窗口層、服務(wù)層、數(shù)據(jù)層。其中，窗口層即平臺(tái)的前端部分；服務(wù)層實(shí)現(xiàn)前后端的數(shù)據(jù)交互需求；數(shù)據(jù)層對(duì)應(yīng)平臺(tái)的后端部分。

平臺(tái)的前端部分使用了微信小程序的官方框架MINA。微信小程序原生框架具有跨平臺(tái)運(yùn)行的優(yōu)勢(shì)[4]。后端采用了微信云開(kāi)發(fā)提供的cms（內(nèi)容管理系統(tǒng)）實(shí)現(xiàn)。后端數(shù)據(jù)層的設(shè)計(jì)實(shí)現(xiàn)了數(shù)據(jù)的關(guān)系存儲(chǔ)，數(shù)據(jù)層主要使用的數(shù)據(jù)表有：玩家表、漢服服飾表、科普信息表、比賽表、答題表、排行榜表。以漢服服飾表為例，表結(jié)構(gòu)如表1所示。

3 主要功能實(shí)現(xiàn)

作為漢服文化科普平臺(tái)，小程序的內(nèi)在游戲驅(qū)動(dòng)模型需兼顧嚴(yán)謹(jǐn)性和趣味性[5]。小程序的主要功能以漢服換裝和漢服科普為核心，構(gòu)建了以漢服歷史、漢服工藝、漢服形制作為科普落腳點(diǎn)、以漢服換裝、趣味答題、漢服大賽、線下漢服為趣味體驗(yàn)的功能邏輯。小程序的科普內(nèi)容實(shí)現(xiàn)了以不同的形式呈現(xiàn)給玩家，增加了科普功能的趣味性。同時(shí)科普功能提供了獎(jiǎng)勵(lì)機(jī)制，緊密連接了小程序的體驗(yàn)性功能。小程序的體驗(yàn)性功能將漢服搭配以趣味游戲的形式展現(xiàn)，并佐以較為豐富的視覺(jué)體驗(yàn)。不僅加深用戶對(duì)漢服形制的認(rèn)識(shí)，而且激勵(lì)用戶持續(xù)探索漢服文化，提升用戶黏性。

3.1 科普功能

科普功能選取了漢服歷史、漢服工藝和漢服形制三大內(nèi)容，并選擇了不同形式呈現(xiàn)給玩家?？紤]到漢服發(fā)展的歷史冗余紛繁，漢服歷史部分采用了網(wǎng)絡(luò)文字冒險(xiǎn)的游戲形式，即對(duì)漢服歷史進(jìn)行折疊提煉，選擇五個(gè)經(jīng)典場(chǎng)景進(jìn)行文字創(chuàng)作，以劇情互動(dòng)的形式引導(dǎo)玩家對(duì)漢服歷史進(jìn)行探索，如圖3（a）所示。玩家點(diǎn)擊對(duì)話框，即可實(shí)現(xiàn)劇情跳轉(zhuǎn)。點(diǎn)擊模特還可以放大查看漢服形制。

玩家在首頁(yè)點(diǎn)擊“漢服工藝”按鈕，即可跳轉(zhuǎn)至漢服工藝列表。玩家點(diǎn)擊相應(yīng)的工藝列表，便會(huì)顯示詳細(xì)的漢服工藝介紹，如圖3（b）所示。玩家所有的點(diǎn)擊瀏覽都會(huì)有計(jì)時(shí)，停留時(shí)間達(dá)到要求后玩家即可收獲獎(jiǎng)勵(lì)，用于后續(xù)的漢服換裝、大賽投票或者線下漢服消費(fèi)場(chǎng)景獎(jiǎng)勵(lì)等。

玩家在首頁(yè)點(diǎn)擊“經(jīng)典一覽”按鈕，便進(jìn)入漢服形制列表。在該頁(yè)面用戶可以點(diǎn)擊查看經(jīng)典的漢服形制，也可以點(diǎn)擊搜索框篩選查看，如圖3（c）所示。同樣，玩家在該頁(yè)面的停留時(shí)間達(dá)到要求后也會(huì)觸發(fā)獎(jiǎng)勵(lì)機(jī)制。

3.2 趣味答題功能

玩家在首頁(yè)點(diǎn)擊“趣味答題”按鈕，便進(jìn)入趣味答題頁(yè)面。只有授權(quán)登錄的玩家才可以進(jìn)入趣味答題頁(yè)面。每天玩家可以有一次答題機(jī)會(huì)。每次系統(tǒng)從題目表中隨機(jī)抽取五道與漢服科普有關(guān)的題目如圖3（d）所示。玩家作答后可以選擇查看錯(cuò)題，增加對(duì)漢服形制的理解。最后，小程序會(huì)根據(jù)玩家的答題情況提供玩家獎(jiǎng)勵(lì)。

3.3 換裝功能

換裝功能是漢服科普小程序的核心功能。只有授權(quán)登錄的玩家才能進(jìn)入換裝界面。如圖4所示，玩家可以自由換裝，也可以根據(jù)每周的漢服比賽主題而進(jìn)行換裝創(chuàng)作。換裝界面分為模特和櫥窗兩大部分。玩家點(diǎn)擊右邊櫥窗陳列的漢服，即可為模特選擇相應(yīng)的漢服飾品、發(fā)型和服裝。玩家可以利用在科普板塊獲得的獎(jiǎng)勵(lì)解鎖更多形式的漢服。同時(shí)玩家點(diǎn)擊相同品類的漢服服飾即可一鍵替換。保存發(fā)布后的服飾搭配都可以在“我的”界面中查看。如果玩家搭配的服飾形制符合要求，還可以觸發(fā)成就勛章，從而激發(fā)玩家探索漢服形制的好奇心。

3.4 排行榜功能

排行榜功能是小程序連接線上和線下功能的重要板塊。排行榜功能僅開(kāi)放授權(quán)登錄過(guò)的玩家。如圖5所示，排行榜界面分為兩部分。上半部分是對(duì)每周更新的漢服大賽規(guī)則介紹，下半部分是本次大賽參與玩家的成果展示。成果展示依據(jù)票數(shù)結(jié)果降序排列。玩家既可以是參與者，也是評(píng)判者。每個(gè)玩家可以通過(guò)瀏覽科普板塊獲得的票數(shù)參與投票，并允許玩家投票自身參與的搭配成果。但每個(gè)玩家只能投一票給相同的搭配成果。

3.5 線下漢服功能

玩家點(diǎn)擊“個(gè)人中心”頁(yè)面的“線下漢服”按鈕，即可進(jìn)入線下漢服頁(yè)面。線下漢服是小程序在“線上線下”相結(jié)合的消費(fèi)場(chǎng)景延伸的嘗試。玩家可以對(duì)自己設(shè)計(jì)的漢服預(yù)約商家進(jìn)行DIY，也可以預(yù)約漢服寫真、漢服租賃，并且有一定概率可以根據(jù)之前獲得的獎(jiǎng)勵(lì)獲得官方給予的價(jià)格優(yōu)惠。

4 關(guān)鍵技術(shù)實(shí)現(xiàn)

在小程序的開(kāi)發(fā)過(guò)程中，主要出現(xiàn)了兩大問(wèn)題。一是由于小程序原生MINA框架導(dǎo)致的圖片渲染速度緩慢、玩家“空白屏”時(shí)間過(guò)長(zhǎng)從而影響體驗(yàn)；二是換裝功能的具體實(shí)現(xiàn)。針對(duì)這兩大問(wèn)題，筆者都嘗試性地采用了相應(yīng)措施進(jìn)行了優(yōu)化和改善。

4.1 圖片預(yù)加載

科普功能需要大量圖片在前端渲染。而微信原生小程序多次重復(fù)創(chuàng)建頁(yè)面對(duì)象渲染圖片的機(jī)制往往會(huì)導(dǎo)致圖片渲染過(guò)慢，從而出現(xiàn)“空頁(yè)面”停留時(shí)間過(guò)長(zhǎng)的現(xiàn)象。為解決圖片渲染時(shí)間過(guò)長(zhǎng)的問(wèn)題，筆者采用了“并行替換渲染”的機(jī)制，即通過(guò)變量控制頁(yè)面渲染的方式，將加載時(shí)間較短的動(dòng)畫效果在頁(yè)面上渲染，同時(shí)并行加載渲染時(shí)間長(zhǎng)的圖片，加載完成后雙方替換，從而使界面從玩家角度出發(fā)無(wú)“空白頁(yè)”現(xiàn)象。圖片預(yù)加載流程如圖6（a）所示

4.2 換裝切換技術(shù)

為實(shí)現(xiàn)玩家點(diǎn)擊櫥窗服飾即可實(shí)現(xiàn)模特?fù)Q裝效果，筆者采用了雙變量控制原則。服飾表中的雙變量恒為真值。當(dāng)兩個(gè)變量均為真值時(shí)，平臺(tái)執(zhí)行增加服飾操作；當(dāng)兩個(gè)變量均為假值時(shí)，平臺(tái)執(zhí)行替換、取消服裝操作。換裝切換流程如圖6（b）所示。玩家點(diǎn)擊衣櫥服裝時(shí)，后臺(tái)根據(jù)服裝序號(hào)對(duì)服飾表進(jìn)行遍歷查找。若服裝未展示在模特身上，則修改服裝信息屬性，將雙變量置為假值，并對(duì)同類型其余服飾修改變量值；若服飾已展示在模特身上，則將雙變量置為真值，并對(duì)同類型其余服飾修改變量值。

5 結(jié)束語(yǔ)

《霓裳千年》小程序初步實(shí)現(xiàn)了對(duì)漢服科普平臺(tái)搭建以及漢服文化宣傳的探索與實(shí)踐。該小程序以“線上+線下”結(jié)合的場(chǎng)景為目標(biāo)，初步打造了提升玩家體驗(yàn)感和玩家黏性的試衣間、漢服大賽、預(yù)約漢服商家等功能，初步構(gòu)建出集科普性、趣味性、互動(dòng)性于一體的漢服體驗(yàn)館平臺(tái)。目前小程序仍有發(fā)展空間，后續(xù)將持續(xù)更新和完善小程序，優(yōu)化并豐富小程序功能，提供更具個(gè)性化的服務(wù)，打造漢服科普平臺(tái)的特色。