高校情懷文創(chuàng)產(chǎn)品的數(shù)字化創(chuàng)作*
——以“創(chuàng)憶”小程序為例

葉方圓 林群山 何浩鑫 鄧彩雯 李潤澤

（華南師范大學(xué)）

近年來，國家大力發(fā)展文化產(chǎn)業(yè)，而文創(chuàng)產(chǎn)業(yè)作為其中的一個分支，也因享受到了時代紅利而迅猛發(fā)展。在優(yōu)秀文創(chuàng)產(chǎn)品廣受歡迎的潮流下，許多高校也紛紛主動出擊，結(jié)合自身特點進行文創(chuàng)產(chǎn)品的開發(fā)設(shè)計，并同時舉辦文創(chuàng)設(shè)計大賽等活動，以宣揚本校文化及提高知名度。盡管市場上已有一批優(yōu)秀的高校文創(chuàng)產(chǎn)品，但同質(zhì)化現(xiàn)象嚴(yán)重、校園元素挖掘不充分、性價比低等問題仍是不少高校文創(chuàng)產(chǎn)品的通病，需要集結(jié)多方力量進行改良。因此，本團隊基于高校元素，利用微信小程序搭建一個個性化定制高校文創(chuàng)產(chǎn)品的平臺，希望借助數(shù)字技術(shù)與創(chuàng)作主體的構(gòu)思，提升高校文創(chuàng)的獨特性與創(chuàng)新性。項目可以滿足校友和在校學(xué)生對于文創(chuàng)產(chǎn)品個性化和藝術(shù)審美的需求，迎合了文創(chuàng)數(shù)字化發(fā)展的大趨勢，為高校文創(chuàng)發(fā)展提供了嶄新道路。

一、高校文創(chuàng)現(xiàn)狀與發(fā)展前景

（一）高校文創(chuàng)現(xiàn)狀

1.關(guān)注度不斷提高

目前，隨著文化產(chǎn)業(yè)的蓬勃發(fā)展，高校越來越重視校園文創(chuàng)產(chǎn)品設(shè)計，對文創(chuàng)產(chǎn)品的設(shè)計、生產(chǎn)、宣傳等環(huán)節(jié)投入了大量的成本，力求高校文創(chuàng)蓬勃發(fā)展。而本科錄取通知書、新生文創(chuàng)小禮品、畢業(yè)紀(jì)念品等正成為高校對外輸出文化的載體。以往被忽視的高校文化元素正逐漸得到挖掘，融合了創(chuàng)意與情懷的文創(chuàng)產(chǎn)品展現(xiàn)出高校獨一無二的自然景觀與人文歷史。2019年7月24日，首屆清華文創(chuàng)嘉年華暨清華文創(chuàng)營活動在清華大學(xué)藝術(shù)博物館開幕，吸引了40余家參展機構(gòu)，進一步打造出了有吸引力、凝聚力的文創(chuàng)展示平臺。

2.師生參與度有所提升

目前，校方征集文創(chuàng)作品的渠道逐漸多元化，設(shè)計群體由官方專門聘請的設(shè)計師擴散至對校園文化有一定了解的普通師生，提升了在校師生的參與度。越來越多的高校或?qū)W院都在積極舉辦文創(chuàng)設(shè)計大賽，力求產(chǎn)出一批優(yōu)秀的高校文創(chuàng)作品，培養(yǎng)出有能力、有情懷的高校學(xué)生。參賽選手多為對校園文化背景有一定了解的高校師生，能基于高校環(huán)境、學(xué)習(xí)氛圍、生活感悟等獨特元素創(chuàng)作出有情感有溫度的文創(chuàng)作品，擴展高校文創(chuàng)的廣度與深度。這種趨勢打破了過去由少數(shù)人決斷高校文創(chuàng)設(shè)計的局面，讓高校文創(chuàng)設(shè)計深入到師生中去。

3.豐富文化內(nèi)涵得到挖掘

