关于手机尺寸.pdfVIP

移动端 UI 是近几年新兴的一个行业，吸引着设计行业以及非 设计行业的众多人开始涉及这个领域。 不管你是大神还是菜鸟， 都得遵循 UI 尺寸的那一套设计规范。然而对于新手，这设计 规范是神马呢？让我一起来一次手机 UI 尺寸之旅。 IOS 之旅 第一站、尺寸及分辨率 iPhone 界面尺寸：320*480 、640*960 、640*1136 （单位都是像素： px ） 当然在设计当中我们并不需要每一种尺寸都做一套图， 建议取用 640*960 的尺寸设计。 第二站、界面组成元素 iPhone 的 APP 界面一般由： 状态栏、导航栏 / 标题栏、 菜单栏 / 工具栏以及中间的内容区域组成。以 640*960 尺寸 为例，元素的尺寸： 状态栏（ status ）：高度为 40px 导航栏（ nav ）：高度为 88px 标签栏（ tab ）：高度为 98px 内容区域：高度为 734px （960-40-88-98=734 ） 至于 iPhone5/5s 的内容区域高度增加至 910px 。 PS ：在 IOS7 的风格中，苹果已经在开始弱化状态栏的 存在，将状态栏和导航栏合在了一起， 但是尺寸高度保持不变。 第三站、常用字体大小 苹果默认中文字体为：黑体 - 简体 以 IOS7 为例： 导航栏标题： 34px 普通按钮： 34px 表格头部： 34px 表格标签： 28px 页签栏文字： 20px Android 之旅 第一站、尺寸及分辨率 Android 常用界面尺寸： 480*800 、720*1280 、 1080*1920 （单位都是像素： px ） 由于 Android 的尺寸多种多样，我们只需做几套比较主 流的界面尺寸设计即可。 第二站、界面组成元素 Android 的 APP 界面尺寸与 iPhone 的界面基本相同： 状态栏、导航栏 / 标题栏、菜单栏 / 工具栏以及中间的内容区域 组成。以 720*1280 尺寸为例，元素的尺寸： 状态栏（ status ）：高度为 50px 导航栏（ nav ）：高度为 96px 标签栏（ tab ）：高度为 96px 内容区域：高度为 1038px （1280-50-96-96=1038 ） 第三站、常用字体大小 Android 常用的字号是： 26px