徐州蘇軾紀(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ì)開發(fā)蘇軾紀(jì)念館數(shù)字文創(chuàng)產(chǎn)品，可以增強(qiáng)歷史文化對大眾的吸引力，促進(jìn)歷史文化的傳承。例如，四川省文旅廳和四川日報(bào)聯(lián)合推出的“紅色四川掌上游”交互式H5，技術(shù)賦能，利用數(shù)字影像、虛擬現(xiàn)實(shí)等手段，推進(jìn)了現(xiàn)有紅色景區(qū)改造升級，為游客提供豐富多彩的“沉浸式”線上紅色文旅服務(wù)。傳承和發(fā)揚(yáng)優(yōu)秀歷史文化，是文旅紀(jì)念館數(shù)字文創(chuàng)產(chǎn)品設(shè)計(jì)的現(xiàn)實(shí)價(jià)值之一。其次，徐州有著眾多的蘇軾文化資源，其中蘊(yùn)含著豐富的歷史文化記憶和文化創(chuàng)意，這些都是徐州講好蘇軾故事、徐州故事，提升徐州文化競爭力、影響力、傳播力的重要抓手。通過深挖徐州蘇軾文化的豐富價(jià)值來詮釋旅游，旅游又作為保護(hù)歷史、傳播文化的重要途徑，更好地宣傳文化，進(jìn)而為徐州文旅創(chuàng)造新的價(jià)值。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

頁面內(nèi)部的按鍵交互主要是指點(diǎn)擊按鍵，從而控制頁面內(nèi)容的顯現(xiàn)與消失。以快哉廳控制黃樓平面動(dòng)畫顯示與消失為例：首先設(shè)置按鍵的“實(shí)例名稱”。通過點(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)與消失，所以，要先讓黃樓介紹的最開始顯現(xiàn)模式為“false”，當(dāng)點(diǎn)擊事件觸發(fā)時(shí)“false”變?yōu)椤皌rue”。

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

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

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

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

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

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

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

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

四、結(jié)論與展望

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

文章來源：  《新美域》  http://m.12-baidu.cn/w/qk/29468.html