浅谈网页设计中的图像处理技术

　　图像在网页中，相比纯文本对象，信息承载能力强，良好的页面设计能给浏览者留下深刻的印象。所以网页设计中的图像处理技术得到了设计者的重视。

　　1.常见处理技术

　　网页中的图像，按照存储格式不同可以分为矢量图和位图，按照使用用途的不同，大致可以分为地址栏图像，网站Logo，网页内容图像等。地址栏图像类似一个图标，显示在地址栏网址前边，一般经过精心设计，能够传递公司专业与精细的形象。内容图像是指嵌在网页中或者作为网页背景的图像。伴随网络技术和软件技术的进步，用于图像处理设计的软件有了很大的发展。网页三剑客中的Dreamweaver在进行网页设计的同时，可以对一些图片进行简单的变化处理，fireworks能满足对网页图片处理的大部分功能要求。对于一些有特殊要求的图像，可以使用Adobe公司的Photoshop软件进行处理;在进行Logo等设计时，一般使用CorelDraw或Illustrator等软件来完成。

　　在进行图像的设计、选择和处理中，掌握专业软件的基本使用技巧是必需的，图像在网页设计中的功能主要可以分为视觉吸引、信息引导两方面。[1]要达到这样的目的，需要对图像进行合理的处理。使用动画图片，以及适当的色彩对比，形成版式的变化，吸引浏览者的注意，引导其对网站内容的阅读。

　　根据公司对网站的功能定位，其所承载的任务与指向有所不同，对浏览者所作设定亦有差异。比如腾讯公司的腾讯网(qq.com)和腾讯(tecent.com)，一个作为门户内容网站，一个作为公司形象网站是两个独立的网站，设计风格，内容和要求差异很大。

　　2.新技术

　　网络作为第四媒体，其显示终端可能是计算机，平板，电视或智能手机，为了页面兼容等原因，前端设计出现了很多新技术，如div+css技术，Javascript技术等，为了方便管理，一般采用对象的结构、表现和行为分开。结构是对象的内容，表现是其外观，而行为是与浏览者的交互，或者说是浏览者进行鼠标点击或输入内容等操作时，页面的反应。在进行网页设计过程中，图像对象也是如此，利用代码可以对图像进行一些效果的处理，起到资源占用少，页面维护容易等目的，还可以达到一些用基本图像处理技术不易实现的效果。用div+css结合Javascript技术可以实现在网页前端一些设计效果和逻辑处理功能，比如图像轮播和验证码校验功能。

　　在一个存在后台管理的网站中，网页的很多内容来自于后台数据库，一些图片也不例外，内容需要和后台交互，根据数据库的内容和页面的特定逻辑，决定图像的外观。这是基本图像处理技术无法实现的，需要设计者了解动态页面设计技术，常见的技术有asp.net，php和jsp技术等。这里以php技术为例：

　　用php函数创建图片：

　　switch($SIZE[2]){

　　case 1：

　　$this->PICTURE_CREATE=imagecreatefromgif($PICTURE_URL);

　　$this->PICTURE_TYPE="imagejpeg";

　　$this->PICTURE_EXT="jpg";

　　break;

　　case 2：

　　$this->PICTURE_CREATE=imagecreatefromjpeg($PICTURE_URL);

　　$this->PICTURE_TYPE="imagegif";

　　$this->PICTURE_EXT="gif";

　　break;

　　case 3：

　　$this->PICTURE_CREATE=imagecreatefrompng($PICTURE_URL);

　　$this->PICTURE_TYPE="imagepng";

　　$this->PICTURE_EXT="png";

　　break;

　　}

　　在图片上放文字或图片水印文字：

　　function _mark_text(){

　　$this->TRUE_COLOR=imagecreatetruecolor($this->PICTURE_WIDTH，$this->PICTURE_HEIGHT);

　　$this->WORD=mb_convert_encoding($this->FONT_WORD，'utf-8'，'gb2312');

　　除此之外，还有连接数据库，缩放、剪切、相框、锐化、旋转、翻转、透明度、反色等对网页图片的处理。不再一一举例。

　　3.结论

　　传统网页设计技术一般分为前台和后台技术，前台主要负责页面的版式和效果设计，在设计过程中，需要对图像处理有较好的理解，随着技术的进步和观念的变化，一般认为，网站的功能是第一位的，在此基础上，需要有良好的显示效果。

　　技术是手段，是媒介，不能一味追求技术的先进与绚丽，设计要同公司网站的定位紧密相关，综合运用多种技术实现。网站的视觉吸引、信息引导两方面的功能并没有变，但是如何达到这一目的，是设计者关注并努力的方向。在功能完成的基础上，使浏览者获得良好的体验，简洁明快的设计往往会给用户留下较深的印象。页面图像设计者要对相关技术有较好的理解，页面前台效果不是孤立的，任务进行过程中，美工需要和后台设计人员进行沟通，反复修改，共同完成设计。

• 0
• 0
• 0
• 0
• 0
• 0
• 0
• 0