艺术档案数字化设计HTML5技术应用

前言：想要写出一篇引人入胜的文章？我们特意为您整理了艺术档案数字化设计HTML5技术应用范文，希望能给你带来灵感和参考，敬请阅读。

摘要:HTML5技术在支持视频、音频、图像、动画以及与设备的交互上都有极大的优势。通过对HTML5技术特点的分析，表明其在数字档案馆和虚拟现实导视设计中，能够增强艺术档案在数字档案馆中的呈现效果，并由此拓展艺术档案文化的传播力度。

关键词:HTML5技术;艺术档案;数字化设计

引言

艺术档案是艺术文化重要的“硬件”来源之一，是艺术单位和艺术工作者在艺术创作、艺术演出、艺术教育、艺术研究等活动中的原始记录，是人们将艺术文化的“硬件”向“软件”转化的重要资源和凭证。随着文化建设的地位日益突出，档案馆逐渐从历史文化的“保管者”向着“传播者”转变，更需要通过先进的数字化技术将艺术档案所映射的信息与内容传播给公众。而艺术档案的信息化有赖于数字档案馆的建设，档案馆的数字化建设能够让具体的艺术档案跨越地域的阻隔呈现在公众面前，也提高了档案文化的传播效率和影响面积。数字档案馆具有更先进的档案管理技术，并具有更强交互与体验性的展示与分享功能，这离不开数字化技术的帮助。由信息科技发展应运而生的多项技术被应用到数字化档案馆建设的各个层面，包括html5、PHP、JAVA、JAVASCRIPT等计算机语言，以及全息投影、3d打印、虚拟现实、增强现实等信息呈现技术，其中HTML5是最适合数字档案馆和艺术档案数字化设计呈现的。

1HTML5的特点

HTML5是WEB核心语言HTML的最新标准规范，最初版本由W3C(WorldWideWEBConsortium)于2014年10月，并持续保持更新。HTML5是“HTML”英文全称hypertextmarkedlanguage的第5个版本，是构建网页内容的一种语言描述方式［1］。HTML5的主要特点包括:①具有更强大的构建页面与站点的能力。②支持多种类动态效果并减少其他动态插件的加载，对视频、音频、3d、虚拟现实环境或更多动态交互操作方式有更强大的支撑。③该标准规范不断更新与修订让功能得以完善并与时俱进。④更多的应用程序接口以适应多媒体发展。基于对国内外数字化档案馆发展的研究，目前HTML5在档案馆信息设计中的应用主要包括档案管理系统、线上展示、虚拟现实导视三个方面，HTML5的运用让档案信息展示更明确、交互操作更便利、用户体验更佳。

2HTML5在数字档案馆设计中的应用

数字档案馆是通过数字管理系统优化档案馆管理与流程，并囊括传统载体档案数字化信息呈现的档案信息化平台，其基本功能包括档案信息录入、数据库管理、流程监控、数据分析、档案利用等。该平台通过一系列信息设计方式让表单更简洁，流程更清晰可控，信息更透明，让档案的入库、分类、整理与查阅更便捷，并且让档案信息呈现更快速。在数字档案管理系统中，各类数字统计与对应档案的逻辑梳理与视觉呈现尤为重要，档案馆的运作流程复杂，数据包含诸多细节化信息流程，并需要兼容多种媒介。HTML5被广泛运用于数字档案馆建设中，更好的用户体验、对图表和数据的动态呈现性能以及更强的信息逻辑性展示，都是其被广泛推广的原因。在数字化档案馆的系统信息设计中应用HTML5具有如下优势。1)运用HTML5动态图表呈现各类数据更清晰。在数字化档案管理系统中，包含档案数量、类型、存入时间、借阅时间、人名、机构名称等数据，随着时间的累积，这些数据越来越多，而运用HTML5可以将数据以动态表单的形式呈现出来，提升信息可视化效率，以此提高工作人员录入与整理数据的效率，并以更清晰的方式得到档案更新与借阅的数据分析报表。工作人员可以在页面上清楚地看到使用档案管理系统的用户信息与数量、所处的位置、更新的档案信息、储存数量与分组、运用标签管理的档案分类、每一份档案的查阅数量等，所有信息都能够以足够易读的数据可视化效果呈现。2)提高资料录入效率。运用HTML5制作的录入后台交互性更强，操作更人性化。即使是一个简单的按钮响应，HMTL5所支持的微动态效果都对用户体验带来明显改善。3)支持跨媒体平台的操作。HTML5的跨平台支持与开发在档案管理系统中具有优势，支持工作人员运用PC、手机、平板电脑等多媒体平台进行管理，帮助工作人员随时随地地开展工作。同时，在HTML5界面上，工作人员可以快速同时预览后的档案信息在不同媒体上的效果，由此能够让设备间显示不兼容的问题得到及时调整。

3HTML5对数字化艺术档案交互视觉呈现的优化

