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

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

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

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

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

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

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

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

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

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

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

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

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

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

1.使用Adobe Animate制作動畫

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

2.使用Adobe Animate制作動畫交互

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

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

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

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

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

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

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

（三）推動文化與科技融合，打造智慧文旅

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

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

四、結(jié)論與展望

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

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