蘇州常熟地區(qū)紅色遺址資源豐富，當(dāng)前以場(chǎng)館建設(shè)和書籍出版為主要宣傳途徑?，F(xiàn)以該地區(qū)1921—1949年的紅色資源為抓手，借助HTML5技術(shù)具備的離線存儲(chǔ)、跨平臺(tái)互動(dòng)等強(qiáng)大的功能優(yōu)勢(shì)，以淡彩水墨的手繪風(fēng)格開(kāi)展常熟地區(qū)紅色遺址數(shù)字化微場(chǎng)景的開(kāi)發(fā)工作，并對(duì)其進(jìn)行簡(jiǎn)單的闡述。

常熟地區(qū)紅色資源的展示與傳播現(xiàn)狀

常熟地區(qū)紅色資源傳播現(xiàn)狀

蘇州常熟北瀕長(zhǎng)江，與南通市隔江相望。該地區(qū)是中國(guó)共產(chǎn)黨早期開(kāi)展革命活動(dòng)的區(qū)域之一，有著豐富的紅色文化資源，自1926年建立黨組織以來(lái)，現(xiàn)存各類紅色革命遺址35個(gè)，位居蘇州市第一，常熟范圍內(nèi)登記在冊(cè)的常熟籍革命先烈共有1055人。

近年來(lái)，常熟市委員會(huì)黨史工作辦公室在地方黨史領(lǐng)域進(jìn)行了深入挖掘和研究，主要從書籍出版、場(chǎng)館建設(shè)、網(wǎng)絡(luò)媒體三個(gè)方面開(kāi)展。其中，書籍出版以個(gè)人傳記和革命斗爭(zhēng)史為主，如《任天石傳》《歲月崢嶸——常熟百位革命人物事跡選編》等；場(chǎng)館建設(shè)以“中共常熟黨史館”為主陣地；網(wǎng)絡(luò)媒體以時(shí)事新聞為主，并沒(méi)有著重介紹常熟地區(qū)詳細(xì)革命歷史的平臺(tái)。

重點(diǎn)打造的遺址類場(chǎng)館在青年中的知曉度如何？帶著這樣的疑問(wèn)，筆者一方面對(duì)沙家浜革命歷史紀(jì)念館、常熟革命烈士陵園、江抗東路活動(dòng)舊址、古里十八抗日烈士墓等遺址遺跡進(jìn)行實(shí)地調(diào)研；另一方面對(duì)年輕群體發(fā)放在線問(wèn)卷調(diào)查。本次調(diào)查共回收有效問(wèn)卷112份，74.11%的人員年齡集中在18—25歲，46歲以上的人員僅占調(diào)查的5.36%。經(jīng)過(guò)調(diào)研后得知，只有29.46%的人表示知道遺址遺跡的相關(guān)歷史，37.5%的人去過(guò)線下展館，9.82%的人覺(jué)得沒(méi)有興趣，55.36%的人認(rèn)為對(duì)紅色文化資源的接觸途徑不多，在“您更傾向于通過(guò)哪種方式來(lái)進(jìn)行蘇州常熟黨史的學(xué)習(xí)？”這一項(xiàng)中，有76.79%的調(diào)查對(duì)象更傾向于通過(guò)網(wǎng)絡(luò)獲取知識(shí)，從而總結(jié)出以場(chǎng)館建設(shè)為主要宣傳手段沒(méi)有達(dá)到常熟預(yù)期宣傳目標(biāo)的結(jié)論。

常熟地區(qū)紅色資源數(shù)字化開(kāi)發(fā)的價(jià)值

俗話說(shuō)：“不懂歷史的人沒(méi)有根，淡忘歷史的民族沒(méi)有魂?！睍r(shí)代在發(fā)展，我們要重視學(xué)習(xí)歷史經(jīng)驗(yàn)和汲取歷史教訓(xùn)。翻開(kāi)中國(guó)近代發(fā)展史，其中最深刻的一篇就是這個(gè)曾經(jīng)落后、飽受帝國(guó)主義欺凌以及作為半殖民地半封建社會(huì)的國(guó)家，如何在中國(guó)共產(chǎn)黨的領(lǐng)導(dǎo)下一步步走向繁榮昌盛的故事。

