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

网站建设知识 phpacg 3年前 (2018-04-24) 106次浏览 0个评论

  图像在网页中,相比纯文本对象,信息承载才干强,良好的页面设计能给阅读者留下深入的印象。所以网页设计中的图像处置技术失掉了设计者的注重。

  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)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址