徐州蘇軾紀(jì)念館數(shù)字文創(chuàng)產(chǎn)品設(shè)計(jì)與產(chǎn)業(yè)鏈研究

一、徐州蘇軾紀(jì)念館數(shù)字文創(chuàng)設(shè)計(jì)價(jià)值分析

  徐州蘇軾紀(jì)念館數(shù)字文創(chuàng)產(chǎn)品設(shè)計(jì)能夠豐富旅游產(chǎn)業(yè)中的文化氛圍和文化體驗(yàn)，進(jìn)而增加受眾的參與體驗(yàn)。人機(jī)交互模式能夠更好地迎合當(dāng)代受眾的閱讀習(xí)慣，借助數(shù)字技術(shù)，統(tǒng)籌徐州文化產(chǎn)業(yè)發(fā)展，實(shí)現(xiàn)歷史文化資源的創(chuàng)造性轉(zhuǎn)化和創(chuàng)新性發(fā)展，在智能化、數(shù)字化、人性化的互動(dòng)體驗(yàn)中推動(dòng)徐州發(fā)展新質(zhì)生產(chǎn)力。首先，設(shè)計(jì)開(kāi)發(fā)蘇軾紀(jì)念館數(shù)字文創(chuàng)產(chǎn)品，可以增強(qiáng)歷史文化對(duì)大眾的吸引力，促進(jìn)歷史文化的傳承。例如，四川省文旅廳和四川日?qǐng)?bào)聯(lián)合推出的“紅色四川掌上游”交互式H5，技術(shù)賦能，利用數(shù)字影像、虛擬現(xiàn)實(shí)等手段，推進(jìn)了現(xiàn)有紅色景區(qū)改造升級(jí)，為游客提供豐富多彩的“沉浸式”線上紅色文旅服務(wù)。傳承和發(fā)揚(yáng)優(yōu)秀歷史文化，是文旅紀(jì)念館數(shù)字文創(chuàng)產(chǎn)品設(shè)計(jì)的現(xiàn)實(shí)價(jià)值之一。其次，徐州有著眾多的蘇軾文化資源，其中蘊(yùn)含著豐富的歷史文化記憶和文化創(chuàng)意，這些都是徐州講好蘇軾故事、徐州故事，提升徐州文化競(jìng)爭(zhēng)力、影響力、傳播力的重要抓手。通過(guò)深挖徐州蘇軾文化的豐富價(jià)值來(lái)詮釋旅游，旅游又作為保護(hù)歷史、傳播文化的重要途徑，更好地宣傳文化，進(jìn)而為徐州文旅創(chuàng)造新的價(jià)值。

二、徐州蘇軾紀(jì)念館數(shù)字文創(chuàng)產(chǎn)品設(shè)計(jì)方案

（一）《游園蘇公》H5移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容

該作品是運(yùn)用Adobe Photoshop和Adobe Animate軟件制作的H5移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)作品。作品以徐州市云龍湖風(fēng)景區(qū)蘇公島上的蘇軾紀(jì)念館中的建筑、詩(shī)歌、文字等內(nèi)容為原型，加入二維動(dòng)畫(huà)、交互設(shè)計(jì)等新型展示方式，頁(yè)面設(shè)計(jì)選取與蘇軾品性相關(guān)聯(lián)的梅、竹、鶴等元素。設(shè)計(jì)作品由一個(gè)片頭動(dòng)畫(huà)、一個(gè)開(kāi)始頁(yè)面、一個(gè)目錄頁(yè)面三部分組成。其中目錄頁(yè)面包括逍遙廳、快哉廳、眉山廳、清泗廳四個(gè)展廳。展廳又可以細(xì)分為八個(gè)逍遙廳頁(yè)面，十五個(gè)快哉廳頁(yè)面，八個(gè)眉山廳頁(yè)面和十四個(gè)清泗廳頁(yè)面。受眾操作通過(guò)動(dòng)畫(huà)、動(dòng)態(tài)文本欣賞、交互內(nèi)容選擇、交互游戲體驗(yàn)來(lái)實(shí)現(xiàn)。

