iPhone尺寸规范是什么?iPhone各型号尺寸大全
iPhone尺寸规范的核心是逻辑分辨率(pt)、像素密度(PPI)、渲染倍率(@2x/@3x)、安全区域和Size Classes,设计师按逻辑点出图,开发者用Auto Layout适配,就能覆盖从iPhone SE到Pro Max的全部机型。
很多人把物理英寸当成唯一标准,其实iOS开发看的是pt,下面从参数、机型对比、设计实操、价格、国行差异和FAQ六个层面拆解。
iPhone尺寸规范到底包含哪些参数?
物理尺寸、逻辑分辨率与渲染倍率
- 物理尺寸:屏幕对角线英寸,如6.1、6.7、6.9,决定握持感。
- 逻辑分辨率:单位为pt,设计师出图基准,如393x852 pt。
- 渲染倍率:@2x或@3x,决定位图资源尺寸。@3x下1pt等于3px。
- 像素分辨率:物理分辨率,如1179x2556 px。
- PPI:像素密度,Retina标准约326以上,Pro机型通常460。
安全区域与状态栏高度
- 安全区域:避开刘海、灵动岛、Home Indicator的可用区域。
- 状态栏:刘海机型通常44pt,非刘海机型20pt。
- 底部Home Indicator:34pt,横屏时左右安全区也会变化。
- 导航栏:44pt;标签栏49pt,加安全区后约83pt。
- 开发中用
UIView.safeAreaInsets获取实际值,不要硬编码。
圆角、刘海与灵动岛
- 圆角半径因机型而异,设计时使用连续圆角。
- 刘海区域较宽,灵动岛区域约120x35 pt,但不同代际有微调。
- 行业共识认为,适配时不要手动计算,直接用Safe Area和系统组件最稳妥。
iPhone 16和15尺寸规范有什么区别?
主流机型尺寸对照表
| 机型 | 物理尺寸 | 逻辑分辨率(pt) | 像素分辨率(px) | 渲染倍率 | PPI |
|---|---|---|---|---|---|
| iPhone SE 3 | 7 | 375x667 | 750x1334 | @2x | 326 |
| iPhone 13 mini | 4 | 375x812 | 1080x2340 | @3x | 476 |
| iPhone 15 | 1 | 393x852 | 1179x2556 | @3x | 460 |
| iPhone 15 Pro Max | 7 | 430x932 | 1290x2796 | @3x | 460 |
| iPhone 16 Pro | 3 | 402x874 | 1206x2622 | @3x | 460 |
| iPhone 16 Pro Max | 9 | 440x956 | 1320x2868 | @3x | 460 |
代际变化对适配的影响
- iPhone 16 Pro从6.1变6.3,逻辑宽度从393pt增至402pt。
- 16 Pro Max从6.7变6.9,逻辑宽度从430pt增至440pt。
- 高度增加约22-24pt,对顶部和底部布局有细微影响。
- 固定间距的界面需检查,Auto Layout和SwiftUI影响较小。
- 图片资源仍用@3x,但切片尺寸略大,注意内存占用。
iPhone尺寸规范在UI设计中的实际应用
设计稿从哪个尺寸开始
- 推荐以393x852 pt(iPhone 15/16)为基准,覆盖主流机型。
- 使用8pt网格,间距8、16、24、32。
- 组件最小点击区域44x44 pt,符合苹果人机指南,17pt,标题22pt,大标题34pt。
- 在Figma中创建Frame 393x852,开启Layout Grid 8pt,导出@3x。
安全区域与底部Home Indicator
- Figma中开启Safe Area,顶部44pt,底部34pt。
- 开发用Safe Area Layout Guide,避免内容被遮挡。
- 网页用
viewport-fit=cover和env(safe-area-inset-*)。 - 底部按钮距离底部至少34pt,横屏时左右各留44pt。
横屏与分屏场景
- 横屏时安全区左右变化,状态栏可能隐藏。
- iPhone不支持分屏,但横屏游戏和视频需适配。
- 使用Size Classes:compact/regular,动态调整布局。
- 具体操作:在Xcode中勾选
Use Safe Area Layout Guides,设置约束优先级。
不同尺寸iPhone价格差异与选购逻辑
尺寸越大越贵吗?
- 多数情况下,Pro Max比Pro贵,Pro比标准版贵。
- SE价格最低,mini系列已停产,二手市场仍有流通。
- 价格差异主要来自屏幕、电池、相机,不只是尺寸。
- 近年来,大屏机型溢价明显,但标准版性价比更高。
- 选购时先看预算,再看是否需要长焦和续航。
开发适配成本
- 适配多尺寸增加测试工作量,但Auto Layout降低边际成本。
- 业内专家指出,提前定义设计Token比逐机型改更高效。
- 实操路径:建立颜色、字体、间距变量,用SwiftUI的
@Environment读取尺寸类。 - 网页端用响应式断点:
@media (min-width: 430px) { ... }。
国行和海外版iPhone尺寸有区别吗?
物理尺寸一致,系统规范略有差异
- 物理尺寸完全相同,逻辑分辨率、PPI一致。
- 差异在eSIM、毫米波天线(美版)、双卡(国行)。
- 这些不影响UI尺寸规范,但保护壳可能因开孔不同。
- 美版iPhone 15 Pro有毫米波开孔,国行没有。
- 系统语言和地区设置不影响布局,但日期、货币格式会变。
FAQ:iPhone尺寸规范高频问题
iPhone尺寸规范中pt和px怎么换算?
- pt是逻辑点,px是物理像素。
- @2x:1pt=2px;@3x:1pt=3px。
- 例如393pt宽,@3x为1179px。
- 设计时用pt,导出切片用px,开发用pt写约束。
iPhone 16 Pro Max和15 Pro Max尺寸规范一样吗?
- 不一样,15 Pro Max:430x932 pt;16 Pro Max:440x956 pt。
- 物理尺寸从6.7变6.9英寸。
- 像素分辨率从1290x2796变为1320x2868。
- 适配时需单独检查,尤其是全屏背景和视频。
网页适配iPhone尺寸规范需要设置哪些meta标签?
- 核心meta:
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> - 使用CSS环境变量:
padding-bottom: env(safe-area-inset-bottom); - 媒体查询:
@media (min-width: 430px) { ... } - 图片用
srcset和picture,按@2x/@3x提供资源。 - iPhone尺寸规范会随新机型更新,保持关注苹果官方Human Interface Guidelines即可。
-- 展开阅读全文 --

