移动端app开发-02-iPhone/iPad/Android UI尺寸规范

最新推荐文章于 2022-10-11 22:29:30 发布

鬼父弟弟

最新推荐文章于 2022-10-11 22:29:30 发布

阅读量370

点赞数

本文链接：https://blog.csdn.net/qq_44906554/article/details/89377344

版权

移动端app开发-iPhone/iPad/Android UI尺寸规范

本笔记抛去无用的前期分析什么的，全是干货，简洁干练
本笔记不单独针对 ios 或者 Android，两种都介绍，当然我们实际开发过程中，也往往是 Android一套，ios一套

## （一）设计规范与设计流程 - **了解设计规范，熟悉 Android 和 ios 规范差别，了解界面中主要设计元素** - **关键词：** ios 设计基础规范，Android 设计规范，常用界面尺寸，布局规范，图标规范，文字规范 - 设计规范可以很好保证产品一致性，提升同伴之间的沟通效率，简单地说，实际规范是一份由很多范例组成的文档，例如：一级标题用36px，二级标题用30px，等等等### iOS 和 Android 基础规范 - 这里从界面尺寸 + 布局 + 控件 + icon + 字体五个方面介绍### ios 常用界面分辨率尺寸：![](https://images2018.cnblogs.com/blog/1483449/201809/1483449-20180909211137745-1909392541.png)

iPhone界面尺寸

设备	分辨率	PPI	状态栏高度	导航栏高度	标签栏高度
iPhone6 plus设计版	1242×2208 px	401PPI	60px	132px	146px
iPhone6 plus放大版	1125×2001 px	401PPI	54px	132px	146px
iPhone6 plus物理版	1080×1920 px	401PPI	54px	132px	146px
iPhone6	750×1334 px	326PPI	40px	88px	98px
iPhone5 - 5C - 5S	640×1136 px	326PPI	40px	88px	98px
iPhone4 - 4S	640×960 px	326PPI	40px	88px	98px
iPhone & iPod Touch第一代、第二代、第三代	320×480 px	163PPI	20px	44px	49px