高校本身蘊藏著豐富的文化元素，為高校文創(chuàng)設(shè)計提供了堅實的基礎(chǔ)。高校元素既包括了高校內(nèi)的植被建筑、昆蟲動物、獨特標(biāo)識等校園景觀，也包含了吃喝住行、日常交往等生活體驗。學(xué)生長期生活在校園內(nèi)，勢必會挖掘出更多的高校文化內(nèi)涵，對高校元素也會有不一樣的體悟。在深圳大學(xué)品牌文化店內(nèi)，馬口鐵化妝鏡被藝術(shù)化后的深大獨有建筑物所裝飾，特有的元素與明艷的色彩讓原本平凡的化妝鏡展現(xiàn)出不一樣的深大面貌。

（二）高校文創(chuàng)發(fā)展前景

1.文創(chuàng)數(shù)字化正成為趨勢

（1）國家給予大力支持

在2016年，國務(wù)院印發(fā)了《“十三五”國家戰(zhàn)略新興產(chǎn)業(yè)發(fā)展規(guī)劃》，正式將數(shù)字創(chuàng)意產(chǎn)業(yè)列入國家新興戰(zhàn)略支柱性產(chǎn)業(yè)。2021年十四五規(guī)劃將“加快數(shù)字化發(fā)展，建設(shè)數(shù)字中國”列入綱要。在國家的引導(dǎo)下，高校文化創(chuàng)意產(chǎn)業(yè)也開始邁上與現(xiàn)代科技的融合之路，在數(shù)字化領(lǐng)域迎來實現(xiàn)智能化變革。數(shù)字化建設(shè)催生了一批全新的文創(chuàng)形態(tài)，其中文創(chuàng)定制化的微信小程序與國家的發(fā)展規(guī)劃相契合，在一定程度上會受到資源傾斜。

（2）信息技術(shù)逐步發(fā)展

隨著大數(shù)據(jù)、物聯(lián)網(wǎng)、APP、微信小程序等技術(shù)的蓬勃發(fā)展，高校文創(chuàng)產(chǎn)品的設(shè)計、開發(fā)、生產(chǎn)、運營、銷售等越來越依靠數(shù)字化的渠道。新技術(shù)的應(yīng)用進一步探索了文創(chuàng)產(chǎn)業(yè)的可能性，為文創(chuàng)產(chǎn)業(yè)提供多元的體驗渠道。而微信小程序作為一種操作簡單且用戶基數(shù)龐大的平臺，未來也將會成為文創(chuàng)數(shù)字化不可缺少的一環(huán)，在感知用戶消費習(xí)慣的基礎(chǔ)上實現(xiàn)個性服務(wù)和精準(zhǔn)營銷。

2.用戶愿為情懷付費

隨著經(jīng)濟社會發(fā)展，人們可支配的收入增加，國人的消費價值觀已從功能為本，轉(zhuǎn)變?yōu)橐饬x為魂。消費者對那些能讓自己產(chǎn)生情感共鳴的產(chǎn)品更為青睞，也愿意為產(chǎn)品所蘊含的文化付費。高校文化植根于特定的校園文化環(huán)境，承載著莘莘學(xué)子的青春回憶，是學(xué)校的精神風(fēng)貌和人文積淀之展現(xiàn)。在此基礎(chǔ)上開發(fā)的高校文創(chuàng)產(chǎn)品飽含情感價值，能滿足在校學(xué)生和校友的情感訴求，讓顧客自然而然產(chǎn)生購買欲望，在得到情感歸屬的同時完成購買行為。

二、項目總體方案設(shè)計

（一）設(shè)計原則

1.明確性

在用戶使用本項目程序時，界面所展示的各圖形與文字不應(yīng)出現(xiàn)二義性，確保用戶的使用體驗；明確性原則要求用戶在看到界面某個組件元素時能準(zhǔn)確理解該組件元素的功能與含義，減少誤解組件元素含義而造成錯誤操作的情況。

2.文化性

