1.5 图标的格式和大小
图标是具有特殊指代意义的图形,在手机UI界面中的地位非常重要。一枚精美绝伦的图标总是可以轻易地吸引用户点击,对于一款App来说,设计一枚漂亮的图标是绝对有必要的。
图像文件的存储格式主要分为两类,位图和矢量。位图格式包括PSD、TIFF、BMP、PNG、GIF和JPEG等;矢量格式包括AI、EPS、FLA、CDR和DWG等。
1.5.1 PNG、GIF和JPEG格式
手机UI的各种元素通常仅以PNG、GIF和JPEG格式进行存储。
PNG
PNG格式的全称为“可移植网络图形格式”,是一种位图文件存储格式。PNG格式的目的是试图代替GIF和TIFF格式,并增加一些GIF格式所不具备的特征。这种格式最大的特点是支持透明,而且可以在图像品质和文件体积之间做出均衡的选择。下面分别为PNG格式的优缺点。
•优点:采用无损压缩,可以保证图形的品质。支持256种真彩色。支持透明存储,失真小,无锯齿。体积较小,被广泛应用于网络传输。
•缺点:不支持动画。在存储无透明区域、颜色极其复杂的图像时,文件体积会变得很大。
GIF
GIF格式的全称为“图像互换格式”,采用一种基于连续色调的无损压缩格式,压缩比率一般在50%左右。GIF格式最大的特点就是可以在一个文件中同时存储多张图像数据,达到一种最简单的动画效果,此外还支持某种颜色的透明显示。下面是GIF格式的优缺点。
•优点:存储颜色少,体积小,传输速度快。动态GIF可以用来制作小动画。适合存储线条颜色极其简单的图像。支持渐进式显示方式。
•缺点:只支持256种颜色,很容易造成颜色失真。不支持真彩色或完全的透明。
JPEG
JPEG格式是目前市面上最常使用的存储格式。这种格式以牺牲图像质量为代价,对文件进行高比率的压缩,以大幅降低文件体积。
JPEG格式在处理图像时可以自动压缩类似颜色,保留明显的边缘线条,从而使压缩后的图像不至于过分失真。这种格式的文件不适合用于印刷。下面是JPEG格式的优缺点。
•优点:利用灵活的压缩方式控制文件大小。可以对写实图像进行高比例的压缩。体积小,广泛应用于网络传输。对于渐进式JPEG文件支持交错。
•缺点:大幅度压缩图像,降低文件的数据质量。压缩幅度大,不能满足打印输出。不适合存储颜色少、具有大面积相近颜色的区域,或亮度变化明显的简单图像。
图1-11所示为3种格式的图像格式图标。
图1-11 图像格式图标
1.5.2 其他格式
•BMP格式
BMP格式最早应用于微软公司的Windows操作系统,是一种Windows标准的位图图形文件格式。它几乎不压缩图像数据,图片质量较高,但文件体积也相对较大。
•IFF格式
TIFF格式便于在应用程序和计算机平台之间进行数据交换,是一种灵活的图像格式。这种图像格式是非破坏性的存储格式,占用的存储空间较大。如果图像需要出版印刷,则建议存储为TIFF格式。
提示:当重新编辑和保存JPEG文件时,JPEG会使混合原始图片数据的质量下降,而且这种下降是累积性的,也就是说每编辑存储一次就会下降一次。
提示:这3种图像格式的图标很直观地表现出了各自的特点。JPEG格式适合存储颜色变化丰富的图像;PNG格式支持透明;GIF格式适合存储色彩和形状简单的图形。
1.5.3 图标的大小
众所周知,目前市面上较为常见的手持设备操作系统主要有3种:iOS、Android和Windows Phone,下面分别介绍不同平台上图标和其他重要元素的具体尺寸,如图1-12、图1-13、表1-3和图1-14所示。
图1-12 iOS系统屏幕图标及其他元素尺寸
图1-13 Android系统屏幕图标及其他元素尺寸
表1-3 Android系统手机屏幕分辨率参数
图1-14 Windows Phone系统屏幕图标及其他元素尺寸
提示:Android系统与iOS系统有一个很大的不同点——Android系统涉及到的手机种类非常多,屏幕的尺寸很难有一个相对固定的参数,所以我们只能按照手机屏幕的横向分辨率将它们大致分为4类:低密度(LDPI)、中等密度(MDPI)、高密度(HDPI)和超高密度(XHDPI),下面是具体参数。
提示:Windows Phone的主界面允许用户自定义图标大小,但是以100×100像素为基础,图标与图标之间的距离为12像素。