网页设计中图形图像如何处理

《网页设计中图形图像如何处理》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网页设计中图形图像如何处理　　在信息化在科技日新月异的今天，各行各业的发展都离不开X络建设，而一个量身定做的解决方案是X络建设成功的关键，X站建设和X页设计无疑更是提升核心竞争力的重要因素，大到政府、企业，小到个人，纷纷建设属于自己的X上家园。X上家园做的好，除了要有丰富、新颖、快捷的信息内容外，还需要美观的界面设计。　　1图形图像的在X页设计中的作用　　　　与传统媒体不同，X页的构成元素有文字、图像、声音、视频、动画和超链接等，在X页设计中，只有将这些多种元素恰当合理的布局在一起，才会使X页的效果突出，美观大方。一个X站里面如果只有文字，会使X页的页面显得过于单调和拥挤，图形图像

2、的出现，打破了X页初期单纯的文字界面，使得X页的页面有了新的直观表现形式，图形图像在X页中的大量运用，很容易引起人们的注意力，并激发人们的阅读兴趣；而且图形图像给人的视觉印象也要好于文字，图形图像与文字有机结合，也可以形成不同的层次感，对X页界面的协调和美化起着积极的作用；另外，合理运用图形图像，可以生动、形象地表现设计主题、传达信息。　　2图形图像的分类　　　　X页中常用图像格式有：JPEG格式、GIF格式、PNG格式。JPEG格式的图像是一种压缩存储图像的文件格式，JPEG图像存储格式既满足了人眼对色彩和分辨率的要求，又适当的去除了图像中很难被人眼所分辨出的色彩，在图像的清晰与

3、大小中JPEG找到了一个很好的平衡点。图像转化为JPEG格式会减小很多，是一种在Inter上被广泛支持的图像格式。　　GIF格式是与设备无关的图像存储标准，也是Inter上使用最早、应用最广泛的图像格式。GIF格式通过减少组成图像每点的存储位数和LZH压缩存储两种技术来减小图像文件的大小。其原理是减少了图像调色板中的色彩数量，从而在存储时达到减小图像文件大小的目的。X上常见的小动画大多是GIF格式的，就是由几张图合在一起的图片（也有是单帧的）。　　PNG格式是一种图片存储格式，可以直接作为素材使用，因为它有一个非常好的特点：　　背景透明。PNG格式的图像是无损压缩，最常见的使用格式

4、是256索引色（PNG-8）和24bit真彩色（PNG-24）（当然PNG支持的颜色格式远不止此），支持fullalpha通道（256级可调半透明色），不支持动画，在X络中一般小图标中很多图片格式都采用PNG格式。　　3图形图像的处理技巧　　　　在X页设计中，为了使图像有较好的使用效果，就要使用多种处理技巧以达到设计的目的。　　3.1要考虑图形图像的形式与X站的整体风格相协调　　　　图片在X络上传播，表现出来的形式主要有四方图、退底图和边缘模糊图。这几种形式各有自己的特点，只有运用得当才能产生良好的视觉效果。这就要求在X页设计中如同其它版面设计一样，要分清哪些是主要图形，哪些是次要

5、的图形图像，尽量在设计中突出主要的图形图像，弱化次要的图形图像，以达到最佳的X页界面效果。　　3.2优化图片，使图片的格式适应X络传输的需要　　　　相对于文字，图像所占磁盘空间大，增加了X页的下载时间，甚至严重影响X页的显示，因此过多的图片会受到X络传输的限制。有经验的X页设计者总是对图像的尺寸、数量和质量与页面包含的全部文件的大小等进行平衡，尽量兼顾图片的页面效果与传输速度。所以，我们可以通过以下几个方面来解决这个问题：　　（1）利用图片的格式：一般情况下，图片的长、宽和色彩数的乘积在320000（100*100*32或者说00*50*64）的情况下，使用GIF和GPEG差别不大

6、，而且使用GIF格式比用GPEG格式体积要小许多。但如果是640*480（像素）以上的大图片则应该使用JPEG格式。　　（2）也可以将图片进行分割。我们经常在从X上下载别人的作品时，会发现在相应的文件夹里有很多幅小图片，这些小图片可以组合成一幅完整的大图片，这就是X页制在使用图片时，先对图片进行了分割处理，将图片的重要部分先单独分离出来进行分割，其余的单色区域用背景色的形式处理，使得浏览者可以达到快速下载和浏览的目的。　　（3）彩色照片和产品图片选用PS软件，其他一般性图片选用Fage文件夹中所有不使用的图片文件，通过小图片链接浏览的大图片要另置文件夹保存，这也是提高图片加载速度的

7、通用做法。主页中静态图片和动画图片总和应视情况尽量控制在100K以内，确保图片加载速度。　　总之，数字信息时代应突出X页的视觉艺术，以此来增强它对使用者视觉上的冲击，触动浏览者的应用心理过程。所以，注重X页设计中图形图像的处理是十分必要的也是尤为重要的，它可以让X页图片真正起到既承载信息又装扮X页、美化X页的作用，给人以美的享受。