藝術(shù)檔案數(shù)字化設(shè)計HTML5技術(shù)應(yīng)用

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了藝術(shù)檔案數(shù)字化設(shè)計HTML5技術(shù)應(yīng)用范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要:HTML5技術(shù)在支持視頻、音頻、圖像、動畫以及與設(shè)備的交互上都有極大的優(yōu)勢。通過對HTML5技術(shù)特點的分析，表明其在數(shù)字檔案館和虛擬現(xiàn)實導(dǎo)視設(shè)計中，能夠增強藝術(shù)檔案在數(shù)字檔案館中的呈現(xiàn)效果，并由此拓展藝術(shù)檔案文化的傳播力度。

關(guān)鍵詞:HTML5技術(shù);藝術(shù)檔案;數(shù)字化設(shè)計

引言

藝術(shù)檔案是藝術(shù)文化重要的“硬件”來源之一，是藝術(shù)單位和藝術(shù)工作者在藝術(shù)創(chuàng)作、藝術(shù)演出、藝術(shù)教育、藝術(shù)研究等活動中的原始記錄，是人們將藝術(shù)文化的“硬件”向“軟件”轉(zhuǎn)化的重要資源和憑證。隨著文化建設(shè)的地位日益突出，檔案館逐漸從歷史文化的“保管者”向著“傳播者”轉(zhuǎn)變，更需要通過先進的數(shù)字化技術(shù)將藝術(shù)檔案所映射的信息與內(nèi)容傳播給公眾。而藝術(shù)檔案的信息化有賴于數(shù)字檔案館的建設(shè)，檔案館的數(shù)字化建設(shè)能夠讓具體的藝術(shù)檔案跨越地域的阻隔呈現(xiàn)在公眾面前，也提高了檔案文化的傳播效率和影響面積。數(shù)字檔案館具有更先進的檔案管理技術(shù)，并具有更強交互與體驗性的展示與分享功能，這離不開數(shù)字化技術(shù)的幫助。由信息科技發(fā)展應(yīng)運而生的多項技術(shù)被應(yīng)用到數(shù)字化檔案館建設(shè)的各個層面，包括html5、PHP、JAVA、JAVASCRIPT等計算機語言，以及全息投影、3d打印、虛擬現(xiàn)實、增強現(xiàn)實等信息呈現(xiàn)技術(shù)，其中HTML5是最適合數(shù)字檔案館和藝術(shù)檔案數(shù)字化設(shè)計呈現(xiàn)的。

1HTML5的特點

HTML5是WEB核心語言HTML的最新標準規(guī)范，最初版本由W3C(WorldWideWEBConsortium)于2014年10月，并持續(xù)保持更新。HTML5是“HTML”英文全稱hypertextmarkedlanguage的第5個版本，是構(gòu)建網(wǎng)頁內(nèi)容的一種語言描述方式［1］。HTML5的主要特點包括:①具有更強大的構(gòu)建頁面與站點的能力。②支持多種類動態(tài)效果并減少其他動態(tài)插件的加載，對視頻、音頻、3d、虛擬現(xiàn)實環(huán)境或更多動態(tài)交互操作方式有更強大的支撐。③該標準規(guī)范不斷更新與修訂讓功能得以完善并與時俱進。④更多的應(yīng)用程序接口以適應(yīng)多媒體發(fā)展?；趯鴥?nèi)外數(shù)字化檔案館發(fā)展的研究，目前HTML5在檔案館信息設(shè)計中的應(yīng)用主要包括檔案管理系統(tǒng)、線上展示、虛擬現(xiàn)實導(dǎo)視三個方面，HTML5的運用讓檔案信息展示更明確、交互操作更便利、用戶體驗更佳。

2HTML5在數(shù)字檔案館設(shè)計中的應(yīng)用