本項目在降低文創(chuàng)設(shè)計門檻的同時，也應(yīng)起到文化傳播與文化傳承的重要功能，故本項目在樣式布局與素材提供方面，應(yīng)具備一定的文化要素，適當(dāng)在交互頁面的設(shè)計上入手，添加一些文創(chuàng)文化的具象體現(xiàn)。

3.一致性

一致性指各頁面的色調(diào)，風(fēng)格及排版大體相同。通過視覺結(jié)構(gòu)、視覺層次、視覺元素等達到設(shè)計的統(tǒng)一整體，減少用戶認(rèn)知成本。協(xié)調(diào)好各個控件的比例關(guān)系，避免造成視覺結(jié)構(gòu)的混淆，讓用戶能在較短時間內(nèi)適應(yīng)小程序的界面布局，捕捉重點信息。五顏六色的畫面及多種多樣的窗體和圖標(biāo)風(fēng)格將增加用戶的認(rèn)知負(fù)擔(dān)，增加用戶學(xué)習(xí)使用該產(chǎn)品的時間成本。

4.簡潔性

心理學(xué)“7±2效應(yīng)”指出，成年人短時記憶容量為5—9個元素，因此，在界面設(shè)計過程中，單個頁面內(nèi)元素不宜過多，否則將給用戶造成記憶負(fù)擔(dān)，降低使用體驗。在界面設(shè)計中做到主次有別，盡可能凸顯主要信息，將次要的信息進行適當(dāng)隱藏，讓整個界面保持簡潔的狀態(tài)。

5.適用性

程序交互界面的設(shè)計要考慮到手機界面的局限，對手機界面的各種元素大小以及位置進行合理的安排，讓手機界面更加人性化，提升用戶的情感體驗。

6.易用性

保持界面架構(gòu)簡單明了，導(dǎo)航設(shè)計清晰易理解，操作簡單可見，通過界面元素表意和界面提供的線索就能讓用戶清楚地知道其操作方式以及流程。降低用戶學(xué)習(xí)成本，加快用戶上手。

（二）項目設(shè)計

1.頁面架構(gòu)概況

本項目制作的小程序有3個主頁面，即首頁，編輯頁，用戶個人頁。主頁面之間可通過屏幕下方的TarBar進行切換；首頁可跳轉(zhuǎn)至詳情頁；用戶個人頁可跳轉(zhuǎn)至用戶收藏頁及素材庫頁；

2.頁面內(nèi)容設(shè)計

本項目多數(shù)頁面以上下布局為主，且頁面主色調(diào)為灰色(#7A7E83)和藍色(#2F699D)；

首頁用于展示所有用戶當(dāng)中熱門及優(yōu)秀的作品。頁面中部主體用于展示作品圖片，其排版布局仿照社交網(wǎng)站Pinterest，采用了瀑布流，將屏幕分為了左右兩欄。首頁上方設(shè)有搜索欄，可供用戶進行關(guān)鍵詞搜索。

編輯頁供用戶進行作品的制作編輯。編輯工具被置于在頁面下方工具欄，頁面上其余部分用于展示作品的預(yù)覽。

用戶個人頁顯示了用戶頭像、昵稱等基本信息。頁面樣式布局較為簡約，上方為用戶基本信息，下方為功能列表，包括用戶收藏及用戶素材。

3.頁面邏輯設(shè)計

3個主頁面之間可以通過底部的Tarbar進行切換。

（1）首頁(Index)

Index首頁通過訪問數(shù)據(jù)庫獲取部分?jǐn)?shù)據(jù)，在onShow()生命函數(shù)中根據(jù)圖片縱橫比進行瀑布流的布局顯示。當(dāng)用戶點擊頁面上的某個作品，程序會通過頁面事件監(jiān)聽，獲取被點擊作品的id，并傳遞給Detail頁面；Detail頁面根據(jù)傳入的id，在數(shù)據(jù)庫中以該作品id進行查詢，獲取查詢信息后加載對應(yīng)數(shù)據(jù)，從而得到該作品的詳情頁面，該頁面數(shù)據(jù)獲取流程如圖1所示。詳情頁可查看用戶作品完成時間，作品描述等詳細(xì)信息，底部可對作品進行點贊與收藏。

