苹果2025发布会结束，快来看看设计规范更新了哪些内容！

苹果的秋季发布会不痛不痒的开启和结束了，在手机部分更新了 iPhone17 和  17pro 系列，发布了名为 iPhone Air 的新产品，同时砍掉了 Plus 产品线（气抖冷）。

虽然对于这次更新除了脏话我没什么好评价的，但从 UI 设计的角度出发，我们就必须要关注新设备带来的 UI 影响有哪些。

所以下面，我们简单分享一遍在本次发布会后，新创建的 UI 设计项目，应该使用什么样的设计规范？

更多iOS 设计分析：

一、主流 iPhone 屏幕规格说明

UI 设计的第一步是创建画布，而创建画布所用的参数，是根据要面向的设备类型决定的，所以我们首先要了解市面上流行哪些硬件设备，以及它们对应的规格是什么。

今年更新的主要设备和屏幕规格如下：

最小的异类 16e 可以充分理解成是果农用来销库存的产品，还在使用已经被淘汰的刘海屏，已经不是我们关注的对象。而胶囊屏经过多年的迭代已经成为目前的主流设备，且可以预见的是未来两三年的主流设备也是胶囊。

值得注意的是，本次更新中 17pro 和 17 采用了相同的屏幕尺寸和规格，也就是使用了一样的画布。而这个尺寸和上代的 16pro 是相同的（16 的尺寸不一样）。

这可以很简单的得出，6.3 寸，物理分辨率 2622*1206 像素，屏幕密度 460ppi 的设备是未来 iOS 设备中最主流的机型，是我们要重点关注的对象。

而这类屏幕经过像素倍率换算（3:1）后，在UI矢量绘图软件 Figma、Sketch 中的画布尺寸即：

874*402

有一部分同学可能会觉得这个尺寸很陌生，因为学习时看到的尺寸都是 375、390  甚至是 393 的。这些尺寸已经被官方停产，虽然市面上还有很大的保有量，但是被边缘化是注定的（尤其是375）。

创建画布的尺寸不是固定的，这也是 UI 和普通设计的不同之处，它会随着时代的发展、硬件的更新而更新，作为UI设计师必须要紧跟趋势，才能设计出符合时下需要的界面效果图。

二、新iOS设计规范的说明

创建画布的参数除了紧跟趋势外，还有个更重要的原因，就是要符合官方提供的组件库所使用的规格。

在 iOS17 中，官方使用的是 393 宽的画布，而 iOS18 到 iOS26（改用年份计数），因为硬件规格一致所以使用的都是 402 宽的画布。

这里有个基本的原则，一套官方组件库不能用在不同规格的画布中，比如  iPhone15 的药丸和 iPhone14 的刘海，顶部挖孔的位置和大小就不一样，那么顶部状态栏 Status Bar 的文字、图标位置就不可能一样。如果组件库里用的是15的画布，你就不能拿这个组件去套14的画布。

同时，iOS 在版本迭代中也可能会变更组件的尺寸，比如这两代 iPhone 虽然画布大小一样，但是苹果变更了顶部状态栏的尺寸，安全区域从原本的50变更成了62，也就是内容区域下移了12。

如果你还使用 iPhone14 或 11 的画布，是肯定不能拿这个组件贴进去缩放的，也不能让它应用到老版iPhone的样机中。

除了顶部栏外，另一个关键组件就是底部的指示器 Home Indicator 的应用，iOS26 以后，底部指示器不会固定显示到底部去，只在被唤醒后才显示，所以默认状态下底部是“空的”。

除了默认隐藏外，另一个影响就是安全区域的变更。iOS18 之前的底部指示器区域是34，也就是可操作区域要避开底部34的高度区间。而 iOS26 之后则大大缩小，甚至可以直接顶到底部。

所以新的设计中，我们可以不放底部的指示器，同时缩小可操作元素到底部的距离（不小于20）。比如下面就是应用老版规范和新规范之间的线上案例

至于其它的常用组件就不一一介绍了，比如顶部标题栏和底部导航栏等，都属于可以自定义设计的部分，在国内的设计市场中我们基本不可能沿用 iOS26 的做法，所以对搞清楚它们的设计要求和标准就显得没有那么迫切。

最后，我们总结一遍新项目中创建画布和应用规范的方式：

如果要使用非 402 的画布时，切记不要直接硬套顶部和底部栏的数据，建议找到对应设备更新到 iOS26 以后进行截图，额外进行测量和裁切进行使用。

另外，如果设计的项目是小程序，那么应该创建的画布还是使用 375 的标准，因为小程序要应用的是不同的规范标准，具体可以参考之前分享的内容：

结尾

基础规范应用的准确性虽然不能提升界面设计的质量，但用错会变成减分项，在专业的团队中是不能被容忍的缺陷。

而 iOS 设计现在的基础规范标准确实变得很绕，需要我们花心思去了解才能正确应对不同的状况。更细致的使用场景在文章分享中就很难展开了，会在我们的正课中再做详尽的说明 👉 https://lzov3.xetslk.com/s/1fm47h

我们下篇再贱~