网站UI设计案例教程第4章网站图片的优化与调整PPT课件

图片在网页设计中具有很重要的作用,图片的加入可以为网页带来更为直观的表现形式。在很多网页中，图片占据大部分页面甚至整个页面来吸引浏览者的眼球,激发浏览者的阅读兴趣。它给予浏览者的刺激要大于文字。合理恰当地运用图片,可以丰富页面,也可以生动直观地表现设计主题。 网页中的图片不仅有点缀与装饰整个版面的作用,而且承载着传达信息的重要使命,所以在设计图片内容时要注意其是否具有代表性。 不同的平台有不同的调色板,不同的浏览器也有自己的调色板。这就意味着对同一幅图来说,其显示的效果可能差别很大。遇到特定的颜色时,浏览器会尽量使用本身所用的调色板中最接近的颜色来替代,如果浏览器中没有可选的颜色,它就会通过抖动或者混合自身的颜色来尝试重新生成该颜色。 网页图片往往不要求具有很高的分辨率,标准分辨率为72像素/英寸。图片文件的大小影响着图片加载的速度,图片过大会导致图片加载缓慢,因此创建切片时,需对图片进行优化,以减小文件的大小。 颜色模式是将某种颜色表现为数字形式的模型,或者说是—种记录图像颜色的方式,有RGB颜色模式、CMYK颜色模式、HSB颜色模式、Lab颜色模式、位图模式、灰度模式、索引颜色模式、双色调模式和多通道模式。网页中全部采用RGB颜色模式。 由于网页是基于计算机浏览器开发的媒体,所以颜色以光学颜色红、绿、蓝(R、G、B)为主。在RGB颜色模式下处理图片较为方便,而且占用内存小，可以有效节省存储空间。 使用仿制图章工具可以将图片中的像素复制到其他图片中或同一图片的其他部分,可在同一图片的不同图层间进行复制,可以复制图像或覆盖图像中的缺陷。仿制图章工具的选项栏如下图所示,在该选项栏中用户可以设置“样本"“对齐"等属性。