片頭動(dòng)畫(huà)由蘇軾的表字：蘇東坡展開(kāi)，隨后出現(xiàn)文字：“一任知州，千年懷想。一份擔(dān)當(dāng)，萬(wàn)民性命。一門父子，三大文豪。一位巨子，百代文明”。這三十二個(gè)字也是蘇軾紀(jì)念館四個(gè)展廳的主要內(nèi)容的概括，分別對(duì)應(yīng)快哉廳、泗水廳、眉山廳、逍遙廳。蘇軾因張山人在云龍山每早放鶴，而后有感作《放鶴亭記》。伴隨著翱翔的仙鶴漸小，群山出現(xiàn)，景深由大到小，遠(yuǎn)處的群山越來(lái)越大，近山消失，從而引出蘇軾的著名詞曲《念奴嬌·赤壁懷古》。隨著群山上方的白云右移《念奴嬌·赤壁懷古》詩(shī)詞消失，轉(zhuǎn)而宮闕、月亮、松樹(shù)等意象出現(xiàn)，引出蘇軾另一首著名的詞曲《水調(diào)歌頭·明月幾時(shí)有》。前面的動(dòng)畫(huà)既是對(duì)蘇軾任職徐州知州的概括，又是代表蘇軾精神的意象，更是以蘇軾的文化藝術(shù)為基準(zhǔn)創(chuàng)作的動(dòng)畫(huà)頁(yè)面。隨后逐漸浮現(xiàn)六個(gè)與蘇軾任職徐州知州相關(guān)的重要景點(diǎn)，分別是黃樓、燕子樓、云龍山、百步洪、東坡石床、快哉亭。

開(kāi)始場(chǎng)景頁(yè)面與片頭動(dòng)畫(huà)風(fēng)格統(tǒng)一，最先展現(xiàn)的是蘇軾紀(jì)念館場(chǎng)館的平面動(dòng)畫(huà)，隨著手寫(xiě)動(dòng)畫(huà)寫(xiě)完“游園蘇公”四個(gè)字，開(kāi)始頁(yè)面完全顯現(xiàn)，點(diǎn)擊“開(kāi)始游覽”按鈕，便可以開(kāi)始在網(wǎng)頁(yè)上了解徐州蘇軾紀(jì)念館。

在開(kāi)始頁(yè)面通過(guò)點(diǎn)擊按鈕“開(kāi)始游覽”，就可以進(jìn)入目錄頁(yè)面。通過(guò)點(diǎn)擊目錄頁(yè)面的逍遙廳按鈕，就可以進(jìn)入逍遙廳頁(yè)面。逍遙廳頁(yè)面一共八頁(yè)，可以分為五部分，分別是逍遙廳主頁(yè)面、逍遙廳介紹頁(yè)面和三個(gè)逍遙廳副頁(yè)面，即蘇軾傳、文學(xué)大家、藝術(shù)天才。快哉廳一共由十五個(gè)頁(yè)面組成，主題圍繞蘇軾與徐州所涉及的人、物、景，即蘇軾與徐州、蘇軾在徐朋友、蘇軾徐州景點(diǎn)、蘇軾成長(zhǎng)故事、蘇軾離別徐州五個(gè)副頁(yè)面。 

通過(guò)點(diǎn)擊目錄頁(yè)面的眉山廳按鈕，就可以進(jìn)入眉山廳頁(yè)面。眉山廳頁(yè)面主要介紹蘇軾家族、蘇洵傳、蘇轍傳、妻妾內(nèi)助四個(gè)內(nèi)容。清泗廳的頁(yè)面背景元素、按鈕元素和逍遙廳、眉山廳等展廳介紹頁(yè)面一樣，清泗廳的主題以講述《蘇軾治水》的故事為主。游覽者通過(guò)點(diǎn)擊主頁(yè)面的蘇軾治水，便會(huì)進(jìn)入蘇軾治水的故事梗概頁(yè)面，然后點(diǎn)擊故事梗概頁(yè)面的開(kāi)始閱讀按鈕，就會(huì)開(kāi)始動(dòng)畫(huà)故事。

（二）《游園蘇公》H5移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)素材創(chuàng)建

動(dòng)畫(huà)場(chǎng)景的背景、人物、按鍵都采用水墨風(fēng)，利用Adobe Photoshop的圖層功能，進(jìn)行草圖構(gòu)建與繪畫(huà)。通過(guò)提前制作好的不規(guī)則筆刷進(jìn)行繪制，最后導(dǎo)出PNG格式，得到需要的素材。

