2.3 APP的切图工作

最理想的情况是设计人员给iOS APP和Android APP设计两套图片，为了节约资源，许多设计人员只按iOS APP的要求提供设计切图和标注尺寸。

部分iPhone设备的屏幕尺寸和像素密度见表2-1。

表2-1

iPhone手机的最小分辨率是320px×480px，把这个尺寸定为基准界面尺寸（baseline），基准尺寸所对应的图片称为1倍图（@1x），其余机型使用的图片按像素密度值与基准尺寸的像素密度值的倍数定为2倍图和3倍图。

屏幕像素密度是指每英寸上的像素点数，单位是DPI（Dot Per Inch）; PPI（Pixel Per Inch）是每英寸像素数。针对显示器的设计，DPI=PPI。计算方法是长宽的像素各自平方之和开方再除以对角线长度（单位英寸），如iPhone 5的DPI为/4=326。

Android系统将屏幕大小分为以下4个级别。

· Small：屏幕尺寸小于3英寸。

· Normal：屏幕尺寸小于4.5英寸。

· Large：屏幕尺寸4英寸～7英寸之间。

· xLarge：屏幕尺寸7英寸～10英寸之间。

屏幕像素密度与屏幕尺寸和屏幕分辨率有关，即屏幕尺寸越小，分辨率越高，像素密度越大，反之越小。

Android设备的部分屏幕尺寸和像素密度见表2-2。

表2-2

注意：其中的xhdpi按屏幕尺寸为4.5寸计算，DPI为/4.5 = 326，约为320; XXHDPI的DPI值为480。

在iOS APP中通常内置两套图片：@2x和@3x，而许多Android APP中只内置一套XHDPI的图片。XHDPI对应的分辨率和iPhone 5系列的分辨率最接近（像素密度一样），所以设计师可以按iPhone 5系列的分辨率做一套@2x的切图，在Android APP中把@2x的图片放在drawable-xhdpi文件夹中就可以了（在4.5寸720px×1280px的手机上适配效果最好，像素密度一样）。

在提供APP动态加载的图片时，如电商APP中的商品图片，同样需要考虑不同分辨率的情况。如在@1x和mdpi的情况下，图片显示区域的大小为10px×10px；在@3x和xxhdpi的情况下，图片显示区域的大小变为30px×30px；对于10px×10px的图片，此时要放大显示，就会变得模糊，因此在提供图片的时候，就需要按@3x和xxhdpi的情况，提供最高分辨率的图片，保证在各种分辨率下都能正常显示（高分辨率的图片缩小成低分辨率的图片，图片内容不会变模糊）。