韋智浪　李芳

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

中圖分類號：TP311 文獻標(biāo)識碼：A

文章編號：1009-3044（2023）14-0036-03

0 引言

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

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

1 總體設(shè)計

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

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

2 平臺技術(shù)框架

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

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

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

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

3.1 科普功能

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

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

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

3.2 趣味答題功能

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

3.3 換裝功能

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

3.4 排行榜功能

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

3.5 線下漢服功能

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

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

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

4.1 圖片預(yù)加載

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

4.2 換裝切換技術(shù)

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

5 結(jié)束語

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