1.3 手机界面设计尺寸标准
刚开始接触UI的时候，碰到的最多的就是尺寸问题，什么画布要建多大、文字该用多大才合适、我要做几套界面才可以？为避免在手机UI设计时出现不必要的麻烦，如设计尺寸错误而导致现实不正常的情况发生，设备尺寸的标准（如单位、分辨率、密度等）都是我们必须先了解清楚的。
1.3.1 英寸（Inch）
英寸是长度单位。14英寸笔记本电脑，30英寸纯平彩电，指的是屏幕对焦的长度，如图1-32所示，手机屏幕也是沿用这个概念的。
图1-32
1.3.2 分辨率（ResoIution）
分辨率是屏幕物理像素的总和。一般用屏宽像素数乘以屏高像素数来表示，比如480px×800px、320px×480px等。像素是显示屏规范中的最小单位。
分辨率是屏幕图像的精密度，是指显示器所能显示的像素的多少。由于屏幕上的点、线和面都是由像素组成的，显示器可显示的像素越多，画面就越精细，同样的屏幕区域内能显示的信息也越多，所以分辨率是个非常重要的性能指标。可以把整个图像想象成是一个大型的棋盘，而分辨率就是所有经线和纬线交叉点的数目。
所有的画面都是由一个一个的小点组成的，这一个一个的小点称为像素。一块方形的屏幕横向有多少个点，竖向有多少个点，相乘之后的数值就是这块屏幕的像素（数码相机的像素也是这么乘积出来的）。但是为了方便表示屏幕的大小，通常用横向像素×竖向像素的方式来表示，例如电脑屏幕中很常见的1024×768像素，以及手机屏幕中很常见的240×320像素。点距越小，图像越细腻。
以下是3种数码产品的界面尺寸。
iPhone界面尺寸：320×480、640×960、640×1136
Android界面尺寸：854×480、960×540、1280×720
iPad界面尺寸：1024×768、2048×1536
图1-33所示的是一张分辨率为420×320的图片。用放大工具将此图放大后，所见图片就变成图1-34所示这种全是正方形格子的样子，而每一个正方形格子，就是一个像素，有兴趣的数一下这些格子数就可以发现，屏幕的格子数为420，屏高的格子数为320，也就是分辨率中的宽和高。
图1-33
图1-34
1.3.3 网点密度（DPI）
网点密度又称DPI是Dots Per Inch（每英寸所打印的点数）的缩写，是打印机、鼠标等设备分辨率的单位。这是衡量打印机打印精度的主要参数之一，一般来说，数值越大，表示打印机的打印精度越高。
DPI是指每英寸的像素，也就是扫描精度。国际上都是计算一平方英寸面积内像素的多少。DPI越高，显示的画面质量就越精细。在一般平面设计上比较追求高DPI来呈现画面质感。但在手机UI设计时，DPI要与相应的手机相匹配，因为低分辨率的手机无法满足高DPI图片来对手机硬件的要求，显示的效果反而会变得不好。DPI越小，扫描的清晰度越低，由于受网络传输速度的影响，网络上使用的图片都是72dpi，但是冲洗照片不能使用这个参数，必须是300dpi或者更高350dpi。例如要冲洗4*6英寸的照片，扫描精度必须是300dpi，那么文件尺寸应该是（4×300）×（6×300）＝1200像素×1800像素。所以，就设计了一个新的名词——屏幕密度。
1.3.4 屏幕密度（Screen Densities）
屏幕密度分别为iDPI（低）、mDPI（中等）、hDPI（高）、xhDPI（特高）4种。图1-35所示的是分辨密度低、中、高的效果。
图1-35
图1-36中分成了屏幕密度（横列表头）和屏幕大小（纵列表头）两个维度。与屏幕密度相对应的，屏幕大小也分为4种小屏、中屏、大屏、超大屏。
图1-36
拿出自己的手机，根据分辨率看它属于哪种屏幕大小，从而可以推导出应该采用的屏幕密度。假设我的手机分辨率为320×480，可以看到对应320×480（即HVGA）分辨率屏幕大小的只有中屏，通过图表反查可知，其适用于mDPI屏幕密度。也就是说，如果我要做一个适合我手机的应用，就应该选择mDPI屏幕密度来进行设计。
1.3.5 图标尺寸大小与格式
本节介绍Android、IOS、Windows Phone 3个系统图标尺寸要求，以及图片采用格式的建议。图1-37所示的是APP图标。
（1）图标尺寸大小
APP的图标（ICON）不仅指应用程序的启动图标，还包括状态栏、菜单栏或者是切换导航栏等位置出现的其他标识性图片，所以ICON指的是所有这些图片的集合，图1-37所示。
图1-37
（2）图标格式
BMP：BMP代表位图，是Windows操作系统中的标准图像文件格式。几乎所有处理图像的Windows程序都支持BMP文件格式。
EM：Enhanced MetafiIe（中文意思是“增强型图元文件”）图形，是Microsoft Windows的本机文件格式之一，一种Windows 32位扩展图元文件格式，是矢量文件格式。
GIF：GIF是图形交换格式，由CompuServe创造的一种简单图形格式，由于受到网络浏览器的支持而得到广泛使用。GIF允许将256种颜色中的某一个设为透明色；在网页上使用时，该颜色的像素是透明的，这样便可以看到GIF后面的背景。
JPEG：JPG扩展名用于表示JPEG压缩文件。该文件类型是3种标准的互联网类型（JPG、GIF及PNG）之一，广泛用于存储相片图像。所有的JPEG图像都允许使用真彩色（真彩色就是几百万种颜色）。
TIFF：此格式支持多种压缩算法，甚至可以不压缩，大多数算法是无损压缩，但有一个是有损压缩（JPEG）。TIFF文件可以包含多个图像，但许多程序不支持此项功能。