常熟地區(qū)的紅色文化極為豐富，歷史上的血戰(zhàn)沙家浜事件動(dòng)人心魄，孕育出了以“堅(jiān)定不移的理想信念，堅(jiān)韌不拔的奮斗精神，堅(jiān)不可摧的魚(yú)水情深，堅(jiān)貞不渝的清廉品質(zhì)”為核心內(nèi)涵的沙家浜革命精神。一代代革命先輩的意志在傳承中凝聚成了一股股精神力量，這種寶貴的精神財(cái)富需要我們不斷弘揚(yáng)和傳承。

當(dāng)前，宣傳紅色遺址的形式和內(nèi)容有很多，但側(cè)重于蘇州地區(qū)尤其是常熟地區(qū)的介紹卻有所缺乏。通過(guò)對(duì)調(diào)查數(shù)據(jù)進(jìn)行分析可以了解到，大眾對(duì)常熟地區(qū)的紅色資源雖然了解不多，但很感興趣，大眾希望能利用碎片化時(shí)間，通過(guò)豐富有趣的可視化信息系統(tǒng)性地了解常熟地區(qū)的革命史。

常熟地區(qū)紅色資源數(shù)字化開(kāi)發(fā)的路徑

開(kāi)發(fā)紅色資源的數(shù)字化技術(shù)

隨著數(shù)字化技術(shù)的發(fā)展，網(wǎng)絡(luò)傳播方式越來(lái)越多樣化，H5是HTML5（Hyper Text Markup Language 5，超文本標(biāo)記語(yǔ)言第五版）的簡(jiǎn)稱，是國(guó)際中立性技術(shù)標(biāo)準(zhǔn)W3C（萬(wàn)維網(wǎng)聯(lián)盟）制定的網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)。現(xiàn)在的web網(wǎng)頁(yè)基本都是按照HTML5來(lái)進(jìn)行規(guī)范的，它將Web網(wǎng)頁(yè)帶入了一個(gè)成熟的應(yīng)用平臺(tái)，該平臺(tái)對(duì)視頻、音頻、圖像、動(dòng)畫以及與設(shè)備的交互都進(jìn)行了規(guī)范。由于H5具備強(qiáng)大的便捷式交互技術(shù)，其被廣泛應(yīng)用于創(chuàng)意展現(xiàn)、產(chǎn)品展示與推廣等具有交互功能的微場(chǎng)景中，現(xiàn)在市場(chǎng)上通常把H5直接解釋為具有互動(dòng)效果的展示頁(yè)面，更有人將其理解為手機(jī)上的PPT。本文所指的H5就是把常熟地區(qū)紅色資源開(kāi)發(fā)成具有交互功能、圖片精美、內(nèi)容詳細(xì)的微場(chǎng)景，并能通過(guò)多渠道、跨媒體對(duì)該微場(chǎng)景進(jìn)行瀏覽，提高年輕人對(duì)常熟地區(qū)紅色資源的興趣。

H5技術(shù)展示常熟地區(qū)紅色資源的優(yōu)勢(shì)

1.離線存儲(chǔ)功能增強(qiáng)了紅色資源應(yīng)用的廣泛性

隨著互聯(lián)網(wǎng)的快速發(fā)展，H5技術(shù)特有的離線存儲(chǔ)功能使其不再局限于單一的資源應(yīng)用，而是成為具有跨平臺(tái)功能的展示平臺(tái)，且其具有開(kāi)發(fā)成本低、調(diào)試方便、更新自由、便于攜帶、不易損壞、不易丟失等優(yōu)點(diǎn)，從而傳播范圍更廣，傳播速度更快，信息的傳達(dá)也更為直觀。將蘇州常熟地區(qū)悠久的紅色歷史和H5技術(shù)相結(jié)合，通過(guò)信息可視化設(shè)計(jì)提高群眾對(duì)紅色文化的興趣，加深用戶對(duì)黨史的了解，發(fā)揚(yáng)前輩們英勇不屈的精神。

2.跨平臺(tái)技術(shù)增強(qiáng)傳播紅色資源的便捷性

