历代iPhone设计尺寸超全总结,快快收藏

更新时间:2024-11-19 17:31:35

iPhone 手机如今已经更新到了 iPhone 16,不同型号的 iPhone 原型设计尺寸也不同,是不是有很多小伙伴对于历代的 iPhone 尺寸很好奇,下面就来分享历代 iPhone 设计尺寸超全总结,快快收藏!让你以后在需要原型设计时能够快速找到并使用!

1、iPhone 页面尺寸

iPhone 原型设计必然离不开历代 iPhone 尺寸超全总结,只有知道对应的 iPhone 尺寸,才能继续设计原型,以下就是历代的 iPhone 尺寸和分辨率总结。
  • iPhone 16 Pro:6.3英寸
iPhone 16 Pro Max:6.9英寸
  • iPhone 15 Pro:6.1英寸、分辨率:2556x1179
iPhone 15 Pro Max:6.7英寸 、分辨率:2778x1284
  • iPhone 14/13/12:6.1英寸、分辨率:2532x1170,
iPhone 14/13/12 Pro Max:6.7英寸、分辨率:2778x1284
  • iPhone 11:6.1 英寸、分辨率:1792x828
iPhone 11 Pro:5.8 英寸、分辨率: 2436x1125
iPhone 11 Pro Max :6.5 英寸、分辨率:2688x1242
  • iPhone X:5.8 英寸、分辨率:2436x1125
iPhone XS Max:6.5 英寸、分辨率:2688x1242
  • iPhone 7/6s/6:4.7 英寸、分辨率:1334x750
iPhone 7 Plus/6s Plus/6:5.5英寸、分辨率:1920x1080
  • iPhone 5/5c/5s:4.0英寸、分辨率:1136x640
  • iPhone 4/4s:3.5英寸、分辨率:960x640
  • iPhone 3G/3GS:3.5英寸、分辨率:480x320
除了了解这些数字之外,还可以在即时设计中打开各个型号的原型设计资源使用来进一步提高设计师设计的效率,包含了 iPhone 各个时期的尺寸合集,都可以免费使用!
点击图片立即进入即时设计使用 iPhone 尺寸资源👇

2、iPhone 状态栏尺寸

iPhone 全面屏状态栏尺寸一般为 44-59,普通 iPhone 一般为 20 左右,下面这就是一套关于状态栏的 iPhone 尺寸,ipad 也可以使用。
点击图片免费使用 iPhone 状态栏模版👇

3、iPhone 原型设计资源

3.1 iOS 15 官方设计资源

这是由即时设计团队所整理出的 iPhone 15 设计资源组件库,在画完 iPhone 尺寸之后,就可以使用这些组件来完善 iPhone 原型设计啦!有 Bars、Controls、System等不同类型的资源,帮你快速搭建视觉风格一致、用户体验良好的 iPhone 界面。

3.2 iPhone 16 设计规范

这是 iPhone 16 最新的设计规范,包括颜色、字体规范、组件库以及模板和外部组件库,直接在即时设计中就可以使用啦,内容非常丰富,为设计师进行 iPhone 16 的相关设计提供借鉴!
点击图片免费使用 iPhone 16设计规范资源👇

以上就是今天要分享的关于 iPhone 尺寸 原型设计的全部内容,在即时设计中用钢笔工具就能轻松绘制出 iPhone 轮廓,然后再引用资源社区中的 iPhone 尺寸设计组件库和设计规范来完善 iPhone 原型设计,对啦,即时设计只需要在浏览器中就能免费使用哦!有需要的小伙伴快来试试吧!