數(shù)字檔案館是通過數(shù)字管理系統(tǒng)優(yōu)化檔案館管理與流程，并囊括傳統(tǒng)載體檔案數(shù)字化信息呈現(xiàn)的檔案信息化平臺，其基本功能包括檔案信息錄入、數(shù)據(jù)庫管理、流程監(jiān)控、數(shù)據(jù)分析、檔案利用等。該平臺通過一系列信息設(shè)計方式讓表單更簡潔，流程更清晰可控，信息更透明，讓檔案的入庫、分類、整理與查閱更便捷，并且讓檔案信息呈現(xiàn)更快速。在數(shù)字檔案管理系統(tǒng)中，各類數(shù)字統(tǒng)計與對應(yīng)檔案的邏輯梳理與視覺呈現(xiàn)尤為重要，檔案館的運作流程復(fù)雜，數(shù)據(jù)包含諸多細節(jié)化信息流程，并需要兼容多種媒介。HTML5被廣泛運用于數(shù)字檔案館建設(shè)中，更好的用戶體驗、對圖表和數(shù)據(jù)的動態(tài)呈現(xiàn)性能以及更強的信息邏輯性展示，都是其被廣泛推廣的原因。在數(shù)字化檔案館的系統(tǒng)信息設(shè)計中應(yīng)用HTML5具有如下優(yōu)勢。1)運用HTML5動態(tài)圖表呈現(xiàn)各類數(shù)據(jù)更清晰。在數(shù)字化檔案管理系統(tǒng)中，包含檔案數(shù)量、類型、存入時間、借閱時間、人名、機構(gòu)名稱等數(shù)據(jù)，隨著時間的累積，這些數(shù)據(jù)越來越多，而運用HTML5可以將數(shù)據(jù)以動態(tài)表單的形式呈現(xiàn)出來，提升信息可視化效率，以此提高工作人員錄入與整理數(shù)據(jù)的效率，并以更清晰的方式得到檔案更新與借閱的數(shù)據(jù)分析報表。工作人員可以在頁面上清楚地看到使用檔案管理系統(tǒng)的用戶信息與數(shù)量、所處的位置、更新的檔案信息、儲存數(shù)量與分組、運用標簽管理的檔案分類、每一份檔案的查閱數(shù)量等，所有信息都能夠以足夠易讀的數(shù)據(jù)可視化效果呈現(xiàn)。2)提高資料錄入效率。運用HTML5制作的錄入后臺交互性更強，操作更人性化。即使是一個簡單的按鈕響應(yīng)，HMTL5所支持的微動態(tài)效果都對用戶體驗帶來明顯改善。3)支持跨媒體平臺的操作。HTML5的跨平臺支持與開發(fā)在檔案管理系統(tǒng)中具有優(yōu)勢，支持工作人員運用PC、手機、平板電腦等多媒體平臺進行管理，幫助工作人員隨時隨地地開展工作。同時，在HTML5界面上，工作人員可以快速同時預(yù)覽后的檔案信息在不同媒體上的效果，由此能夠讓設(shè)備間顯示不兼容的問題得到及時調(diào)整。

3HTML5對數(shù)字化藝術(shù)檔案交互視覺呈現(xiàn)的優(yōu)化

與信息管理系統(tǒng)相比，HTML5在數(shù)字化藝術(shù)檔案的交互視覺呈現(xiàn)上優(yōu)勢更為明顯?，F(xiàn)階段數(shù)字化藝術(shù)檔案交互展示設(shè)計主要對應(yīng)3個發(fā)展需求:數(shù)字信息終端多元化、媒介類型多元化、人機交互方式多元化，HTML5的應(yīng)用在這3個方面都呈現(xiàn)出顯著的作用?；ヂ?lián)網(wǎng)技術(shù)的廣泛發(fā)展使人們對數(shù)字信息終端多元化的需求也體現(xiàn)出來，能夠隨時隨地在線查詢檔案信息的需求增大，反之線下查詢的需求減弱。數(shù)字信息終端種類繁多，僅以智能手機為例，其接口就包括手機瀏覽器、應(yīng)用程序、社交媒體內(nèi)置接口等。檔案館線上交互展示設(shè)計要求全部在瀏覽器中實現(xiàn)，而不必安裝任何終端軟件，以方便用戶隨時隨地地查閱。國家所涉及到的媒介類型多元化，包括文字、照片、聲音、圖像等。在這一方面，無論是檔案館內(nèi)的查詢終端還是針對便捷瀏覽的移動應(yīng)用，HTML5都具有強大的支持能力。在HTML5標準制定以前，大多數(shù)以圖文為主的數(shù)字化藝術(shù)檔案都以PDF格式在線預(yù)覽或下載的方式來實現(xiàn)，類似這樣的靜態(tài)呈現(xiàn)會導(dǎo)致頁面加載過慢、用戶下載流程繁瑣等問題，從而降低藝術(shù)檔案查閱效率。通過HTML5優(yōu)化的頁面則可以實現(xiàn)圖文列表頁面的快速在線瀏覽，以及檢索結(jié)果列表的快速預(yù)覽。其中，HTML5對檔案檢索功能的效能提升是顯而易見的，在基于WEB的檢索界面中，HTML5能夠提供強大的動態(tài)圖文展示能力，用戶可以快速地通過檢索結(jié)果瀏覽較大信息量的數(shù)字化藝術(shù)檔案，可以包含圖片、文字摘要、標簽的塊狀列表，加載方式也較以往有很大的效率提升。運用標簽化的藝術(shù)檔案數(shù)據(jù)信息設(shè)計也能夠通過HTML5得到更好的陳列，通過媒介類型來篩選、年份篩選、機構(gòu)篩選等，使用戶能夠迅速篩選出需要的檔案。HTML5的動態(tài)與交互性讓原本難以實現(xiàn)的一部分藝術(shù)檔案信息的線上交互呈現(xiàn)成為可能。例如在研究基于地圖信息的藝術(shù)檔案數(shù)字呈現(xiàn)中，采用HTML5與JAVA、LBS技術(shù)能夠通過線上交互地圖為藝術(shù)檔案信息提供更生動形象的體驗與操作性，并同時兼顧信息的安全。HTML5的多程序接口優(yōu)勢在類似項目中呈現(xiàn)出來，它的數(shù)據(jù)接口可以和無線通信技術(shù)、全球定位系統(tǒng)等程序聯(lián)動起來。用戶可以便捷地通過放大縮小地圖、點擊地圖就獲得地圖定位地點的藝術(shù)檔案，而這些藝術(shù)檔案包括圖片、文字、視頻等多種媒介。除此之外，HTML5的跨媒介支持能力也得以體現(xiàn)，用戶可以從電腦、手機、終端機等多種媒介獲取“地圖”所提供的城市藝術(shù)檔案信息，交互地圖充分顯示了HTML5在檔案信息線上呈現(xiàn)中獨具的體驗感與動態(tài)操作優(yōu)勢。