H5作為21世紀(jì)互聯(lián)網(wǎng)的核心技術(shù)之一，有著極強(qiáng)的便捷性，其能夠更好地適應(yīng)移動(dòng)端設(shè)備，豐富了用戶對(duì)紅色文化的學(xué)習(xí)途徑，不論用戶使用任何移動(dòng)端設(shè)備，都能夠在上面利用H5技術(shù)進(jìn)行學(xué)習(xí)。H5技術(shù)新的解析規(guī)則增強(qiáng)了靈活性以及增加了一些新屬性，淘汰了過(guò)時(shí)的屬性，更加貼合用戶的使用習(xí)慣，拓寬了用戶的使用范圍。讓大眾在各個(gè)時(shí)間、地點(diǎn)都能方便、快捷地使用移動(dòng)端進(jìn)行瀏覽，打破了紅色文化學(xué)習(xí)方式的局限性，提高了群眾對(duì)黨的認(rèn)知。

3.強(qiáng)大的互動(dòng)功能提升紅色資源學(xué)習(xí)的趣味性

利用H5技術(shù)不僅能擴(kuò)大流量，也能增加視頻、動(dòng)畫等的設(shè)計(jì)應(yīng)用，豐富人們的視覺(jué)感受，并以第一視角的交互方式呈現(xiàn)出來(lái)，使參與者從被動(dòng)變?yōu)橹鲃?dòng)，實(shí)現(xiàn)用戶對(duì)信息的主動(dòng)選擇。同時(shí)，H5技術(shù)將信息與圖形生動(dòng)形象地有機(jī)融合起來(lái)，使傳達(dá)的信息更加有趣，從而提升用戶體驗(yàn)，提高用戶黏性。通過(guò)信息可視化設(shè)計(jì)提高群眾對(duì)黨史的興趣，提高用戶對(duì)黨的認(rèn)知和了解，把前輩們英勇不屈的精神發(fā)揚(yáng)光大。項(xiàng)目以H5技術(shù)為載體設(shè)計(jì)常熟地區(qū)紅色資源的可視化數(shù)字場(chǎng)景，可以實(shí)現(xiàn)多渠道、多媒體、跨平臺(tái)的任意終端訪問(wèn)。

常熟地區(qū)紅色資源數(shù)字化微場(chǎng)景開(kāi)發(fā)實(shí)踐

作品的設(shè)計(jì)理念

綜上所述，蘇州常熟地區(qū)革命歷史資料的數(shù)字化展示采用H5技術(shù)，圍繞常熟地區(qū)紅色資源，抓住數(shù)字化展示特點(diǎn)，以革命烈士、紅色遺址為主要內(nèi)容，面向青少年介紹、宣傳H5紅色文化微場(chǎng)景。畫面以淺綠色為基本色調(diào)，灰藍(lán)和深黃作點(diǎn)綴，汲取了中國(guó)傳統(tǒng)水墨畫中淡彩的顏色變化，營(yíng)造出豐富的畫面層次，體現(xiàn)出安靜、治愈的氛圍，凸顯了常熟地區(qū)悠久的歷史以及人民群眾向往的和平安寧的生活。

在動(dòng)態(tài)交互設(shè)計(jì)方面，以操作的流暢性、便捷性、明確的指引性和良好的體驗(yàn)感為目標(biāo)，運(yùn)用點(diǎn)擊、滑動(dòng)、插入關(guān)鍵幀動(dòng)畫等步驟改變?cè)貙傩詠?lái)銜接作品頁(yè)面，應(yīng)用H5技術(shù)制作動(dòng)態(tài)效果，使作品具有良好的觀賞性，增強(qiáng)觀者的體驗(yàn)感。

作品的架構(gòu)設(shè)計(jì)

常熟地區(qū)紅色資源的數(shù)字化展示主要分為三個(gè)層級(jí)，其中，遺址遺跡和英雄烈士模塊是重點(diǎn)展示內(nèi)容。

第一層級(jí)。對(duì)常熟紅色歷史主要地區(qū)進(jìn)行分類，如古里、虞山、尚湖、沙家浜、支塘等，將常熟重點(diǎn)紅色地區(qū)的代表性建筑運(yùn)用手繪的形式制作交互圖標(biāo)，按照實(shí)際地圖的位置進(jìn)行擺放，點(diǎn)擊后可選擇遺址遺跡或英雄烈士界面。