圖1 Index頁面

（2）編輯頁(DIY)

DIY設(shè)計頁面通過數(shù)據(jù)庫訪問獲得相應(yīng)模型數(shù)據(jù)進行載入，通過頁面事件監(jiān)聽，根據(jù)用戶點擊的素材，獲取素材相應(yīng)id，傳遞給數(shù)據(jù)庫；程序通過id從庫中獲取對應(yīng)素材，添加到DIY頁面的畫布當(dāng)中。在用戶編輯操作完成之后，會對頁面數(shù)據(jù)進行保存，添加到數(shù)據(jù)庫當(dāng)中。頁面主要流程如圖2所示。

圖2 DIY頁面

（3）用戶個人頁(UserInfo)

用戶在UserInfo界面點擊收藏按鈕，頁面跳轉(zhuǎn)至Collection，在onLoad()函數(shù)中對該用戶id進行數(shù)據(jù)庫查詢，獲取該用戶收藏的所有作品，將其以列表形式展現(xiàn)給用戶；當(dāng)用戶點擊列表中的某一項作品，程序操作類似Index頁面，傳給Detail頁面被點擊作品的id，Detail頁面再獲取該作品數(shù)據(jù)用于渲染模型，頁面獲取流程如圖3所示。用戶點擊素材庫即可查看當(dāng)前版本系統(tǒng)提供的素材。

圖3 UserInfo頁面

4.主要功能設(shè)計

（1）平面設(shè)計方法

該項技術(shù)主要基于微信小程序的Canvas畫布進行實現(xiàn)，通過畫布中CanvasContext的相關(guān)函數(shù)可以進行線條或者圖形的繪制，并且也可以利用drawImage函數(shù)將本地圖片載入到畫布當(dāng)中，從而完成對物體模型單面的設(shè)計。

（2）可編輯模型制作

Threejs當(dāng)中提供了不少可以直接使用的幾何體模型，但這些模型相對基礎(chǔ)，和文創(chuàng)產(chǎn)品有著一定的差距，于是便需要根據(jù)產(chǎn)品而進行模型的組裝。組裝的實現(xiàn)則需要用到Object3D中的position屬性對三維物體的位置進行編輯，從而達到利用基礎(chǔ)模型放置在不同位置空間實現(xiàn)模擬文創(chuàng)產(chǎn)品模型的效果。

（3）二維設(shè)計貼圖三維模型

通過Canvas畫布設(shè)計好的二維圖形在進行toDateURL函數(shù)生成圖片后，使用TextureLoader的load()方法加載為三維模型的紋理貼圖，實現(xiàn)將圖片映射到模型的表面的效果。其中貼圖實現(xiàn)的原理是利用二維平面的UV紋理坐標(biāo)與三維平面的頂點位置坐標(biāo)相對應(yīng)實現(xiàn)模型上的圖片像素顯示，技術(shù)實現(xiàn)當(dāng)中要處理好對應(yīng)關(guān)系，確保用戶編輯的圖形可以準(zhǔn)確投放到想要的模型面上。

三、項目開發(fā)措施

（一）簡化設(shè)計流程，體驗文化具象化