片頭動(dòng)畫(huà)元素的繪制，包括遠(yuǎn)山、宮闕、云朵、松樹(shù)、建筑、竹子等，以片頭動(dòng)畫(huà)中的遠(yuǎn)山和黃樓為例。首先，在網(wǎng)頁(yè)中尋找需要的遠(yuǎn)山素材，利用軟件修改圖片的功能，選擇合適的角度，然后選擇黑重色，繪制山的整體框架，再按照黑白灰的層次，依次繪制山體的顏色，逐漸添加重色繪制投影與遮擋關(guān)系，最后為山體加上樹(shù)木花草。選擇保存為PNG格式，方便在動(dòng)畫(huà)軟件內(nèi)使用。其次是黃樓，黃樓的繪制方法與繪制遠(yuǎn)山有些許區(qū)別，在繪制的過(guò)程中要以現(xiàn)實(shí)為主，然后再利用黑白灰的層次，將黃樓的各個(gè)結(jié)構(gòu)進(jìn)行區(qū)分。先繪制黃樓底部的房間，房間由柱子和方格門組成，繪制完成方格門后，利用Ctrl+v的復(fù)制方式，將方格門復(fù)制、合并圖層，就可以得到一個(gè)多層次的門。黃樓的中間層次是帶有弧度的屋檐，利用鋼筆工具靈活的特點(diǎn)，繪制需要的區(qū)間，右鍵建立選區(qū)，再選取需要的顏色，填充選區(qū)，就可以繪制出簡(jiǎn)易的屋檐，加上屋檐上的橫梁，來(lái)增加屋檐的層次，這里需要將橫梁與屋檐進(jìn)行顏色的區(qū)分。同理，黃樓的上部分結(jié)構(gòu)都可以采取一樣的方式。最后為了表現(xiàn)黃樓的建筑材質(zhì)，可以選取需要改變材質(zhì)的圖層，利用濾鏡庫(kù)中紋理化效果，將光滑的圖層材質(zhì)，添加紋理和顆粒感。

（三）《游園蘇公》H5移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)交互制作

1.使用Adobe Animate制作動(dòng)畫(huà)

整個(gè)網(wǎng)頁(yè)的制作分為動(dòng)態(tài)的片頭動(dòng)畫(huà)和靜態(tài)的展廳頁(yè)面模式，片頭動(dòng)畫(huà)主要采用元件制作相應(yīng)的元件動(dòng)畫(huà)。將在Adobe Photoshop中制作好的文字素材“蘇東坡”，導(dǎo)入Adobe Animate并將其轉(zhuǎn)為圖形元件，右鍵“轉(zhuǎn)換為元件”選擇元件類型“圖形元件”，就可以制作出動(dòng)畫(huà)需要的元件類型。以文字或圖形動(dòng)畫(huà)由大到小的變化為例：“蘇東坡”文字由大到小的變化，分別在第一幀和第六十幀插入關(guān)鍵幀，第一幀設(shè)置為小的圖形，第六十幀設(shè)置為大的圖形，點(diǎn)擊創(chuàng)建補(bǔ)間動(dòng)畫(huà)，就可以實(shí)現(xiàn)“蘇東坡”文字由大到小的變化。

2.使用Adobe Animate制作動(dòng)畫(huà)交互

使用AN制作H5網(wǎng)頁(yè)頁(yè)面，需要運(yùn)用JavaScript的腳本語(yǔ)言來(lái)進(jìn)行制作，所以頁(yè)面之間的跳轉(zhuǎn)也需要運(yùn)用代碼來(lái)實(shí)現(xiàn)。在AN頁(yè)面內(nèi)，將各個(gè)元素放置在規(guī)定的位置后，點(diǎn)擊需要設(shè)置跳轉(zhuǎn)代碼的按鈕，在軟件界面右側(cè)添加按鈕的“實(shí)例名稱”，只有各個(gè)按鈕添加實(shí)例名稱，才能讓代碼運(yùn)行時(shí)找到對(duì)應(yīng)的按鈕實(shí)現(xiàn)想要的效果。以主頁(yè)面逍遙廳的頁(yè)面跳轉(zhuǎn)為例：將逍遙廳按鈕“實(shí)例名稱”設(shè)置為“xiaoyaoting”，點(diǎn)擊逍遙聽(tīng)按鈕，再點(diǎn)擊F9按鍵，進(jìn)入代碼設(shè)置。點(diǎn)擊代碼片段，選擇“單擊以跳轉(zhuǎn)到幀并停止”，在代碼片段的括號(hào)里面輸入自己需要跳轉(zhuǎn)的頁(yè)面幀數(shù)，需要注意的是這里的幀數(shù)需要加一計(jì)算。因?yàn)樵摯a片段是從零幀開(kāi)始計(jì)數(shù)的。設(shè)置完成后，就可以通過(guò)Ctrl+enter鍵，進(jìn)行預(yù)覽，查看是否達(dá)到效果。

