📌 核心速查
做APP设计最头疼的就是尺寸——iPhone有十几种屏幕尺寸，Android更是碎片化严重。我见过设计师用iPhone 6的尺寸做设计稿，结果在iPhone 15 Pro Max上显示全是问题。这篇文章帮你一次搞清楚：iOS和Android分别用什么尺寸做设计稿、全机型的屏幕分辨率怎么对照、UI组件的标准尺寸是多少、设计稿怎么交付给开发不扯皮。我整理了完整的尺寸对照表和组件规范，做移动端设计时随时翻。
iOS和Android设计稿基准尺寸：搞清楚用什么单位
先搞清楚一个核心概念：iOS和Android用的是两套不同的单位体系。
iOS用pt（点）。1pt在@1x设备上等于1px，在@2x设备上等于2px，在@3x设备上等于3px。iPhone 15/16的标准分辨率是393×852pt，这是设计稿的基准尺寸。为什么不是375pt？因为从iPhone X开始，屏幕宽度从375pt变成了393pt（iPhone 15/16）或390pt（iPhone 14 Pro）。不过375pt仍然是最常用的设计基准，因为大多数开发框架的默认适配方案基于375pt。
Android用dp（密度无关像素）。1dp在mdpi设备上等于1px，在hdpi设备上等于1.5px，在xhdpi设备上等于2px，以此类推。Android设计稿的基准尺寸通常是360×800dp，覆盖了绝大多数主流机型的逻辑分辨率。
2026年主流机型屏幕分辨率对照表
iOS机型（2026年在售）
| 机型 | 逻辑分辨率（pt） | 物理分辨率（px） | 倍率 | 安全区域顶部 | 安全区域底部 |
|---|---|---|---|---|---|
| iPhone 16 Pro Max | 440×932 | 1320×2796 | @3x | 62pt | 34pt |
| iPhone 16 Pro | 402×874 | 1206×2622 | @3x | 62pt | 34pt |
| iPhone 16 | 393×852 | 1179×2556 | @3x | 59pt | 34pt |
| iPhone 16 Plus | 430×932 | 1290×2796 | @3x | 59pt | 34pt |
| iPhone 15 | 393×852 | 1179×2556 | @3x | 59pt | 34pt |
| iPhone SE 3 | 375×667 | 750×1334 | @2x | 20pt | 0pt |
Android主流机型（2026年）
| 机型/品牌 | 逻辑分辨率（dp） | 物理分辨率（px） | 密度等级 | 屏幕比例 |
|---|---|---|---|---|
| 小米15 Pro | 412×915 | 1440×3200 | xxxhdpi | 20:9 |
| 华为Mate 70 | 360×800 | 1080×2400 | xxhdpi | 20:9 |
| OPPO Find X8 | 360×800 | 1080×2400 | xxhdpi | 20:9 |
| vivo X200 | 360×800 | 1080×2400 | xxhdpi | 20:9 |
| Samsung S25 | 360×780 | 1080×2340 | xxhdpi | 19.5:9 |
| 红米Note 14 | 360×800 | 1080×2400 | xxhdpi | 20:9 |
从表格可以看出，Android阵营的逻辑分辨率高度集中在360×800dp这个基准上。所以Android设计稿用360dp宽度是最安全的选择，开发时按dp适配就能覆盖绝大多数机型。iOS这边，375pt和393pt是两个主要基准——375pt兼容性最好（所有iPhone都覆盖），393pt是iPhone 15/16的标准宽度。
UI组件标准尺寸：这套规范直接用
我整理了一份UI组件的标准尺寸对照表，iOS和Android的核心差异都标出来了：
| 组件 | iOS（pt） | Android（dp） | 说明 |
|---|---|---|---|
| 状态栏高度 | 54pt（灵动岛）/20pt（SE） | 24dp | 刘海/打孔屏需用安全区域值 |
| 导航栏高度 | 44pt | 56dp | 含状态栏iOS=98pt，Android=80dp |
| Tab栏高度 | 49pt + 34pt安全区 | 56dp | iOS底部需加安全区域 |
| 列表项高度 | 44pt（默认） | 48-56dp | Android最小48dp |
| 按钮高度 | 44pt（最小） | 48dp（最小） | 可点击区域不能小于这个值 |
| 图标尺寸 | 24×24pt（导航）/48×48pt（操作） | 24×24dp / 48×48dp | 导航栏图标偏小，操作按钮偏大 |
| 页面左右边距 | 16-20pt | 16-20dp | 两个平台基本一致 |
| 卡片内边距 | 12-16pt | 12-16dp | 内容紧凑用12，宽松用16 |
| 间距基本单位 | 8pt | 8dp | 所有间距用8的倍数：8/16/24/32 |
iOS vs Android设计规范核心差异
虽然两个平台的组件尺寸很接近，但在设计规范上有几个重要差异：
返回按钮位置不同。iOS的返回按钮在导航栏左侧，显示上一级页面的标题（如"< 返回"）。Android的返回按钮是系统导航栏的一部分，在屏幕底部。这意味着iOS设计稿需要在导航栏左侧预留返回按钮的空间，Android不需要。
底部导航栏差异。iOS的Tab栏在屏幕最底部，但需要在下方留出34pt的安全区域（iPhone X及以上机型）。Android的底部导航栏没有额外的安全区域要求。另外，Android的底部导航栏高度是56dp，iOS的Tab栏是49pt+34pt安全区=83pt。
字体规范不同。iOS默认字体是SF Pro，Android默认字体是Roboto（英文）和Noto Sans CJK（中文）。在Figma/Sketch中做设计时，可以用苹方（PingFang SC）模拟iOS效果，用思源黑体模拟Android效果。字号规范：iOS正文17pt，Android正文16sp。标题、副标题等各级字号两个平台略有差异，建议直接查Apple Human Interface Guidelines和Material Design官方文档。
阴影和圆角风格不同。iOS倾向于使用柔和的阴影和较大的圆角（12-16pt），Android Material Design 3使用更有层次感的阴影和中等圆角（12-28dp）。不过随着两个平台设计语言互相借鉴，这个差异在缩小。
设计稿交付规范：让开发不骂你
设计稿做得再好看，交付不清楚开发也会骂你。我总结了几个要点：
- 标注工具：用蓝湖或Figma Dev Mode，不要手动标注。自动标注减少了90%的沟通成本。
- 色值格式：统一用#RRGGBB或rgba格式，不要用HSB或颜色名称。开发拿到色值就能直接用。
- 字号标注：标注字体名称、字号、字重、行高。iOS用pt，Android用sp。
- 切图规范：@1x/@2x/@3x三套切图，文件名按规范命名（如icon_home@2x.png）。Android额外需要ldpi/mdpi/hdpi/xhdpi/xxhdpi/xxxhdpi六套。
- 间距标注：标注元素之间的间距，用8的倍数。不要让开发去量像素。