無論是在物質(zhì)、制度還是精神上，校園文化均具有一定的特殊性，具體表現(xiàn)為獨特的團體意識與精神氛圍。要將校園文化具象化表達于文化創(chuàng)意產(chǎn)品當(dāng)中，需要較強的設(shè)計能力，以及新穎的創(chuàng)意，這對于普通學(xué)生而言，具有一定的難度。除此之外，后續(xù)與廠商對接生產(chǎn)的復(fù)雜流程也降低了學(xué)生設(shè)計文創(chuàng)的積極性。為了降低設(shè)計門檻，使更多學(xué)生參與創(chuàng)作，平臺引導(dǎo)用戶單獨對文創(chuàng)產(chǎn)品裝飾元素進行創(chuàng)作，并為用戶提供校園文化的具象符號。用戶無需提煉文化元素，便可直接在已有符號的基礎(chǔ)上對產(chǎn)品模型進行裝飾，以單獨元素拼湊的方式完成作品，以此實現(xiàn)設(shè)計過程的簡化。當(dāng)用戶設(shè)計好滿意的作品后，平臺還會幫助部分用戶對接廠商進行文創(chuàng)產(chǎn)品的生產(chǎn)，真正地實現(xiàn)數(shù)字設(shè)計到現(xiàn)實產(chǎn)品的落地。在用戶的精心設(shè)計下，高校文化完成了從無形到有形的轉(zhuǎn)變，以具象的全新形式展現(xiàn)。簡化后的設(shè)計模式讓用戶更容易參與體驗校園文化具象化融入現(xiàn)實的過程，從而讓高校文創(chuàng)設(shè)計進入更多人的視野。

（二）立足用戶角度，進行數(shù)字化創(chuàng)作

市面上出現(xiàn)的文創(chuàng)產(chǎn)品，大部分是由推出者獨立設(shè)計的，消費者的反饋往往集中在收到產(chǎn)品之后，且非常有限。這種沒有結(jié)合消費者喜好的設(shè)計模式導(dǎo)致產(chǎn)品對外吸引力不足，難以贏得購買方的認(rèn)同。本項目依托小程序，打造創(chuàng)新性的高校文創(chuàng)自主設(shè)計平臺，用戶能使用平臺提供的高校文化元素和設(shè)計模板，借助數(shù)字化的手段為可用載體賦予設(shè)計。每位用戶都可以在小程序中進行創(chuàng)作，或?qū)υ剡M行選擇，或?qū)ρb飾位置進行布局等，創(chuàng)作者還可以接收到小程序其他用戶的建議和評論，在互動中設(shè)計出獨一無二的文創(chuàng)產(chǎn)品。通過相關(guān)技術(shù)，平臺實現(xiàn)了高校文化元素與現(xiàn)實載體的結(jié)合，并以此滿足用戶的個性特征需求。這種設(shè)計模式將數(shù)字技術(shù)與高校文創(chuàng)設(shè)計有機結(jié)合，極大地提升了個體創(chuàng)作的自由度和豐富度，促使用戶在情感影響下與產(chǎn)品所傳遞的概念建立精神上的聯(lián)系。1

（三）觸發(fā)文化聯(lián)結(jié)，樹立創(chuàng)作主體意識

在校數(shù)年，每位校友和在校學(xué)生都對自己的校園生活有獨特的體會和感想，進而形成深深的母校情懷，設(shè)計文創(chuàng)產(chǎn)品正是將這份情結(jié)實體化的途徑之一。作為校園生活的親歷者，每位校友和在校學(xué)生都對母校有著獨一無二的深切體會，難忘的回憶成為他們創(chuàng)作的良好素材。文化內(nèi)涵上的聯(lián)結(jié)給予他們更多的設(shè)計優(yōu)勢和參與動力，激勵他們在文創(chuàng)設(shè)計中表達對母校的深切感情。本項目期望能激發(fā)校友與在校學(xué)生的創(chuàng)作熱情，將產(chǎn)品創(chuàng)作的主動權(quán)交予他們，讓他們參與到產(chǎn)品的開發(fā)、設(shè)計和生產(chǎn)、營銷推廣等各個方面2。在這種情況下，創(chuàng)作者將自己的想法和需求投射在文創(chuàng)產(chǎn)品上，充分挖掘有感觸的高校文化特色。通過提取文化元素設(shè)計產(chǎn)品，用戶們實現(xiàn)了情感的參與式表達3，獲得精神上的滿足。這種情感共鳴能夠增加校友和在校學(xué)生對高校的熱愛和認(rèn)同感，拓展高校文創(chuàng)產(chǎn)品的價值和理念，推動高校文化品牌向著可持續(xù)道路的方向發(fā)展。4

