1.3 UI设计中的图形元素格式
图像文件的存储模式主要可以分为位图和矢量图两类,位图格式包括PSD、TIFF、BMP、PNG、GIF和JPEG等;矢量图格式包括AI、EPS、FLA、CDR和DWG等。手机UI界面的各种元素通常仅会以JPEG、GIF和PNG格式进行存储。
1.3.1 JPEG格式
JPEG格式是最为常见的图片格式。这种格式以牺牲图像质量为代价,对文件进行高比率的压缩,以大幅降低文件的体积。
JPEG格式在处理图像时可以自动压缩类似颜色,保留明显的边缘线条,从而使压缩后的图像不至于过分失真。这种格式的文件不适合于EP刷。JPEG格式的优缺点如下。
优点
利用灵活的压缩方式控制文件大小
可以对写实图像进行高比例的压缩
体积小,被广泛地应用于网络传输
对于渐进式JPEG文件支持交错
缺点
大幅度压缩图像,降低文件的数据质量
压缩幅度过大,不能满足打印输出
不适合存储颜色少、具有大面积相近颜色的区域,或亮度变化明显的简单图像
提示:当重新编辑和保存JPEG文件时,JPEG会混合原始图片数据的质量下降,而且这种下降是累积性的,也就是说每编辑存储一次就会下降一次。
1.3.2 GIF格式
GIF格式的全称为“图像互换格式”,采用一种基于连续色调的无损压缩格式,压缩比率一般在50%左右。GIF格式最大的特点就是可以在一个文件中同时存储多张图像数据,达到一种最简单的动画效果,此外还支持某种颜色的透明显示。GIF格式的优缺点如下。
优点
存储颜色少,体积小,传输速度快
动态GIF可以用来制作小动画
适合存储线条颜色极其简单的图像
支持渐进式显示方式
缺点
只支持256种颜色,极易造成颜色失真
不支持真彩色
不支持完全透明
1.3.3 PNG格式
PNG格式的全称为“可移植网络图形格式”,是一种位图文件存储格式。PNG格式的目的是试图代替GIF和TIFF格式,并增加一些GIF格式所不具备的特征。这种格式最大的特征是支持透明,而且可以在图像品质和文件体积之间做出均衡的选择。下面分别为PNG格式的优缺点。
优点
采用无损压缩,可以保证图像的品质
支持256种真彩色
支持透明存储,失真小,无锯齿
体积较小,被广泛地应用于网络传输
缺点
不支持动画
在存储无透明区域,颜色极其复杂的图像时,文件体积会变得很大,不如JPEG
IE6不支持PNG的透明属性
提示:这3种图像格式的图标很直观地表现出各自的特点:JPEG格式适合存储颜色变化丰富的图像;PNG格式支持透明;GIF格式适合存储色彩和形状简单的图形。