首页 > 文章中心 > 正文

网页设计与图像处理分析

网页设计与图像处理分析

JPEG格式缺点是不支持透明效果的处理以及动画效果的应用。JPEG通常不使用在数据传输的环境,网络中传输时用的少,常用于对图像进行数字化处理方面,或者用于图像扫描应用。(3)PNG格式:其英文名称为PortableNetworkGraphics,译为可移植网络图形,是网络技术发展相伴出现的新的图像文件格式。PNG优于前2种格式,有前2种格式的优点,既能用于高清晰度的图像如真彩24位,真彩色可包含1000多万种色彩。也能出来普通256色的图像,另外图像文件也使用了压缩算法,在网络通信方面也适用,现在互联网使用非常广泛。随着应用的广泛PNG格式也变为当前的图像流行文件格式。

1网页中插入图像

在设计网页时加入适当的图像,是网页设计者经常地操作步骤。Dreamwaver是网站设计三剑客之一,是制作网站较为常用的工具软件,在Dreamwa-ver文档窗口中添加图像的方法是:(1)考虑好在什么位置插入图像;(2)在菜单栏通过点击“插入”菜单栏中的“图像”按钮加入图像。(3)在打开的对话框页面上点击“选择文件”对话框,在设置对话框相应位置设置参数项。(4)设置完参数后再回到“插入图像”对话框界面,单击“确定”按钮。图像就被导入,图像的特性通过属性检查器设置,图像属性很多,用户需要关注的是源文件、替换和链接3项。通过HTML的语言代码可以实现上述步骤同样的插入图像功能:熟练的设计者对代码特熟悉,使用代码插入更方便快捷。IMG标签是图像标签,写法是:<imgsrc=“图片位置”>图片的位置一般我们采用相对路径,这个标签比较特殊,它只有开始标签,不像其它标签都是成对出现的。

2网页设计中的2种特殊应用

(1)由鼠标移动触发图像变换处理:移动鼠标时,把鼠标焦点放到网页上的一个图片上,此刻显示了另一幅图片,当鼠标焦点离开这幅图片时,图片恢复为最先显示的图片,这2幅图片的切换通过加入到鼠标移动功能函数时就可以实现,前提是准备好要切换的2幅图片,而且图片大小一致,通常设计者使用Photoshop技术处理图像。

(2)在互联网上制作相册:博客通常使用好多的相册,这就是多幅图片在按照一定的设定条件进行有序切换,浏览者使用鼠标点击其中一幅图片时,通过点击小图,能马上将对应的大图调出,这里的实现原理就是事先将要显示的图片存放在指定文件夹中,在程序代码中设定定时或按其他方式来触发图片的切换。通常设计者使用Fireworks技术处理图像。

3图像处理在网页设计中的应用解析

3.1网页设计中使用图像的意义

(1)做设计网站的标志(LOGO)。任何网站的诞生都有其目的性,网页的LOGO是网站的点睛之笔,非常关键。我们一说到LOGO,马上就能想到一些在人们心中有认可度的品牌形象,这就是品牌的意义,LOGO有同样的功效。像SINA的LOGO,不用看到字就可以认出是新浪网。LOGO一般是经过设计师精心设计制作,艺术性和功能性并存的网站品牌形象,好的LOGO可以让人们喜闻乐见,如今优秀的LO-GO凭借其独特的文化理念、独特创新的艺术特色给浏览者以美的冲击,带给人们高度的享受和信赖。(2)网页背景图。网页基本形式是背景烘托主题,背景都是有象征和内涵的图像,背景图像与网页文字互相映衬,烘托主题并从另一层面突出主题,如今没有图像的网页是不成功的网页设计,缺乏感染力。(3)关键图。有些网页用醒目的图像来宣传该网站的主题,这些图像的目的是让浏览者看到图片就知道该网站的宣传内容,这种关键图像是整个页面最突出的内容,不用文字信息而是通过大图来把文字要阐述的内容映射到图像上,这种传达信息的方式更原始,更有感官冲击力,而且直观。

3.2网页图像处理的技巧

3.2.1图像的尺寸图像的尺寸与网页设计目的相关,尺寸大的图像涵盖的内容丰富,能够更加细的传达图像信息,让浏览者注意图像中醒目的内容元素。尺寸小的图像简单,有个性,对于主题表达起到衬托的作用。网页设计中大小图像结合文字共同把设计主题展示出来,设计者根据设计需求分析网页设计的主标题和副标题,让主标题更突出,更惹眼,让附属图像与主图内容相得益彰,共同达到设计效果。

3.2.2图像的外形图像设计向多元化方向发展,不同类型的图像都有各自的特色,我们看到圆形的图像时就觉得不呆板、亲切可人;而不规则的图像动态十足,有活力;方型图像则给人中规中矩的感觉。网页设计目的不同,对各种类型的网站需要多种形状的图像烘托。(1)方形图像。方型是最常见的,也是我们生活中使用最多的形状。在一些严肃的网站比如政务网等官方,适宜利用方型的图像或主图像来传递给浏览者正规、严肃的信息内容。方型的稳重带给浏览者可信度高、理性的思考,能把整体网页的风格衬托出来。(2)菱形图像。菱形是方型的灵动,没有方型的凝重、严肃,使网页的美感增加。(3)圆形图像。圆形图像有柔和曲线,让浏览者产生充实的感觉,圆满的外型把自由和随意传递给浏览者。(4)三角形图像。三角形图像在网页中能够把动感有个性的内涵阐释给浏览者,网页变得生命力十足。(5)个性化图像。此类图像不是自然界的常规图型,经过创造者技术加工和个性化处理,把图像加工成自由灵活的创意图像,图像没有规则的形状,没有统一的配色,自然而又随性。图像与文字自然规整的结合在网页页面上,将主题效果突出的显示出来。

4结语

互联网如今是一个庞大的体系结构,网页是这个体系的基本单元。怎么样将互联网的页面设计得越来越漂亮,网页设计艺术性越来越高,设计时需要考虑的图像因素很多,不仅包括图像色调,图像格式,图像效果,还要掌握对图像处理工具的运用技巧。计算机图像处理技术是网页设计技术的重要部分,最终网页设计的质量直接与其相关,设计者在设计之初就要考虑页面的整体图片效果,把将要展示的图像作为网站设计的开始,这样网站设计才能很好的起步,最终设计出让用户满意的作品。

作者:仇乐单位:淄博职业学院