（四）豐富文創(chuàng)內(nèi)涵，打造適配產(chǎn)品

當(dāng)今市面上的文創(chuàng)產(chǎn)品質(zhì)量與樣式參差不齊，很大程度上是因為生產(chǎn)方對產(chǎn)品文化內(nèi)涵的挖掘程度不同。文創(chuàng)產(chǎn)品是文化與創(chuàng)意的融合載體，蘊含了創(chuàng)作者提取的獨特文化內(nèi)涵，而高質(zhì)量的文創(chuàng)產(chǎn)品更容易引起消費者的共鳴。當(dāng)設(shè)計文創(chuàng)的限制放寬，校友和在校學(xué)生能夠通過項目平臺進行自由創(chuàng)作，將融合了校園生活經(jīng)歷和個人審美趣味的構(gòu)思落到實處，形成創(chuàng)意與實物在功能、外形、意義等方面上的有機聯(lián)系。通過自己動手的設(shè)計方式，用戶能把自己的理念更簡潔高效地融入到產(chǎn)品的細(xì)節(jié)當(dāng)中，得到更加符合自身需求的文創(chuàng)產(chǎn)品。這種設(shè)計模式賦予了文創(chuàng)設(shè)計更廣闊的發(fā)散空間，有助于鼓勵校友們以更有創(chuàng)意的方式開創(chuàng)文化元素，吸納并培育更多的優(yōu)秀作品。隨著文化內(nèi)涵的不斷挖掘，相信設(shè)計者們將漸漸克服先前產(chǎn)品實用性和審美性的劣勢，創(chuàng)造出更多滿足消費者需求的文創(chuàng)產(chǎn)品，為高校文創(chuàng)設(shè)計鋪設(shè)更多元化發(fā)展的道路。

四、結(jié)語

基于重視數(shù)字文創(chuàng)產(chǎn)業(yè)發(fā)展的社會現(xiàn)實，本項目將給大學(xué)生群體提供一個自由應(yīng)用文創(chuàng)產(chǎn)品創(chuàng)作思路的平臺，既解決用戶對個性化文創(chuàng)產(chǎn)品的需求，又能助力各個高校發(fā)掘出自己的高校文創(chuàng)特色，方便高校文創(chuàng)產(chǎn)品的推廣，給文創(chuàng)產(chǎn)業(yè)的發(fā)展帶來一定的積極作用。而在未來，此項目也將與下游商家合作，進一步完善項目文創(chuàng)產(chǎn)品的生產(chǎn)銜接，方便用戶將自己的文創(chuàng)設(shè)計實體化。如何使用數(shù)字化技術(shù)活化高校文創(chuàng)，與更多知名高校進行合作交流，促進數(shù)字文創(chuàng)產(chǎn)業(yè)的規(guī)?；l(fā)展，提高各高校的文化競爭力，是項目未來需要進一步深入研究的問題。

【相關(guān)鏈接】

華南師范大學(xué)（South China Normal University），簡稱“華南師大”，主校區(qū)位于廣東省廣州市，是廣東省人民政府和教育部共建高校，是國家“雙一流”建設(shè)高?！薄摇?11工程”重點建設(shè)大學(xué)，入選國家“111計劃”“卓越教師培養(yǎng)計劃”“國培計劃”、國家級大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計劃、國家建設(shè)高水平大學(xué)公派研究生項目、廣東省重點大學(xué)、廣東省高水平大學(xué)整體建設(shè)高校、中國政府獎學(xué)金來華留學(xué)生接收院校、國家大學(xué)生文化素質(zhì)教育基地等，為中國人工智能教育聯(lián)席會理事單位。

截至2021年5月，學(xué)校有廣州石牌、南海、廣州大學(xué)城和汕尾4個校區(qū)，校園占地面積4462.16畝，校舍面積153萬平方米，圖書402萬冊；專任教師2577人；有全日制本科生在校26972人，碩士研究生9700人，博士研究生1213人，博士后在站275人，留學(xué)生578人。