App UI是移动设备的操作系统、硬件与用户进行人机交互的窗口，必须基于手机的物理特性和软件的应用特性进行合理的设计。界面设计者首先应对移动设备的常用界面有所了解，从而避免在开发设计UI时会遇到很多问题，例如，要用多大的尺寸来设计比较合适，屏幕的分辨率是多少等。
　　接下来就给出一些总结，方便在UI设计时有一个标准参考，但并不一定要完全按照这个参考来设计，也要根据合作团队在开发时的习惯来设计。
一．iPhone的界面和图标尺寸
　　iPhone是美国苹果公司研发的智能手机系列，使用苹果公司研发的iOS操作系统。在中国，使用iPhone手机的人占了不少比例。
1.iPhone界面尺寸
　　界面一般由四个元素组成，分别是：状态栏（status bar）、导航栏（navigation）、主菜单栏（submenu）、内容区域（content）。
　　iPhone界面尺寸：750px×1334 px（像素）;1080px×1920px;1242px×2208 px;1125px×2436 px。
　　iPhone6、6S、7:4.7英寸（1英寸=2.54厘米），设计尺寸（750px×1334 px）。
　　iPhone6P、6SP、7P、8P:5.5英寸，设计尺寸（1242px×2208 px）。
　　iPhone X:5.8英寸，设计尺寸（1125px×2436 px）。
　　设计图所用单位：PPI（像素/英寸）。
　　在做界面设计的时候并不是都要按照以上的尺寸每个做一套，设计的具体尺寸就按照自己的手机来，这样可以方便预览设计的效果。现在有很多人使用iPhone6的设计效果，一般用750px×1334px或1080px×1920px的尺寸来设计，不过更大的1242px×2208px的尺寸也有越来越多的人使用，如图1-8所示。

图1-8 iPhone界面的尺寸规范

2.iPhone图标尺寸
　　在UI设计的过程中，图形、控件和图标等被广泛应用，而图标是绝对不可或缺的元素。虽然在UI中大部分图标都显得很小，有时可能会不被人注意，但是它们却可以帮助UI设计师们解决很多问题。iPhone图标的尺寸规范如图1-9所示。

图1-9 iPhone图标的尺寸规范

二．iPad的界面和图标尺寸
　　平板电脑（Tablet Personal Computer，简称Tablet PC、Flat PC、Tablet、Slates）又称为便携式电脑，是一种体积较小、方便携带的微型电脑，以触摸屏作为基本的输入设备。接下来以iPad为例，介绍其界面和图标尺寸。
1.iPad界面尺寸
　　iPad是由苹果公司发布的平板电脑系列，如今苹果iPad在平板电脑市场中占据了主导地位。它是介于iPhone和苹果笔记本之间的产品，通体只有一个按键，布局和iPhone一样。iPad界面的尺寸规范如图1-10所示。

图1-10 iPad界面的尺寸规范

2.iPad图标尺寸
iPad图标的尺寸规范如图1-11所示。

图1-11 iPad图标的尺寸规范

三．Android的界面和图标尺寸
　　Android（安卓）是由Google基于Linux开发的一款移动操作系统。在移动设备的操作系统领域，iOS和Android系统的竞争十分激烈，都希望占据更大的份额。　　Android操作系统的手机可以说是品类繁多，它们的屏幕尺寸和分辨率有着很大的差异。
1.Android界面尺寸
　　Android界面尺寸：720px×1280px;1080px×1920px;1080px×2160px。
　　Android的尺寸比iPhone多了许多套，建议使用分辨率为1080px×1920px的尺寸进行设计。这个尺寸的状态栏高度为54px，导航栏高度为132px，标签栏高度为146px，内容区域高度为1588px。主流Android手机分辨率和尺寸如图1-12所示。

图1-12 主流Android手机分辨率和尺寸

　　2.Android图标尺寸
　　Android图标的尺寸规范如图1-13所示。

图1-13 Android图标的尺寸规范