数字媒体网页设计的文献综述

摘要：在信息全球化的媒体时代，数字媒体技术的應用十分普遍，将数字媒体技术应用到网页设计中，打破单一且枯燥的网页版式，不仅能丰富网页样式，还能实现人机交互。本文通过对已有文献的评述，为数字媒体技术在网页设计中应用做理论支撑。

关键词：数字媒体技术;网页设计;数字媒体网页设计;应用

中图分类号：T-012 文献标识码：A

一、引言

随着信息技术和网络技术的不断发展，上网的人数和时长都逐年增长，据报告显示，截至2020年3月，我国网民已高达9.04亿，并且在物质生活优渥的今天，人们的审美逐渐提高，以前单一且枯燥的网页版式已经无法适应国人的审美要求和交互要求，只有将数字媒体技术的优势应用到网页设计中去，才能更好的发展网页设计，迎合国人的需求。

二、文献综述

（一）数字媒体技术的概念

媒体，就是用来传播消息的媒介，不论是通过电视上所观看到的新闻信息，还是在某则广播中听见的寻人启事，它都承载着与生活息息相关的东西，这也是人们每天必用的载体。[1]数字媒体应用技术将“数字”与“媒体”概念融合在一起。其中数字信息囊括视频（本文、图像等）、音频（语音、音效、音乐等）、超视音频（亚声、超声等）及其他（触觉、嗅觉、味觉等信息），媒体主要由表示媒体，显示媒体构成，前者为信息的形式，后者为信息的传播途径。在移动互联网时代数字技术与媒体技术得以整合，成为数字媒体技术，具有可复制性、可传播性、可感觉性、可存储性等特征，从技术角度来讲其具有表现性、可编辑性等特点。[2]

（二）网页设计的概念

网页设计基础主要讲HTML+CSS。目前最新版本的HTML5使用HTML标记对网页中的文本、图片、声音、视频等内容进行描述。HTML5有许多HT-ML标记，如：header、nav、footer、canvas等，HTML标记、属性、样式都在一个页面，使得页面越来越臃肿，于是CSS诞生了，目前最新的版本是CSS3。CSS（层叠样式表）主要用于设置HTML页面中的文本字体、颜色、大小、加粗、对齐方式;图片宽度、高度;div盒子模型的边框样式、内外边距和一些布局样式;还有CSS使用方式，选择器的使用及其优先级别。CSS不仅可以静态地修饰网页，还可以配合JavaScript动态地对网页各元素进行修饰，同一网站可以换不同的风格。HTML就像修房子时搭的框架，而CSS就是装修，现在出了很多前端框架就是精装房，里面封装了很多组件、样式，我们可以直接使用。[3]CSS直接可以直接规范图像或者视频的框架，但是要想网页吸引到人，就不得不提到图像处理。利用计算机对图片进行深一步处理，达到想要的图片效果就是图像处理技术。在计算机领域中，图像处理的形式和内容非常多，最常见的就是多媒体和PS。技术人员对图片效果进行适当处理，再将处理好的图片加到网页中，进而使网页内容引人入胜，增加网页点击率。[4]

三、数字媒体技术在网页设计中的应用原则

数字媒体技术在网页设计中应遵循以下原则：1.明确网页设计主题（结合网页具体内容，设计并确认出网页主题）。2.结合受众群体需求（符合网页受众群体不同心理需求和社会需求）。3.首页设计突出形象（网页中信息罗列要注意主次分明，把握好用户视觉流程，把重要信息有效传达给用户）。4.网页风格统一（从网页页面结构、页面色彩、页面导航三个层面进行网页设计风格统一）。5.网页综合运用多媒体元素（利用网络动画和网络音频，增加网站的感染力）。[5]

四、数字媒体技术在网页设计中的应用方式

（一）文本

文本内容是直接进行信息传达的基本途径，也是网页设计阶段所不能忽视的重要的视觉要素构成部分。文本能够对设计作品进行描述或突出，一般情况下会在网页中占据很大的比重，所以需要结合技术手段不断进行完善，达成理想的文本设计目标。设计人员需要从给观众提供一个清晰的表达过程入手，让观众能够在一个完整的描述过程中获得良好的观赏体验。[6]