第二層級(jí)。在一級(jí)背景地圖上可選擇遺址遺跡和英雄烈士界面，這兩種界面都按照地域分類。通過(guò)手繪場(chǎng)景的形式排列遺址遺跡，觀者點(diǎn)擊場(chǎng)景上的圖標(biāo)即可直接進(jìn)入第三層級(jí)。英雄烈士采用剪影的方式排列放置，點(diǎn)擊后顯示英雄烈士的黑白照片，在查看此英雄烈士后右上方會(huì)出現(xiàn)勛章圖標(biāo)，代表此英雄烈士已了解完畢，避免重復(fù)進(jìn)入，方便大眾閱覽時(shí)不會(huì)錯(cuò)過(guò)對(duì)每位英雄烈士的了解。

第三層級(jí)。主要采用信息可視化的分類布局方式，詳細(xì)介紹了英雄烈士的生平和遺址遺跡背后的故事。

場(chǎng)景設(shè)計(jì)與角色設(shè)計(jì)

首頁(yè)的設(shè)計(jì)。借鑒傳統(tǒng)水墨山水畫的手法來(lái)繪制常熟地區(qū)的地形地貌，在背景中凸顯五個(gè)重點(diǎn)地區(qū)的遺址遺跡，隨后呈現(xiàn)出贊美常熟地區(qū)的相關(guān)詩(shī)詞、書法。

第二層級(jí)下的“英雄烈士”是本項(xiàng)目中較為重要的一個(gè)模塊，這部分的設(shè)計(jì)最初嘗試以手繪的方式來(lái)繪制英雄烈士頭像，但由于能查找到的英雄烈士遺容照片僅有寥寥幾張，文字資料也僅有只言片語(yǔ)，很難通過(guò)手繪的方式將英雄烈士們當(dāng)年的英姿展現(xiàn)出來(lái)。經(jīng)過(guò)反復(fù)思考，最后搜集了一批抗日戰(zhàn)爭(zhēng)時(shí)期英雄烈士的照片，他們既是中國(guó)千萬(wàn)革命先烈的縮影，也代表著常熟地區(qū)的革命先烈，采用人物剪影與“梅蘭竹菊”元素相結(jié)合的方式，通過(guò)這些傳統(tǒng)感物喻志的植物象征英雄先烈們的高潔品格。

圖標(biāo)設(shè)計(jì)

圖標(biāo)的設(shè)計(jì)主要采用深黃色、紅棕色為主色調(diào)，突出了紅色歷史的沉重感，也增加了畫面整體的層次感。背景的淺色加上圖標(biāo)的深色，使整個(gè)畫面既有歷史底蘊(yùn)，又營(yíng)造出安寧的氛圍，體現(xiàn)出革命烈士們的偉大。為避免整體畫面過(guò)于暗沉，將每頁(yè)的返回圖標(biāo)設(shè)置成太陽(yáng)圖案，既為畫面增加了一抹亮色，也暗示著革命道路似紅日一般光明。

首頁(yè)圖標(biāo)的設(shè)計(jì)嘗試了最初戰(zhàn)斗時(shí)的沙包、機(jī)槍、坦克、砍刀、戰(zhàn)斗機(jī)等豐富的元素，并在不斷調(diào)試后最終決定采用當(dāng)?shù)氐拇硇越ㄖ?lái)繪制首頁(yè)圖標(biāo)。首頁(yè)圖標(biāo)設(shè)計(jì)采用較為寫實(shí)的手法，顏色明度較低，采用熟褐、赭石、朱紅、土黃等紅系色調(diào)及黃系色調(diào)，以凸顯歷史的沉重感，猶如革命英雄們的精神豐碑一般，即使經(jīng)歷了時(shí)間的洗禮，依然巍然屹立，巋然不動(dòng)。

“英雄烈士”界面圖標(biāo)采用勛章元素進(jìn)行設(shè)計(jì)。銹跡斑斑的勛章突出了其歷史感，也體現(xiàn)了其背后革命烈士英勇無(wú)畏的榮耀歷程。

頁(yè)面排版設(shè)計(jì)

以數(shù)字化技術(shù)為依托的沉浸式藝術(shù)首要的美學(xué)特征是沉浸感，而沉浸式藝術(shù)所創(chuàng)造的沉浸感則主要依托其所營(yíng)造的“意境”?！耙允窞殍b，可知興替?！弊層^者在一種自然輕松的氛圍中客觀地了解那段崢嶸歲月。作品在排版上大量運(yùn)用留白的手法，減少了歷史所帶來(lái)的沉重感。在整個(gè)項(xiàng)目的排版過(guò)程中，以常熟地區(qū)地貌圖為主線橫向排版，使整個(gè)背景完全覆蓋畫面，提高版面利用率。