頁(yè)面內(nèi)部的按鍵交互主要是指點(diǎn)擊按鍵，從而控制頁(yè)面內(nèi)容的顯現(xiàn)與消失。以快哉廳控制黃樓平面動(dòng)畫(huà)顯示與消失為例：首先設(shè)置按鍵的“實(shí)例名稱”。通過(guò)點(diǎn)擊黃樓圖片，實(shí)現(xiàn)黃樓介紹的出現(xiàn)與消失，黃樓圖片和黃樓介紹都需要轉(zhuǎn)換為元件。黃樓“實(shí)例名稱”為“huanglou”,黃樓介紹的“實(shí)例名稱”為“huanglou_jieshao”。我們使用“點(diǎn)擊事件”，即當(dāng)鼠標(biāo)點(diǎn)擊黃樓按鍵時(shí)，可以控制另一個(gè)“實(shí)例名稱”的顯現(xiàn)與消失，所以，要先讓黃樓介紹的最開(kāi)始顯現(xiàn)模式為“false”，當(dāng)點(diǎn)擊事件觸發(fā)時(shí)“false”變?yōu)椤皌rue”。

三、徐州蘇軾“文化資源”轉(zhuǎn)化為“文旅產(chǎn)業(yè)”的路徑

（一）創(chuàng)新文化體驗(yàn)，提升旅游吸引力

在徐州蘇軾文化資源的轉(zhuǎn)化過(guò)程中，創(chuàng)新文化體驗(yàn)是提升旅游吸引力的關(guān)鍵。首先，可以開(kāi)發(fā)一系列以蘇軾文化為主題的旅游產(chǎn)品，如“蘇軾足跡之旅”和“蘇軾詩(shī)詞體驗(yàn)營(yíng)”，這些產(chǎn)品通過(guò)故事化的內(nèi)容和情境化的體驗(yàn)，讓游客在游覽中更深入地了解蘇軾的生平和作品。其次，數(shù)字互動(dòng)體驗(yàn)是現(xiàn)代旅游的重要趨勢(shì)。可以利用AR、VR等技術(shù)，開(kāi)發(fā)蘇軾文化相關(guān)的互動(dòng)游戲和體驗(yàn)項(xiàng)目。例如，創(chuàng)建一個(gè)虛擬的蘇軾書(shū)院，讓游客在其中與蘇軾“對(duì)話”，或是通過(guò)VR技術(shù)，讓游客“親臨”蘇軾的詩(shī)詞創(chuàng)作現(xiàn)場(chǎng)，體驗(yàn)詩(shī)詞背后的歷史和文化。再次，文化節(jié)慶活動(dòng)是提升旅游吸引力的有效手段。定期舉辦蘇軾文化節(jié)、詩(shī)詞大會(huì)等活動(dòng)，邀請(qǐng)專家學(xué)者、藝術(shù)家參與，通過(guò)講座、研討會(huì)、表演等形式，增加文化的互動(dòng)性和趣味性。這些活動(dòng)不僅能夠吸引游客，還能夠提高當(dāng)?shù)鼐用竦奈幕院栏泻蛥⑴c度。最后，文創(chuàng)產(chǎn)品開(kāi)發(fā)是文化資源轉(zhuǎn)化的重要途徑?？梢蚤_(kāi)發(fā)以蘇軾文化為主題的文創(chuàng)產(chǎn)品，這些產(chǎn)品不僅是旅游紀(jì)念品，也是文化傳播的載體，能夠?qū)⑻K軾文化的影響力延伸到更廣泛的領(lǐng)域。

（二）加強(qiáng)區(qū)域合作，構(gòu)建文旅產(chǎn)業(yè)鏈

