UI 设计尺寸规范对照表iOS / Android / Material 尺寸基准
iOS 设备常用分辨率对照表
| 机型 | 逻辑点尺寸(pt) | 物理像素（px） | 倍率(@2x/@3x) |
|---|---|---|---|
| iPhone SE（2 代/3 代） | 375×667 | 750×1334 | @2x |
| iPhone 12/13/14/15 | 390×844 | 1170×2532 | @3x |
| iPhone 13/14 Pro | 393×852 | 1179×2556 | @3x |
| iPhone 12/13/14 Pro Max | 428×926 | 1284×2778 | @3x |
| iPad 11 英寸（10/11 代） | 834×1194 | 1668×2388 | @2x |
Android 常用屏幕规范对照表
| 参考机型 / 密度 | 物理像素（px） | dpi | 密度比(density) | dp 尺寸（约） |
|---|---|---|---|---|
| 基准设计尺寸（参考机型） | 1080×1920 | 420 | 2.75 | 360dp×640dp |
| hdpi（约为中端） | 480×854 | 240 | 1.5 | 320dp×569dp |
| xhdpi（常见） | 720×1280 | 320 | 2.0 | 360dp×640dp |
| xxhdpi（主流旗舰） | 1080×1920 | 480 | 3.0 | 360dp×640dp |
| xxxhdpi（高分辨率） | 1440×2560 | 640 | 4.0 | 360dp×640dp |
Material Design 间距 8dp 栅格规范
| 间距档位 | 值 | 适用场景 |
|---|---|---|
| 间距-1 | 8dp | 页边距、组件间距、卡片基准间距 |
| 间距-2 | 16dp | 卡片内边距、正文与控件间距 |
| 间距-3 | 24dp | 较大区块间隔、分割区域留白 |
| 间距-4 | 32dp | 列表分组、页面大块留白 |
| 间距-5 | 48dp | 页面顶部/底部留白、突出区块 |
| 栅格基准 | 4dp | 栅格最小原子单位，所有间距均为 4 的倍数 |
UI 设计尺寸规范对照表介绍
UI 设计尺寸规范是设计师与前端开发协作的基础，不同平台（iOS、Android、Web）使用各自的单位体系（pt、dp、px），掌握换算关系可避免设计与实现出现偏差。
▪ iOS 设计基于逻辑点 pt，物理像素 = pt × 倍率（@1x/@2x/@3x），设计稿常以 @2x 或 @3x 出图，开发则以 pt 为基准书写布局。
▪ Android 使用 dp（密度无关像素）保证不同密度下物理尺寸一致，px = dp × density，主流设计稿常以 1080×1920 或 360dp×640dp 为基准尺寸规划适配。
▪ Material Design 推荐以 8dp 为基础的间距体系，所有内边距、外边距与组件尺寸尽量取 8 的倍数，搭配 4dp 栅格原子，从而保证界面节奏统一、层次清晰。