首頁(yè)將常熟主要紅色地區(qū)總結(jié)為五個(gè)板塊：支塘、古里、尚湖、沙家浜、虞山。在山頂和山腳處設(shè)置了英雄烈士和遺址遺跡總覽圖，既有對(duì)重點(diǎn)區(qū)域的精準(zhǔn)介紹，又有整體介紹的入口，便于用戶查找。

第二層級(jí)界面的排版主要采用卷軸的展現(xiàn)形式，通過(guò)時(shí)間線來(lái)分類介紹人物的主要事跡。卷軸的兩個(gè)軸心安排在首尾處，起到折回視線的作用，可以使瀏覽者將瀏覽的重心放到畫像及內(nèi)容上。從右往左排列文字的方式更加貼合傳統(tǒng)書信的形式，使畫面更加莊重。段落之間采用線條間隔，開(kāi)頭處做了顏色的調(diào)整，以保證瀏覽者正確的閱讀順序。同級(jí)別的頁(yè)面采用了相同的組合方式，以保持閱讀的流暢性。

第三層級(jí)的“遺址遺跡”與“英雄烈士”界面內(nèi)容相似，繪制手法和排版陳列方式一致。界面背景為淺綠色，滿鋪常熟各地區(qū)代表性建筑剪影暗紋，并且使用手繪山丘及祥云紋樣進(jìn)行修飾，左側(cè)標(biāo)題框采用不規(guī)則形狀，使頁(yè)面更加活潑，用層巒疊嶂的山峰作點(diǎn)綴，使界面更加精致。

在“遺址遺跡”模塊下，“建制改革”“戰(zhàn)斗簡(jiǎn)況”等頁(yè)面內(nèi)容繁雜，因此采用條理分明的分類布局法，理清時(shí)間、事件與人物等眾多信息。如在“建制改革”模塊中選擇歷史中比較重要的兩個(gè)組織的建制改革——沙家浜部隊(duì)和沙家浜連進(jìn)行詳細(xì)設(shè)計(jì)。在設(shè)計(jì)中借鑒了基因組合形式，一個(gè)交合代表一個(gè)時(shí)間點(diǎn)。用兩種不同的顏色分別代表兩個(gè)組織，在視覺(jué)上既對(duì)相鄰的兩塊內(nèi)容做了區(qū)分，也對(duì)間隔較大的相同顏色內(nèi)容進(jìn)行了歸類統(tǒng)一。同時(shí)還運(yùn)用中心對(duì)稱結(jié)構(gòu)，統(tǒng)一文字處于離中心較近的邊緣線，使畫面具有整齊感（如圖4）。最后，作品選取了《革命的理想》作為背景音樂(lè)，以期給用戶帶來(lái)更好的體驗(yàn)。

研究不足

作品通過(guò)H5技術(shù)基本呈現(xiàn)出常熟地區(qū)紅色遺址遺跡微場(chǎng)景，實(shí)現(xiàn)信息可視化，內(nèi)容清晰、明了。但由于研究水平、人員配置及客觀條件的限制，常熟地區(qū)紅色資源數(shù)字化微場(chǎng)景只是初步展示了紅色遺址遺跡中的主要人物、事件等，詳盡的內(nèi)容還需要進(jìn)一步挖掘，微場(chǎng)景的建設(shè)需要更多的技術(shù)力量作補(bǔ)充，展示的方式也需要進(jìn)一步優(yōu)化。

本文系江蘇省高職院校專業(yè)帶頭人高端研修項(xiàng)目（2020GRFX077）；江蘇高校哲學(xué)社會(huì)科學(xué)研究項(xiàng)目“‘長(zhǎng)三角一體化’戰(zhàn)略下提升江蘇文化軟實(shí)力的策略研究”（2019SJA1318）；江蘇省職業(yè)教育技藝技能傳承創(chuàng)新平臺(tái)“江蘇省職業(yè)教育吳羅織造技藝技能傳承創(chuàng)新平臺(tái)”階段性成果。

（作者單位：蘇州工業(yè)園區(qū)服務(wù)外包職業(yè)學(xué)院）