1.4　尺寸与规则

市面上较为流行的手机系统基本为IOS和Android这两个系统，两个系统各有各的好处。

Android系统是开源的，所以在此基础上，手机制造商可以开发出更加适合自己产品的ROM。但是由于版本的不统一，各式各样的都有，界面会比IOS的好看些。而IOS所有东西都是集成的，系统具有稳定性和实时性，用户体验会比较好。

1.4.1　IOS

1．尺寸

iPhone手机的型号不同，其屏幕大小也不同。为了避免在设计过程中出现不必要的麻烦，所以我们要对手机的尺寸进行了解。

由于尺寸过多，所以建议以640×960px或640×1136px为基础去适配iPhone 4、iPhone 5、iPhone 6；以1242×2208px的尺寸去设计iPhone 6 plus、iPhone 6s plus、iPhone 7 plus。

2．界面构成

iPhone的App界面一般由四个元素组成，分别是状态栏、导航栏、主菜单栏、内容区域。由于不同机型的屏幕尺寸略有差别，所以界面各组成部分的尺寸也不一样，各个元素的尺寸如下表所示。

◆状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域。

◆导航栏：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮。

◆内容区域：展示应用提供的相应内容，在整个应用中布局变更最为频繁。

◆主菜单栏：类似于页面的主菜单，提供整个应用分类内容的快速跳转。

1.4.2　Android

Android是一种具有自由及开放源代码的操作系统，主要使用于移动设备，如智能手机和平板电脑。

应用Android系统的手机非常多，根据需求Android系统被设计为可以在多种不同分辨率设备上运行的操作系统。在了解设计规范之前，我们必须了解一些专有名词和单位。

（1）ppi（pixels per inch）：数字影像的解析度，意思是每英寸所拥有的像素数量，即像素密度。ppi不是度量单位。对于屏幕来说，ppi越大，屏幕的精细度越高，屏幕看起来就越清楚。在手机UI设计中，ppi要与相应的手机相匹配，因为低分辨率的手机无法满足高ppi图片对手机硬件的要求。

（2）dip（density-independent pixel）。dip也称之为dp，是Android开发用的长度单位，与屏幕密度无关，程序可以转换相应的像素长度，去适配不同的屏幕。具体的转换规则为1dp表示在屏幕像素点密度为160ppi时1px的长度。

（3）分辨率：指平面垂直和水平方向上的像素个数，一般为像素宽度乘以像素高度，例如分辨率为480×800，就是指设备水平方向有480个像素点，垂直方向有800个像素点。

（4）px（pixel）：中文翻译为像素，是指屏幕上的点。当我们把一张图片放大到数倍之后，就能够看见像素块。

（5）sp（scaled pixels）：中文翻译为放大像素，主要用于字体显示。一般建议字号最好以sp作单位。

（6）屏幕尺寸：屏幕尺寸是指屏幕的对角线长度，而不是手机的整体面积。

随着手机样式的逐渐增多，UI的适配要求也越来越精准，UI适配主要受屏幕尺寸（屏幕的像素宽度及像素高度）和屏幕密度这两个因素的影响。