网页设计中图形图像的应用初探

【摘 要】图形图像是构成网页设计的重要元素之一，一个只有文字的网页会让人觉得单调枯燥，然而全是图形图像也不能全面准确的传达信息。所以图形图像在网页中恰到好处的应用就显得尤为重要，既能突出主题，也能增加网页的艺术力与感染力。本文中我们对图形图像在网页中的应用作一些简单的分析。

【关键词】图形图像 网页设计 图形图像技术

随着计算机和网络的飞速发展，目前网页设计与网站建设技术已经成为热门，在整个网页中，首先跃入浏览者眼帘的除了网页中的色彩就是网页中各种各样的图形图像了。图形图像设计、动画设计及页面设计是网页设计与网站建设的三大核心内容。作为核心内容之一的图形图像设计，比文字信息更能够吸引浏览者的注意力，给我们带来了全新的视觉盛宴。

1 图形图像的基础知识

网页中的图片，根据其不同特点，可以分为图形和图像，其中图形在平面设计领域被称为矢量图，图像被称为位图。（1）矢量图包括AI、CDR、EPS、和WMF等图片文件格式，位图包括JPG、BMP、PSD和GIF等图片文件格式。而在Photoshop中处理的图片则是默认以PSD格式进行保存的。（2）矢量图的明暗和颜色层次比较简单，多用于表现标志、商标等简单的形象；而位图样式多变，色彩丰富，明暗的细节十分细腻，多用于表现人物、风景等。（3）矢量图是以线条构成的，所以当它被放大后，不会现现边缘变模糊的情况，因此我们可以任意缩放矢量图的尺寸，它的清晰度也不会改变。位图的基本单位是像素点，因此当位图被放大后，每个像素点被放大为一个一个的色块，在不同色块之间显示出锯齿，因而看起来就比较模糊。

2 图形图像元素在网页设计中的需求分析

互联网的出现促进了网页设计的发展，从而更多的人开始热衷于从网页上获取与收集信息。网页的基本组成元素有文字和图形图像，随着网络的不断发展，创造了让更多图形图像文件进行展示的空间，网页内容也变得更加丰富和美观。因此，在网页设计中，图形图像元素越来越重要，这就需要让图形图像在满足大小的同时提高其清晰度。从而让图形图像能更好的使用于丰富多彩的网页中。

3 网页设计中图形图像的功能

图形图像能使网页内容生动、形象、美观，因而在网页设计中起着至关重要的作用，决定着整个网站的风格和模式。网页设计中图形图像的功能主要分为视觉吸引和信息引导两个方面。

3.1 视觉吸引

相对于其它的文字信息，图形图像在整个网站中更能够吸引浏览者的眼球。图形图像的内容、大小、位置、样式和色彩都会直接引响到整个网站的效果，进而引响到网站的浏览量。据调查，人们在浏览同类型的网站时，大约有60%的浏览者是由于图形图像的吸引而选择继续浏览。所以我们不难得出结论，在同类型的网站中，拥有生动丰富图形图像的网站对浏览者更有吸引力。

3.2 信息引导

在网页设计中，图形图像还起到了引导的作用。不仅能让浏览者对整个网站的信息一目了然，还能从中了解到网站设计者的设计理念。在网页设计中，图形图像与文字的完美结合，既能使网站的信息导向性更加明确，也能有效的帮助浏览者快速、准确的搜索所需信息，从而有效的节省盲目搜索所耗费的时间。此外，清晰、简单的流程图的使用，也使得整个网页更加干净、美观为浏览者搜索信息提供了很大的方便。

4 计算机图像处理技术

根据图形图像元素的构成特点，最主要的还是对图像元素的处理。计算机图像处理技术利用计算机系统内部的软件对图像进行分析、加工、处理，借助多媒体和数字化原理的手段使得图像的清晰度度有所提高，放大和处理图像中存在瑕疵的关键部位等，从而满足网页设计中我们对图像效果的要求。计算机图像处理技术的核心工作即是将数字转化为只有红、黄、蓝三种原始色彩的数字图像，并对这些数字图像进行分析、处理。实现对图像的多样化操作。未来计算机图像处理技术将向着高清晰度、实时图像处理及高速传输等方向发展。

5 图形图像在网页设计中的应用

图形图像在传达信息时具有真实、具体、直接和易于理解的特点，所以在网页设计中合理的应用图形图像，能让其成为视觉信息的中心，有利于重要信息的表现与传达。图形图像在网页设计中的应用主要体现在以下几个方面。

5.1 网站标志

网站标志具有象征、识别功能，是网站形象、特征、文化等的集中体现。一个优秀的网站标志代表着具有高认可度及高识别度的品牌形象，比如一个企业网站，从中则能体现出企业的运营理念、企业的内涵、企业的整体定位等，具有很强的艺术性和功能性。简洁而不简单的网站标志，具有以小见大、以少胜多、以一当十的特点。

5.2 背景插图

在网页设计中，选择并设计出美观且有内涵的图形图像来作为背景衬托主题，既能体现出网页的层次感，又能与网页主题图形图像形成对比或共鸣，进而突出主题形象，彰显网页别具一格的风格，有着很强的感染力与吸引力。

5.3 关键图

网页关键图指的是在网页中能表达、突出主题图形图像。在一些成功的网站中，通常采用一些醒目且有个性的图形图像来吸引浏览者的眼球。一个好的关键图，不像文字描述那样的单调，也不受浏览者文化水平的限制，能在瞬间给人留下深刻的印象，给人更直观、更强劲的视觉冲击力。

5.4 超链接

在图形图像上设置超链接，使得网页链接变得丰富多彩、网页更美观，具有直观、形象的特点。可以为单调的文字信息增添活力，也可以更加清晰的表现出所要进行的操作。

在网页设计中，合理布局及处理网页中的图形图像。才能使网页更美观、更具有艺术性和功能性。不仅可以吸引浏览者，增加访问量，还可以提高网站知名度，设计者要综合考虑，最终设计出让浏览者满意的作品。

参考文献：

[1]九州书源，夏帮贵，廖宵.新手学做网站（Dreamweaver+Flash+PhotoshopCS6版）[M].北京：清华大学出版社，2013.

[2]李敏虹.Dreamweaver+Flash+Photoshop网页设计入门与提高[M].北京：清华大学出版社，2012.

基金项目：2015年度四川省教育厅一般项目（自然科学）立项编号：15ZB0356。

作者简介：陈艳（1979—），女，四川遂宁人，本科，四川职业技术学院，讲师，主要从事计算机基础、办公自动化、网页设计方面的教学。