移动应用UI设计
上QQ阅读APP看书,第一时间看更新

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格式适合存储色彩和形状简单的图形。