（二）图像

将数字媒体技术应用到网页中时，图像应遵循以下原则：1. 进行网页设计时注意对图像大小进行控制（图像大小对视觉效果、清晰度、加载速度都有关联）。2.合理的分配图像的角色和职责（选择的照片一定要符合网站的设计风格，来增强网页的色彩和识别度）。3.将图像设计为网站的标志（采用图片来对网站进行填充就是它能对人产生最强烈的视觉冲击，直观的显示出相关内容）。4.合理的运用多样化的图像（插图和摄影照片，需要利用计算机的图片修改技术，将相关的图片和文字内容进行搭配，良好搭配也使得网站更加的美观和具有吸引力）。[7]

（三）交互

“链接”是网络应用中比较常见的一种资源共享和交流的方式，在网络上利用链接进行资源共享，可以实现对文字词语视频以及影像资料的及时交换，提高资料搜索的准确度。超链接同样作为网页浏览的另一种资源交换方式，这种资源分享的途径可以完成全新视角的元素分享，并做到信息及时同步，提高信息的利用价值。交互化世界元素的主要表现方式应尽量做到人性化系统处理，比如：在合适的位置添加导航条，或为视频提供播放按钮，再或者可以在地图上提供工具热点，这些信息都应放在主页面的明显位置，以便浏览者可以迅速找寻并点击进入。链接内容可以依次进行排列，为进一步方便浏览者对网页进行资源搜索，需要在底部设置返回主页、返回顶层等选项，可以将这些按钮以红色按钮的方式进行展示，来引起浏览者的注意，这也是体现人性化设计的主要方式。[8]

五、数字媒体技术在网页设计中的应用意义

数字媒体技术在网页设计中的应用意义有：1.处理语法错误，识别复杂信息（通过语法标签对于非法文档细节加强定义处理，可让客户端与浏览器对语法错误统一进行处理，识别复杂媒体信息或普通文章信息等相应内容，有助于多媒体经过网络传递后更易被使用检索）。2.便于开发维护，实现及时更新（HTML5可通过CSS3撰写Web-based程序，增加一份程式码即可实现Android与IOS系统同时支撑，具有更强的灵活性）。3.加强网页设计，提升视觉冲击（通过JavaScript控制像素，让新媒体网页设计更加便捷，以此提高受众的视觉冲击，从而推动新媒体发展）。4.离线缓存内容，减轻设备压力。（HTML5存储方式较多，通过local Storage可将数据存储在本地，数据大小并不会对其造成限制，架构弹性更佳，可在本机ROM中写入数据，关闭浏览器后再打开时数据自动恢复，网络流量减少，不会占用后台资源，为硬件设备减轻了压力，运行流畅性随之提升）。5.通过地理定位，加强交流互动（新媒体在应用时不仅可利用HTML5定位自身方向，还能在他人开放信息的情况下得到其定位信息，加强用户之间的交流互动）。[9]

六、结束语

在信息技术和网络技术不断壮大的今天，全新媒体时代已经到来，全国网民人生逐年上升，网页作为重要组成部分，将数字媒体技术应用到网页设计中，打破单一且枯燥的网页版式，不仅能丰富网页样式，还能实现人机交互，有着实现新媒体的良好意义。

参考文献：

[1] 王博.数字媒体技术的应用与发展[J].卫星电视与宽带多媒体，2019（20）：22-23.

[2] 安军.移动互联网时代下的数字媒体应用技术研究[J].数字技术与应用，2020，38（04）：91+93.

[3] 廖家莉.浅谈网页设计与制作课程[J].电脑知识与技术，2020，16（01）：114-115.

[4] 刘颖.计算机网页设计中图像处理技术的应用分析[J].计算机产品与流通，2020（07）：9.

作者简介：杨玲（1999-），女，佤族，数字媒体技术专业本科。

（作者单位：西北民族大学教育科学与技术学院）