与信息管理系统相比，HTML5在数字化艺术档案的交互视觉呈现上优势更为明显。现阶段数字化艺术档案交互展示设计主要对应3个发展需求:数字信息终端多元化、媒介类型多元化、人机交互方式多元化，HTML5的应用在这3个方面都呈现出显著的作用。互联网技术的广泛发展使人们对数字信息终端多元化的需求也体现出来，能够随时随地在线查询档案信息的需求增大，反之线下查询的需求减弱。数字信息终端种类繁多，仅以智能手机为例，其接口就包括手机浏览器、应用程序、社交媒体内置接口等。档案馆线上交互展示设计要求全部在浏览器中实现，而不必安装任何终端软件，以方便用户随时随地地查阅。国家所涉及到的媒介类型多元化，包括文字、照片、声音、图像等。在这一方面，无论是档案馆内的查询终端还是针对便捷浏览的移动应用，HTML5都具有强大的支持能力。在HTML5标准制定以前，大多数以图文为主的数字化艺术档案都以PDF格式在线预览或下载的方式来实现，类似这样的静态呈现会导致页面加载过慢、用户下载流程繁琐等问题，从而降低艺术档案查阅效率。通过HTML5优化的页面则可以实现图文列表页面的快速在线浏览，以及检索结果列表的快速预览。其中，HTML5对档案检索功能的效能提升是显而易见的，在基于WEB的检索界面中，HTML5能够提供强大的动态图文展示能力，用户可以快速地通过检索结果浏览较大信息量的数字化艺术档案，可以包含图片、文字摘要、标签的块状列表，加载方式也较以往有很大的效率提升。运用标签化的艺术档案数据信息设计也能够通过HTML5得到更好的陈列，通过媒介类型来筛选、年份筛选、机构筛选等，使用户能够迅速筛选出需要的档案。HTML5的动态与交互性让原本难以实现的一部分艺术档案信息的线上交互呈现成为可能。例如在研究基于地图信息的艺术档案数字呈现中，采用HTML5与JAVA、LBS技术能够通过线上交互地图为艺术档案信息提供更生动形象的体验与操作性，并同时兼顾信息的安全。HTML5的多程序接口优势在类似项目中呈现出来，它的数据接口可以和无线通信技术、全球定位系统等程序联动起来。用户可以便捷地通过放大缩小地图、点击地图就获得地图定位地点的艺术档案，而这些艺术档案包括图片、文字、视频等多种媒介。除此之外，HTML5的跨媒介支持能力也得以体现，用户可以从电脑、手机、终端机等多种媒介获取“地图”所提供的城市艺术档案信息，交互地图充分显示了HTML5在档案信息线上呈现中独具的体验感与动态操作优势。

4HTML5在虚拟现实艺术档案导视设计中的应用

导视设计是运用标牌与符号来传达信息的方法，是为向特定受众显示信息而创建的任何视觉图形，并以此形成一个关联性的导向与信息网络系统。传统的导视系统由平面的标牌、指示牌、图标等构成，而在数字时代的导视系统中已加入了更多智能化、动态化的技术与构成元素。虚拟现实导视系统设计是HTML5的艺术档案数字设计中的重要类型，这一方式除了有效地对用户进行方位导向以外，还能够提供更多的沉浸式艺术档案体验效果，并且能够使用户无论身处任何的物理空间，只要有互联网就能够获得全方位的信息与体验。HTML5对虚拟现实导视的承载模式中包括二维与三维两种信息呈现模式，基于二维的信息呈现以展示为主，而基于三维的信息呈现则提供更逼真的沉浸式体验。二维信息在VR导视系统中主要用于呈现包括文字、图形、视频等信息，能够以较低的成本展现较大的信息量，并且便于随时对内容进行编辑、增减与其他调整。三维信息在VR导视系统中则以仿真的效果为用户提供更高的全感体验，并进行更好的人与空间、人与信息之间的交互感，在获取信息的同时提升导视系统的趣味性与视觉冲击力。与此同时，基于HTML5的虚拟现实导视的可编辑性和可复制性对档案馆的短期艺术档案展览活动的支持优于传统模式，并减少基于短期印刷与制作材料的能源消耗。除了基于真实性的导视系统，VR导视系统的虚拟化特性还能提供更艺术化的体验提升方案，基于数字媒体艺术的导视系统在满足导视功能的同时，能够拥有交互式艺术的美学效果与体验效果，插画、物理动画、新媒体装置等新的艺术领域都能够加载到基于HTML5的虚拟导视系统之中，这样的附加价值是吸引用户关注的有效方式，能够提升数字化档案馆对大众的吸引力，并为档案馆增加关注度与活力。

5结语

在未来的艺术档案数字化发展中，观众将不仅满足于基本的档案信息查阅与获取，而同时需要更完善的沉浸式体验。基于HTML5的数字化档案信息设计具有更强的信息加载能力、交互能力、多媒体呈现能力，独特的虚拟与现实交织的技术与叙事方式能够带来更人性化的体验效果，让艺术档案的形象性特点与文化价值充分的展示，为艺术档案进一步走出库房、走向公众提供了技术基础，为艺术档案数字化的发展提供更多的可能性。

参考文献:

［1］何涛．H5在融媒体中的应用与展望［J］．媒体融合新观察，2020(4):45－47．

［2］邹泽林．互联网背景下高校数字化档案管理系统设计研究［J］．科技风，2020，413(9):39．

［3］薛宝琴．浅析网络环境下档案数字化的设计［J］．山西档案，2005(S1):3．

［4］王协舟，胡诚，何长英，等．国土资源档案数字化加工调研报告———以某市国土资源馆藏档案为例［J］．档案学研究，2019(3):77－82．

作者：马雄 赵凌之 单位：西华大学文学与新闻传播学院