4HTML5在虛擬現(xiàn)實藝術(shù)檔案導(dǎo)視設(shè)計中的應(yīng)用

導(dǎo)視設(shè)計是運用標牌與符號來傳達信息的方法，是為向特定受眾顯示信息而創(chuàng)建的任何視覺圖形，并以此形成一個關(guān)聯(lián)性的導(dǎo)向與信息網(wǎng)絡(luò)系統(tǒng)。傳統(tǒng)的導(dǎo)視系統(tǒng)由平面的標牌、指示牌、圖標等構(gòu)成，而在數(shù)字時代的導(dǎo)視系統(tǒng)中已加入了更多智能化、動態(tài)化的技術(shù)與構(gòu)成元素。虛擬現(xiàn)實導(dǎo)視系統(tǒng)設(shè)計是HTML5的藝術(shù)檔案數(shù)字設(shè)計中的重要類型，這一方式除了有效地對用戶進行方位導(dǎo)向以外，還能夠提供更多的沉浸式藝術(shù)檔案體驗效果，并且能夠使用戶無論身處任何的物理空間，只要有互聯(lián)網(wǎng)就能夠獲得全方位的信息與體驗。HTML5對虛擬現(xiàn)實導(dǎo)視的承載模式中包括二維與三維兩種信息呈現(xiàn)模式，基于二維的信息呈現(xiàn)以展示為主，而基于三維的信息呈現(xiàn)則提供更逼真的沉浸式體驗。二維信息在VR導(dǎo)視系統(tǒng)中主要用于呈現(xiàn)包括文字、圖形、視頻等信息，能夠以較低的成本展現(xiàn)較大的信息量，并且便于隨時對內(nèi)容進行編輯、增減與其他調(diào)整。三維信息在VR導(dǎo)視系統(tǒng)中則以仿真的效果為用戶提供更高的全感體驗，并進行更好的人與空間、人與信息之間的交互感，在獲取信息的同時提升導(dǎo)視系統(tǒng)的趣味性與視覺沖擊力。與此同時，基于HTML5的虛擬現(xiàn)實導(dǎo)視的可編輯性和可復(fù)制性對檔案館的短期藝術(shù)檔案展覽活動的支持優(yōu)于傳統(tǒng)模式，并減少基于短期印刷與制作材料的能源消耗。除了基于真實性的導(dǎo)視系統(tǒng)，VR導(dǎo)視系統(tǒng)的虛擬化特性還能提供更藝術(shù)化的體驗提升方案，基于數(shù)字媒體藝術(shù)的導(dǎo)視系統(tǒng)在滿足導(dǎo)視功能的同時，能夠擁有交互式藝術(shù)的美學(xué)效果與體驗效果，插畫、物理動畫、新媒體裝置等新的藝術(shù)領(lǐng)域都能夠加載到基于HTML5的虛擬導(dǎo)視系統(tǒng)之中，這樣的附加價值是吸引用戶關(guān)注的有效方式，能夠提升數(shù)字化檔案館對大眾的吸引力，并為檔案館增加關(guān)注度與活力。

5結(jié)語

在未來的藝術(shù)檔案數(shù)字化發(fā)展中，觀眾將不僅滿足于基本的檔案信息查閱與獲取，而同時需要更完善的沉浸式體驗?；贖TML5的數(shù)字化檔案信息設(shè)計具有更強的信息加載能力、交互能力、多媒體呈現(xiàn)能力，獨特的虛擬與現(xiàn)實交織的技術(shù)與敘事方式能夠帶來更人性化的體驗效果，讓藝術(shù)檔案的形象性特點與文化價值充分的展示，為藝術(shù)檔案進一步走出庫房、走向公眾提供了技術(shù)基礎(chǔ)，為藝術(shù)檔案數(shù)字化的發(fā)展提供更多的可能性。

參考文獻:

［1］何濤．H5在融媒體中的應(yīng)用與展望［J］．媒體融合新觀察，2020(4):45－47．

［2］鄒澤林．互聯(lián)網(wǎng)背景下高校數(shù)字化檔案管理系統(tǒng)設(shè)計研究［J］．科技風(fēng)，2020，413(9):39．

［3］薛寶琴．淺析網(wǎng)絡(luò)環(huán)境下檔案數(shù)字化的設(shè)計［J］．山西檔案，2005(S1):3．

［4］王協(xié)舟，胡誠，何長英，等．國土資源檔案數(shù)字化加工調(diào)研報告———以某市國土資源館藏檔案為例［J］．檔案學(xué)研究，2019(3):77－82．

作者：馬雄 趙凌之 單位：西華大學(xué)文學(xué)與新聞傳播學(xué)院