iPhone尺寸规范是什么?iPhone各型号尺寸大全

巴克
预计阅读时长 17 分钟
位置: 首页 › 数码资讯 › 正文

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即可。
-- 展开阅读全文 --
头像
iPhone4闹钟怎么设置?iPhone4闹钟不响怎么办?
« 上一篇 2026-09-27
iPhone电量校准怎么弄,手机电池校准方法?
下一篇 » 2026-09-27

相关文章

取消
微信二维码
支付宝二维码

最近发表

动态快讯

标签列表

目录[+]