刚开始接触APP UI的设计新手们问的最多的就是有关尺寸的问题，界面多大？文字怎么样才合适？对于安卓是不是要做几套不同大小的才能适应？下面对这些问题进行解答。

1.iPhone的界面尺寸

iPhone的APP界面一般由状态栏、导航栏、主菜单栏和中间的内容区域组成，如图1‑113所示。因为宽度是固定的，所以设计开发起来很方便。

图1‑113 界面组成

界面尺寸

状态栏：显示运营商、信号和电量的区域，高度为40px。

导航栏：显示当前页面名称，包含页面“返回”等功能按钮，高度为88px。

主菜单栏：显示在页面下方的区域，一般作为分类内容的快递导航，高度为

98px。

具体的尺寸参数如表1‑1所示。

表1‑1 iPhone的界面尺寸

字体大小

iPhone上的英文字体为HelveticaNeue，中文一般是冬青黑体或者黑体-简。文字的大小根据不同类型的APP有不同的定义，表1‑2所示为百度用户体验部提供的统计资料。另外，我们也可以把觉得好的应用截图放进PS里对比，从而调试自己设计的文字大小。

表1‑2 字体大小

2.iPad的设计尺寸

iPad的尺寸示意图如图1‑114所示。

(www.daowen.com)

图1‑114 iPad的尺寸示意图

具体的尺寸参数如表1‑3所示。

表1‑3 iPad的设计尺寸

3.Android的尺寸与分辨率 Android有数不清的机型和尺寸，如图1‑115所示，这里介绍一些主流的设计尺寸，如480×800、720×128。众所周知，安卓手机的分辨率发展的越来越大，所以建议使用720×1280这个尺寸来设计，在切图时可以点9切图做到适配所有手机。

界面的基本组成元素

图1‑115 Android的机型和尺寸

与iOS一样，Android还是有状态栏、导航栏和主菜单栏，以720×1280的尺寸来设计，那么状态栏的高度应为50px、导航栏的高度为96px、主菜单栏的高度为96px。但是由于是开源的系统，很多厂商在界面上想尽办法，因此这里的数值只能作为参考。

Android为了区别于iOS，从4.0开始提出了一套HOLO的UI设计风格，鼓励将底部的主菜单栏放到导航栏下面，从而避免点击下方材料误点虚拟按键，在很多APP的新版中也采用了这一风格。

文字大小

Android的字体为Droidsansfallback，这是谷歌自己的字体，与微软雅黑很像。

Android的尺寸

Android SDK模拟机的尺寸如表1‑4所示。

表1‑4 AndroidSDK模拟机的尺寸

Android系统dp/sp/px换算表

Android系统dp/sp/px换算表如表1‑5所示。

表1‑5 Android系统dp/sp/px换算表