历代 iPhone 适配设计终极指南

历代iPhone适配设计的核心在于理解屏幕参数差异并针对性调整，需重点关注分辨率、屏幕比例、像素密度（PPI）、逻辑像素（pt）及适配策略。 以下为具体指南：

历代iPhone屏幕的物理分辨率、屏幕比例、PPI及逻辑像素（pt）存在差异，适配时需明确以下参数：

• iPhone 4/4s：物理分辨率960x640，屏幕比例3:2，PPI 326，逻辑像素（pt）与物理像素1:1对应（@1x）。适配时需提供@1x切图，界面元素按物理像素直接设计。
• iPhone 5/5s/SE（第一代）：物理分辨率1136x640，屏幕比例近16:9，PPI 326，逻辑像素（pt）为568x320（@2x）。需提供@2x切图，设计时以逻辑像素为基准，元素尺寸乘以2得到物理像素。
• iPhone 6/7/8/SE（第二代/第三代）：物理分辨率1334x750，屏幕比例16:9，PPI 326，逻辑像素（pt）为375x667（@2x）。适配策略与iPhone 5系列类似，但需注意屏幕高度增加带来的布局调整（如导航栏与内容区比例）。
• iPhone 6 Plus/7 Plus/8 Plus：物理分辨率1920x1080，屏幕比例16:9，PPI 401，逻辑像素（pt）为414x736（@3x）。需提供@3x切图，设计时以逻辑像素为基准，元素尺寸乘以3得到物理像素；同时需注意屏幕尺寸较大，需优化单手操作体验（如底部按钮位置）。
• iPhone X/XS/11 Pro：物理分辨率2436x1125，屏幕比例约19.5:9，PPI 458，逻辑像素（pt）为375x812（@3x）。引入“刘海屏”与安全区域（Safe Area），适配时需确保内容不被刘海遮挡，且底部操作栏避开Home Indicator区域；需提供@3x切图，并针对安全区域调整布局。
• iPhone XR/11：物理分辨率1792x828，屏幕比例与X系列相同，PPI 326，逻辑像素（pt）为414x896（@2x）。虽PPI较低，但逻辑像素与Plus系列不同，需提供@2x切图；适配时需注意屏幕高度增加，同时需处理Liquid Retina屏幕的显示效果（如字体渲染）。
• iPhone 12/13 Mini：物理分辨率2340x1080，屏幕比例约19.5:9，PPI 476，逻辑像素（pt）为375x812（@3x）。屏幕尺寸与X系列逻辑像素相同，但物理分辨率更高，需提供@3x切图；适配时需利用高PPI优势优化细节（如图标边缘锐度）。
• iPhone 12/13/14/15 Pro：物理分辨率2532x1170，屏幕比例约19.5:9，PPI 460，逻辑像素（pt）为390x844（@3x）。需提供@3x切图，适配时需注意屏幕尺寸与比例变化，重新调整布局比例（如列表项高度、图片显示区域）。
• iPhone 12/13/14/15 Pro Max：物理分辨率2778x1284，屏幕比例约19.5:9，PPI 458，逻辑像素（pt）为428x926（@3x）。需提供@3x切图，适配时需充分利用大屏空间（如增加分栏显示、优化多任务操作），同时避免元素过大影响单手操作。
• iPhone 14/15 Plus：物理分辨率2778x1284，屏幕比例约19.5:9，PPI 458，逻辑像素（pt）为428x926（@3x）。与Pro Max逻辑像素相同，但可能缺少Pro系列的高刷新率等特性，适配时需保持功能一致性，同时优化性能（如动画流畅度）。

• 分辨率与切图适配：根据目标机型选择@1x、@2x或@3x切图，确保图像清晰度；推荐使用Sketch、Figma等工具自动生成多倍图，或通过PaintCode等工具生成矢量代码，减少切图依赖。
• 屏幕比例与布局适配：针对不同比例（如3:2、16:9、19.5:9），采用弹性布局（如Auto Layout）或百分比定位，避免固定尺寸导致内容变形；对于刘海屏，需通过安全区域（Safe Area）API或设计工具的“安全区域”功能，确保内容不被遮挡。
• PPI与显示效果适配：高PPI机型（如Pro系列）需优化细节（如图标边缘、文字抗锯齿），避免低分辨率素材导致模糊；低PPI机型（如XR/11）需测试显示效果，确保文字可读性与图标清晰度。
• 逻辑像素与开发适配：设计时以逻辑像素（pt）为基准，开发时通过逻辑像素与物理像素的转换关系（如@2x、@3x）实现适配；推荐使用iOS的Size Classes或Android的ConstraintLayout，实现一套设计适配多尺寸。

• 内容被刘海遮挡：通过安全区域布局或调整内容位置（如将关键操作按钮移至安全区域内）解决。
• 单手操作困难：针对大屏机型（如Plus/Max系列），将常用操作按钮（如返回、确认）放置在屏幕底部或右侧，或提供单手模式（如缩小屏幕显示范围）。
• 不同机型显示效果不一致：统一设计语言（如字体、图标风格），并通过测试确保在各机型上显示效果一致；针对高PPI机型，可增加细节设计（如微交互、动画效果），提升用户体验。

• 基础概念：理解DPI、PPI、dp、pt、sp等概念，可参考《第一话——什么是 DPI ，什么又是 PPI？》《第二话——什么是 dp、pt、sp？》。
• 切图与标注：学习iOS与Android的切图规范，可参考《第三话——iOS 的切图与标注》《第四话——Android 的切图与标注》。
• 工具推荐：PaintCode（矢量代码生成）、Sketch/Figma（设计工具）、Zeplin/Avocode（标注与协作工具）。