设计文章 > 苹果13设计尺寸规范是多少？一篇文章搞定！

苹果13设计尺寸规范是多少？一篇文章搞定！

更新时间：2023-11-21 17:10:41

苹果 13 设计尺寸规范是多少？苹果 13 的设计尺寸是 390 × 926 pt 、分辨率是 1284 × 2778 px 、倍数是 @3x。ios 是苹果公司开发的移动操作系统，苹果 13 属于其中的一个部分——不同的苹果 ios 设备具有不同的屏幕尺寸和分辨率。熟悉和了解苹果 ios 设计尺寸规范非常重要，它可以帮助设计师确保应用程序在各种苹果 ios 设备上都能正确显示和运行。很多新手设计师在开始做 UI 设计的时候，常常会因为对苹果 ios 设计尺寸规范内容不了解，导致做出来的界面效果都不太合适。今天我就从设计尺寸、页面布局、字体规范和图标规范这四方面详细为大家讲解苹果 ios 系统的尺寸规范，一篇文章帮你把苹果 ios 尺寸规范全部搞定！还有免费优质的苹果 ios 尺寸规范设计模板，大家一定不要错过哦！

点击图片，免费使用苹果 ios 尺寸规范模板👇

苹果13设计尺寸规范

1、设计尺寸

iOS 设备具有各种屏幕尺寸，而且只应用于苹果设备，尺寸跟会根据每年发布的最新设备而有所不同，但相对统一，根据具体设备型号进行划分，可以在 apple 支持里找到对应的尺寸标准。以下是我整理的一些常见的苹果 ios 设备的设计尺寸与分辨率大小。

设计尺寸：375 × 667 pt 、分辨率：750 × 1334 px 、倍数：@2x

设计尺寸：414 × 736 pt 、分辨率：1080× 1920 px 、倍数：@3x

设计尺寸：375 × 812 pt 、分辨率：1125 × 2436 px 、倍数：@3x

设计尺寸：414 × 896 pt 、分辨率：828 × 1792 px 、倍数：@2x

设计尺寸：390 × 926 pt 、分辨率：1284 × 2778 px 、倍数：@3x

设计尺寸：428 × 926 pt 、分辨率：1284 × 2778 px 、倍数：@3x

设计尺寸：393 × 852 pt 、分辨率：1179 × 2556 px 、倍数：@3x

设计尺寸：430 × 932 pt 、分辨率：1290 × 2796 px 、倍数：@3x

点击图片，免费使用苹果 ios 尺寸规范模板👇

https://js.design/community?category=detail&type=resource&id=619c9092b218eddde0ca4079

苹果13设计尺寸规范是多少

2、页面布局

目前苹果 ios 系统设备采用的显示屏，其中 iPhone6/7/8plus、iPhone X、iPhone XS、iPhone XS MAX、iPhone 11、iPhone 14 系列采用的是 3 倍率的分辨率，其他都是 2 倍率的分辨率，无论是栏高度还是应该图标，都可以参照 1倍率的尺寸进行变化，方便适配设计。

3、字体规范

iOS 英文字体：SF Ul

iOS 中文字体：苹方

为了确保字体在不同尺寸下的所有类型都具备可读性，建议字号都不应该小于 22 px，内容样式使用 34 px 的字号作为最大尺寸，字体必须为偶数。

以设计稿 (750 x 1334px) 为例

点击图片，免费使用苹果 ios 尺寸规范模板👇

苹果13设计尺寸

4、图标规范

说明：一般图标切图就切两套就可以的 (@2x、@3x）

命名：模块_功能_控件_状态 @2x.png

模块_功能_控件_状态 @3x.png

以 iPhone 4/4s/5/5s/5c/6/6s/7/8(@2x) 为例

5、总结

以上就是今天和大家分享的苹果 ios 尺寸规范，熟悉和了解苹果 ios 设计尺寸规范对于设计高质量的苹果 ios 应用程序非常重要，它可以提高用户体验、应用程序兼容性、应用程序质量和开发效率。不同的苹果 ios 设备具有不同的屏幕尺寸和分辨率，如果应用程序没有针对这些设备进行优化，可能会导致用户体验不佳。如果你想了解更多关于苹果 ios 设计尺寸规范内容，可以去即时设计看看，资源广场内为设计师提供了很多免费的规范指南，可以帮助设计师避免在设计前期会出现的一些不必要的错误。

点击图片，立即进入即时设计👇