欢迎进入苏州聚尚网络科技有限公司官网!

建站热线: 0512-88960669 18962528455

聚尚网络科技

点击这里给我发消息点击这里给我发消息

网站制作之图形处理技术

 

网站制作之图形处理技术

      设计网站不得不考虑页面的数据量。图形几乎占有的网页的全部数据量。如果一屏的文字和图形的数据量超过100k的话,你就要考虑图形的选择问题了,因为这么大的数据流量下载需要花费用户很长的时间,用户等待下载图形的耐心往往十分有限。如果真的造成这样的不愉快,那你设计的努力也将付诸东流了。要解决这样的问题,首先我们要了解技术对图像格式的支持。通常适合网络传输的图像格式有以下几种:GIF、JPEG、PNG、PIC。

        GIF格式使用 8位(2的8次方,即256种颜色)颜色,并在保留锐化细节(如艺术线条、徽标或带文字的插图)的同时,有效地压缩实色区域。还可以使用 GIF 格式创建动画图像。大多数浏览器都支持GIF格式。GIF格式使用LZW压缩,它是无损耗的压缩方法。但是,因为GIF文件只有256种颜色,所以将原24位图像优化为8位GIF会导致颜色信息丢失。

        PNG-24 格式支持 24 位颜色。和 JPEG 格式一样,PNG-24 可保留照片中存在的亮度和色相的显著和细微变化。和 GIF 和 PNG-8 格式一样,PNG-24 可保留锐化细节,如艺术线条、徽标或包含文字的插图中的细节。

        JPEG 格式支持24位颜色,并保留照片和其它连续色调图像中存在的亮度和色相的显著和细微变化。大多数浏览器都支持 JPEG。JPEG 通过有选择地减少数据来压缩文件大小。因为它会弃用数据,所以JPEG 压缩称为损耗压缩。较高品质设置导致弃用的数据较少,但是 JPEG 压缩方法会降低图像中细节的清晰度,尤其是包含文字或矢量图形的图像。

        PNG文件使用比GIF更高级的无损耗压缩方案,并且可以比同一图像的GIF文件小 10-30%,这具体取决于图像的颜色图案。因为不是所有的浏览器都支持 PNG,所以在图像必须可由尽可能多的Web用户访问时,建议避免使用此格式。PNG格式有两种类型:PNG-8和 PNG-24。同一图像的 PNG-24 文件常比JPEG文件大。该格式除了支持背景透明度和背景杂边外,PNG-24 格式还支持多色阶透明度。多色阶透明度允许保留多达256个色阶的透明度,可以平滑地将图像边缘与任何背景色混合。但是,不是所有的浏览器都支持多色阶透明度。

        PICT格式作为在应用程序之间传递图像的中间文件格式,广泛应用于 Mac OS 图形和页面版面应用程序中。PICT格式支持具有单个alpha通道的RGB图像和不带alpha通道的索引颜色、灰度和位图模式的图像。PICT 格式在压缩包含大面积纯色区域的图像时特别有效。对于包含大面积黑色和白色区域的alpha通道,这种压缩效果相当惊人。

        web2.0 :我一直听到说这个时髦的词,不管是喜欢还是讨厌web2.0,它都是这种特定的web2.0设计风格的一个主要的部分。这个指南的目的是想给一些设计新 手一些参考,或者是做为一个清单,给那些还在挣扎着适应着好多社会性网络/社会性媒体网站风格的页面图形设计师们。

  当设计师们疯狂的寻找最佳的纹理好像木纹、砖块、布纹等等的时候,纹理素材网站就应运而生了。

  在photoshop里可以往背景和文字上叠加元素,如果他们被恰当使用的话,也的确可以给设计带来一些情趣。如果你不是很确定是否过度使用了这个Web2.0的特征(或者其他特征),那就试着把设计贴到设计论坛里面寻求反馈吧。

  反光 Reflection

  著名的苹果水晶按钮让一种设计风格流行起来了。
  反光在很多web2.0的设计风格中逐渐开始有了立足之地。这个设计风格的关键是注意降低不透明度,这会使整个设计看起来效果很好。

  闪耀的图标 Bling icons

  我喜欢好的图标,可爱的图标的确能为一个平淡的设计带来层次和亮点。    转自:奈薇建站网(www.nev.cn)
  Everaldo创建了一个自己的水晶图标集,同时也激发很多有天赋的图标设计师的灵感。

  web2.0 的徽章 \ 价格标签

  web2.0的徽章和最近流行的价格标签可以用来吸引游客的注意力。
  大部分的徽章都是反光的(闪闪发光的),而价格标签却普遍是灰暗的。