徐州蘇軾文化資源的轉(zhuǎn)化，需要通過(guò)加強(qiáng)區(qū)域合作來(lái)構(gòu)建文旅產(chǎn)業(yè)鏈。首先，可以與周邊城市建立文化旅游聯(lián)盟，共同開(kāi)發(fā)以蘇軾文化為核心的旅游產(chǎn)品和線路。例如，打造“蘇軾文化之旅”和“蘇北文化探索”等旅游線路，形成區(qū)域文化旅游品牌，吸引更多的游客。其次，跨行業(yè)合作機(jī)制是推動(dòng)文化資源轉(zhuǎn)化的重要途徑?？梢耘c文化、旅游、教育、科技等不同領(lǐng)域的企業(yè)建立合作機(jī)制，共同開(kāi)發(fā)文化資源。再次，社會(huì)資本的引入對(duì)于文旅產(chǎn)業(yè)鏈的完善和升級(jí)至關(guān)重要?？梢酝ㄟ^(guò)政策引導(dǎo)和資金支持，吸引社會(huì)資本投入蘇軾文化產(chǎn)業(yè)。例如，通過(guò)PPP模式，政府與私營(yíng)部門可以共同投資、建設(shè)和運(yùn)營(yíng)文化旅游項(xiàng)目。這種合作模式能夠充分發(fā)揮政府的引導(dǎo)作用和私營(yíng)部門的運(yùn)營(yíng)效率，共同分擔(dān)風(fēng)險(xiǎn)，提高項(xiàng)目的成功率。最后，建立蘇軾文化研究和推廣中心，加強(qiáng)文化研究和學(xué)術(shù)交流，提升徐州蘇軾文化的學(xué)術(shù)地位和影響力。這些中心可以成為文旅產(chǎn)業(yè)發(fā)展的智庫(kù)，為文旅產(chǎn)業(yè)的發(fā)展提供智力支持。

（三）推動(dòng)文化與科技融合，打造智慧文旅

在徐州蘇軾文化資源的轉(zhuǎn)化中，推動(dòng)文化與科技的深度融合，打造智慧文旅是提升旅游體驗(yàn)的重要手段。首先，可以利用大數(shù)據(jù)和云計(jì)算技術(shù)，分析游客行為和市場(chǎng)趨勢(shì)，為文旅產(chǎn)品開(kāi)發(fā)和市場(chǎng)營(yíng)銷提供精準(zhǔn)的數(shù)據(jù)支持。此外，通過(guò)實(shí)時(shí)數(shù)據(jù)分析，文旅運(yùn)營(yíng)商能夠及時(shí)調(diào)整營(yíng)銷策略，提供個(gè)性化推廣和定制化服務(wù)，進(jìn)一步優(yōu)化游客的旅游體驗(yàn)。其次，可以開(kāi)發(fā)智能導(dǎo)覽系統(tǒng)，提供個(gè)性化的旅游信息服務(wù)，如智能推薦旅游路線、實(shí)時(shí)更新旅游信息等，提升游客的旅游體驗(yàn)。這些系統(tǒng)可以通過(guò)移動(dòng)設(shè)備或可穿戴設(shè)備為游客提供服務(wù)，使旅游更加便捷和智能。

通過(guò)這些路徑的拓展和實(shí)施，徐州蘇軾文化資源的轉(zhuǎn)化將更加多元化和智能化，為游客提供更加豐富和高質(zhì)量的旅游體驗(yàn)，同時(shí)也為徐州的文旅產(chǎn)業(yè)帶來(lái)新的發(fā)展機(jī)遇。

四、結(jié)論與展望

本研究以徐州蘇軾紀(jì)念館為設(shè)計(jì)核心，利用H5技術(shù)，將紀(jì)念館內(nèi)的豐富內(nèi)容——建筑、文字、書(shū)畫(huà)等，以數(shù)字化形式進(jìn)行展現(xiàn)。H5網(wǎng)頁(yè)的強(qiáng)兼容性、廣泛傳播性和快速傳播的特點(diǎn)，為蘇軾在徐州任知州期間的貢獻(xiàn)及其與徐州的深厚淵源提供了全新的展示平臺(tái)，使更多人能便捷地了解這段歷史和文化。雖然本課題在蘇軾文化資源的數(shù)字化轉(zhuǎn)化方面取得了一定的成果，但仍有諸多方面需要進(jìn)一步深化和完善。首先，未來(lái)的研究可以更加深入地挖掘蘇軾文化的多維度價(jià)值，如其哲學(xué)思想、政治理念、藝術(shù)創(chuàng)作等，并將這些元素更全面地融入到數(shù)字化展示中。其次，可以探索更多的互動(dòng)技術(shù)和展示平臺(tái)，如虛擬現(xiàn)實(shí)、增強(qiáng)現(xiàn)實(shí)等，以提供更加沉浸式的用戶體驗(yàn)。

文章來(lái)源：  《新美域》  http://www.00559.cn/w/qk/29468.html