论图形图像处理技巧在网页界面中的应用

闫芳

摘 要：网页设计除了要考虑网页的内容新颖、网页的内容持续及时的更新之外，还要考虑网页界面的视觉效果，比如网页的分辨率、网页的版式、网页的图形图像、网页的色彩搭配等都是制作网页界面要考虑的。图形图像要在网页界面中实现优秀的视觉效果就需要特别的处理方法，本文将对怎样合理运用图形图像处理技巧强化网页的视觉效果进行探讨。

关键词：图形图像;网页界面;视觉效果

网页设计是互联网时代催生的事物，它是当时代主流的信息载体，是网络时代的标志，而优秀的网页设计不仅需要在网络体验上快捷方便、在功能引导上人性化，而且需要在视觉上给人美的体验，综合以上网页设计的特点考虑，如何设计出具有艺术效果且极具功能性的网页界面是网页设计者需要考虑的。笔者结合自己的工作经验，来简单谈一谈使用怎样使用一些设计技巧来对图形图像进行处理，从而制作出美观且人性化的网页设计。

1 图形图像在网页中的作用

网页作为一种视觉载体，除了有传统媒体所具备的文字、图形图像之外，还增加了动态图形图像、音频、视频以及超链接等元素。传统视觉媒体与网页虽然在元素上有差异，但是灵活使用图形图像的处理技巧达到的视觉效果上却有异曲同工之妙。与传统媒体一样，成功的网页设计，离不开页面上合理的布局，如果网页当中只有文字，那么网页看起来必将是单调乏味的，根据设计法则合理的布置图形图像，不但可以丰富网页界面，而且可以增强页面的层次感、增加视觉冲击力，进而吸引人们的浏览兴趣，加深人们的阅读印象，起到更准确形象向人们传达网页主题信息的作用。

2 图形图像处理技术的相关软件

在网页设计中对图形图像的处理是离不开相关软件的辅助，而选择合适的图形图像处理软件需要我们对图形图像有一个基本的了解。按照图像生产方式的不同，图形图像可分为矢量图和位图，而按照网页的功能图形图像可分为广告图像、地址栏图像以及网站标识图像等。其中地址栏图像和网站标识都是具有传递网站的专业和形象，需要通过制图软件精心的设计，而广告图像一般作为背景或者特殊展示的图像。按照制图需要常用的矢量图图形图像处理软件有： ADOBE ILLUSTRATOR、COREL DRAW、INKSCAPE、XARA XTREME等;常用到的位图软件有：PAINTER、PS、FIREWORKS、ULEAD PHOTOIMPACT等;设计者在网页的制作当中可以依据具体情况选择相应的软件进行图形图像处理。

3 图形图像的处理技巧

图形图像在网页界面中具有画龙点睛的作用，好的网页设计需要设计者在进行图形图像处理时考虑网站的风格、图形图像的分辨率、格式、版面的统一等因素。

3.1 统一网页设计主题风格

根据种类不同，网页设计可以分为：门户网站、官网、专题网店、各种功能网站等，图形图像要与网站特征风格、色彩搭配、图底呼应等保持一致。在进行网页设计前要设计者要对网站的基本信息进行全面的把握，首先设计者要考虑图形图像与网站特点相统一，突出网站特点，增强网页识别度，其次，根据图底呼应关系和整体风格的需要选择合适的图片格式，比如JPEG格式、GIF格式、PNG格式等，然后考虑网页中图形图像的色彩搭配要遵循色彩搭配的鲜明性、合理性、平衡性的原则，达到图形图像与网页界面容易融合、层次分明的效果。

3.2 优化图形图像

网页的最终目的是为人们服务的，在制作网页界面时还要考虑到用户的体验感受，我们知道，快捷方便是人们钟爱浏览网页的原因之一。而在一个网页界面当中放入的图形图像越多，暂用磁盘空间越大，增加了网页的下载时间，网页打开的就越慢。网页设计者要综合兼顾网页界面的视觉美感外，也要考虑网络的传输速度，可以通过改变图片的大小来调整传输速度。所以，在对一个网页界面有了整体把握后，要考虑图形图像的文件格式，根据网页界面需要控制图形图像的尺寸及大小。

3.3 版面合理化

网页界面的对于网页浏览者还具有视觉引导的作用，好的网页界面可以更好的传达网页的信息，增强信息的传达效果，使网页信息更加醒目、美观。在进行网页界面设计时要依照画草稿、选稿、制作的程序，设计网页界面时将文字、图形图像等一系列视觉元素按照一定的设计法则进行组合，以处理好网页界面元素之间的繁简、大小、疏密、曲直等关系，形成布局平衡、錯落有致的空间关系，从而更好地传达网页信息。在网页版面设计中常用到的有：空间分割法——上下分割型、左右分割型、斜线型、曲线型等，较适合于文案篇幅较长、图片偏多或篇幅中等的页面;限定分割法——以线分割、以线分栏、版心四周加框等，这类方法适用于信息篇幅短小集中的页面;自由组合法，将页面中的各类视觉元素在页面中自由分布，相互转换来达到页面生动活泼的效果。

4 结语

综合以上笔者对图形图像在网页设计中应用技巧的论述，追随着时代发展的脚步，网页设计还要考虑人们的时代审美方向，所以对于在网页中怎样更好的处理图形图像还需要我们对美孜孜不倦的探索精神，也需要计算机技术者并不断研发新的软件和技术，设计者综合运用各种计算机图像处理技术，从而提高图形图像的处理技能，增强网页设计的视觉传递效果，进而满足人们的使用需求，提高人们的生活质量。

参考文献

[1]黄慧精.探讨网页设计中计算机图像处理技术应用[J].现代装饰（理论），2015，（03）：147.

[2]刘全超.网页设计中的图形图像处理技巧[J].科技风，2017，（09）.

[3]林欢.图片优势效应在网页设计中的研究与应用[J].湖南大学，2014.

[4]吴志军;基于产品符号认知的创新设计过程模型构建与应用研究[D].无锡：江南大学，2011.