iphone6状态栏多高

『壹』 iphoneX设计规范

苹果近日发布了全新的iPhone X全面屏手机，这也是首款采用OLED屏幕的iPhone手机，它的正面设计被更多人吐槽，之前被戏称为“刘海”的凹槽现在有了更多其他名称，“眉毛”、“头帘”等等。对于用户而言，iPhone X 的刘海可能是让人又爱又恨的设计。

   爱的是，这一刘海像司马昭之心一样传达着「我在使用 iPhone X」这一个事实，正如 iPhone 7 的亮黑色一般。当然，包括 Face ID 以及 Animoji 等在内的新颖功能也会让人爱不释手。恨的原因，也很明显，这个刘海让屏幕不再方正圆润，就像一块膏药般永远的贴在你的屏幕上。看视频、看照片亦或其他，当你使用大部分应用时，它可能都会很显眼。

   这几天被iPhone X一顿刷屏，标题写着“iPhone X 适配、指南、设计稿” 内容却是发布会回顾和手机介绍。索性自己去官网找素材写一篇只针对iPhone X适配的贴子，与设计图无关的内容通通不提，开始。

一、设计尺寸

屏幕尺寸

设计尺寸

   发布的iPhone 8属于常规升级，屏幕与以往的iPhone6、6S、7系列相同。在发布的新机中，只有iPhone X的分辨率发生了变化，但变化仅限于物理像素层面。在真正决定屏幕内容的逻辑像素层面，新版的iPhone X与过去我们熟知的iPhone 4.7''、iPhone 5.5'' 放大模式宽度相同。通俗的说，iPhone X可看做是iPhone 4.7'' 的加长版

屏幕对比

然而，事情并不是设计图加长这么简单。

屏幕对比

二、交互设计

   过去，我们拿到的手机是方方正正的矩形，所以整个屏幕都可以看做是安全区域Safe Area，而如今由于iPhone X屏幕上的“刘海”以及屏幕四周采用圆角的设计，对于开发者和设计师来说，这个刘海带给他们的是更多的麻烦。Apple 更新了 Human Interface Guidelines来为开发者提供适配 iPhone X 指南，从中可以看出，Apple 希望开发者将这个刘海毫无遮掩地呈现在 iPhone X 的「脑袋上」。

指南一 ：当为 iPhone X 适配应用时，请确保布局填充整个屏幕，同时不被设备的圆角、传感器和下方的 Home 条所遮挡。

确保布局填充整个屏幕

   在使用图片时，请注意长宽比差异。iPhone X具有不同于其它iPhone的长宽比，因此，全屏其它iPhone图片在iPhone X上全屏显示时会出现裁剪。同样，全屏iPhone X图片在其它iPhone也会出现裁剪，所以请注意两种设备适配。

指南二 ：不要尝试去隐藏设备的圆角、刘海或 Home 条，比如故意在屏幕顶部和底部使用黑色素材。参考iOS 原生应用可看出 Apple 的意思：刘海上下不要放任何内容。

   大部分使用系统提供的标准UI元素（如导航栏）的APP会自动适应iPhone X！Navigation bar、tab bar和tool bar会扩展到屏幕顶部和底部弧形区域。如果app使用自定义控件或非标准布局，要在iPhone X上运行良好需要一点修改。

苹果给出的安全区域如下

安全区域图示

页面内容不能超出安全区域（Safe Area）

   iPhone X 状态栏高度更高，在电话和定位等后台任务时，高度不会变化（就是打电话和导航时，原先顶部增加的彩色带，现在变成时间信息底部的彩色气泡，见下图）

iPhone X 状态栏高度更高

iPhone X 状态栏高度更高

iPhone X tabbar

iPhone X tabbar

避免将触发交互行为的按钮放在屏幕的底部，人们会在屏幕底端使用手势进入主屏或切换应用。（底部横条是Home键）

值得注意的是，iPhone X 底部操作栏目进行了细微的放大。除了常见的底部导航栏外，Safari底部操作栏也有放大讲完竖屏，再说横屏。和竖屏一样，横屏的内容也要放置在Safe Area中

横屏放置的Safe Area

   避免将触发交互行为的按钮放在屏幕的角落中。人们会在屏幕底端使用手势进入主屏或切换应用。这些系统的全局操作优先于App的操作。如果把功能放在角落里，用户操作起来也很费劲，尽量在用户手指可及区域内设计功能

Sout2322hEast.png

底部虚拟Home指示条

   作为去除实体Home按键后的衍生物，底部将出现一个虚拟的Home指示条，用以实现常用的交互功能，锁屏状态下向上滑动解锁，应用内向上滑动回到主屏，向上滑动并停止片刻进入多任务切换窗口，虚拟Home指示条大多数情况下将会存在于屏幕的下方，而这个虚拟Home指示条只有黑、白两种颜色。在底部有导航栏的app中，将会形成屏幕内的双下巴，部分应用如果具备从底部上滑的操作，为了和底部上滑回到主屏相区分，苹果提供了一个边缘保护的方案，第一次上滑是唤醒Home指示条，第二次才会激活原功能。而对于最受关注的全屏状态，虚拟Home指示条则会自动隐藏，不过尴尬的是，如果这时候是横屏状态，虚拟Home指示条也会跟随转动，而安卓虚拟按键则会始终存在于屏幕下方。全屏状态下点击屏幕后，虚拟Home指示条才会显示。

   最后说下最核心的问题，Safe Area 范围有多大？比对了官网上所有与iPhone X相关的界面，可以确定，Safe Area区间如下：

顶部高度

   对于习惯用750x1334作图的设计师而言，iPhone X的到来并不会带来太大影响，iPhone X与iPhone 4.7’’之间的差异甚至不及当年iPhone 4和iPhone 5之间的差异

底部高度

整体设计图

整体设计图

iPhone 4.7 与iPhone X 的Safe Area高度仅相差67 Point（134 px，@2x）

   对于大多数采用瀑布流的页面来说，仅仅是屏幕高度上的变化，可以无视。但对于如：新手引导页、音乐播放器等需要单屏显示的界面就需要重新布局。

Sout22hEast.jpeg

S2outh2East.jpeg

   由于 iPhone X的屏幕比例发生变化，对于长期靠“等比缩放”完成适配的H5活动页而言也有不小的影响，需要对页面结构进行适当微调。如果应用程序需要隐藏状态栏，请重新考虑iPhone X上的布局。iPhone X的显示高度相对于iPhone 4.7''提供了更多的内容高度，状态栏和底部可以带来更多的空间。但需要就屏幕内容进行适当的调整。

iPhone X可以提供更多的内容高度

三、图标设计

   底部导航栏图标，过去的做法是当前激活模块的图标为剪影风格，其他图标为线性风格。设计师需要做两套图标。分别是一套剪影，一套线性。而现在统一为剪影，而当前激活模块的图标使用平铺色代表激活。

全屏视图设计

四、系统色系增强

   iPhone X上的显示器支持P3色彩空间，可以产生比sRGB更丰富，更饱和的颜色。使照片和视频的颜色更加逼真，增强视觉体验！

色系描述

阅读拓展

1、 《designingforiPhoneX》

2、 三分钟弄懂iPhoneX设计尺寸和适配

3、 iPhone X的全面屏 让设计师操碎了心

4、 iPhoneX设计规范

1、 设计师如何设计iPhoneX视觉稿

原文地址：https://www.jianshu.com/p/0f2516d165a3

『贰』 根据iphone6适配的低保真原型尺寸

界面的具体尺寸是750pxX1334px。
iphone6的分辨率是750*1334xp，状态栏高度是40px。

『叁』 用axure画原型图 iphone6的尺寸是多少

iphone6的分辨率是750*1334xp，状态栏高度是40px。解决方法如下；

1、首先打开axure，下载ios组合元件库。

『肆』 iphone的尺寸

iPhone设备
物理分辨率是硬件所支持的，逻辑分辨率是软件可以达到的。
代数 设备 操作系统 逻辑分辨率(point) 物理分辨率(pixel) 屏幕尺寸(对角线长度) 缩放因子
iPhone
第一代 iPhone 2G iOS 1 320 x 480 480 x 320 3.5寸 1x
第二代 iPhone 3 iOS 2 320 x 480 480 x 320 3.5寸 1x
第三代 iPhone 3GS iOS 3 320 x 480 480 x 320 3.5寸 1x
第四代 iPhone 4 iOS 4 320 x 480 960 × 640 3.5寸 2x
第五代 iPhone 4S iOS 5 320 x 480 960 × 640 3.5寸 2x
第六代 iPhone 5 iOS 6 320 x 568 1136 x 640 4.0寸 2x
第七代 iPhone 5S/5C iOS 7 320 x 568 1136 x 640 4.0寸 2x
第八代 iPhone 6 iOS 8 375 x 667 1334 x 750 4.7寸 2x
第八代 iPhone 6 Plus iOS 8 414 x 736 2208 x 1242 (1920x1080) 5.5寸 3x
第九代 iPhone 6S iOS 9 375 x 667 1334 x 750 4.7寸 2x
第九代 iPhone 6S Plus iOS 9 414 x 736 2208 x 1242 (1920x1080) 5.5寸 3x
iPhone SE iOS 9 320 x 568 1136 x 640 4寸 2x
第十代 iPhone 7 iOS 10 375 x 667 1334 x 750 4.7寸 2x
第十代 iPhone 7 Plus iOS 10 414 x 736 2208 x 1242 (1920x1080) 5.5寸 3x
第十一代 iPhone 8 iOS 11 375 x 667 1334 x 750 4.7寸 2x
第十一代 iPhone 8 Plus iOS 11 414 x 736 2208 x 1242 (1920x1080) 5.5寸 3x
第十一代 iPhone X iOS 11 375 x 812 2436 × 1125 5.8寸 3x
苹果所有设备屏幕尺寸
手机型号 尺寸（对角线） 物理点 宽长比例 像素点 倍数 状态栏高度 底部安全距离 导航栏高度 tabbar高度
iPhone 4/4S 3.5英寸 320x480 0.667 640x960 @2x 20 - 44 49
iPhone 5/5S/5C 4英寸 320x568 0.563 640x1136 @2x 20 - 44 49
iPhone SE 4英寸 320x568 0.563 640x1136 @2x 20 - 44 49
iPhone 6 4.7英寸 375x667 0.562 750x1334 @2x 20 - 44 49
iPhone 6 Plus 5.5英寸 414x736 0.563 1242x2208 @3x 20 - 44 49
iPhone 6S 4.7英寸 375x667 0.562 750x1334 @2x 20 - 44 49
iPhone 6S Plus 5.5英寸 414x736 0.563 1242x2208 @3x 20 - 44 49
iPhone 7 4.7英寸 375x667 0.562 750x1334 @2x 20 - 44 49
iPhone 7 Plus 5.5英寸 414x736 0.563 1242x2208 @3x 20 - 44 49
iPhone 8 4.7英寸 375x667 0.562 750x1334 @2x 20 - 44 49
iPhone 8 Plus 5.5英寸 414x736 0.563 1242x2208 @3x 20 - 44 49
iPhone X 5.8英寸 375x812 0.462 1125x2436 @3x 44 34 44 83
iPhone XS 5.8英寸 375x812 0.462 1125x2436 @3x 44 34 44 83
iPhone XS Max 6.5英寸 414x896 0.462 1242x2688 @3x 44 34 44 83
iPhone XR 6.1英寸 414x896 0.462 828x1792 @2x 44 34 44 83
iPhone 11 6.1英寸 414x896 0.462 828x1792 @2x 44 34 44 83
iPhone 11 Pro 5.8英寸 375x812 0.462 1125x2436 @3x 44 34 44 83
iPhone 11 Pro Max 6.5英寸 414x896 0.462 1242x268

『伍』 iOS界面设计尺寸和分辨率有哪些

1、目前苹果手机的尺寸及分辨率
iPhone界面尺寸：320*480、640*960、640*1136、750*1334、1080*1920等。
iPad界面尺寸：1024*768、2048*1536等。
单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。
Ps：作图的时候确保都是用形状工具（快捷键：U）画的，这样更方便后期的切图或者尺寸变更。
2、界面基本组成元素
iPhone的app界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏、内容区域。
640*960的尺寸设计下这些元素的尺寸。
· 状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px
· 导航栏：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为：88px
· 主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98px
· 内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁，其高度为：734px

希望能给你帮助，另外你可以到网络文库搜索相关关键字，相信会有你的资料。

『陆』 苹果8p手机状态栏尺寸

iphone8plus的手机尺寸是158.4mm（长）x78.1mm（宽）x7.5mm （高），屏幕大小为5.5英寸，屏幕分辨率为1920×1080，配备1200万像素双内摄像头，容F1.8超大光圈设计，并采用全新的镜头模组。

『柒』 浅谈iOS APP设计规范-按照iphone6尺寸

现在iOS app 的尺寸也变多了，要适配到各种尺寸需要选择一个折中的尺寸来向上向下适配，以前一般用的是iphone5的尺寸，iPhone6 plus出现后，iPhone6尺寸成了大多数设计师的选择。

一、iPhone6的界面布局是：
屏幕是4.7英寸的，设计稿的大小750x1334px

☆ 状态栏(status bar)：就是电量条，其高度为：40px；
☆ 导航栏(navigation)：就是顶部条，其高度为：88px；
☆ 主菜单栏(submenu，tab)：就是标签栏，底部条，其高度为：98px；
☆ 内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1108px

二、关于iPhone6的图标的尺寸是：

☆导航栏的图标高度为44px（绝大部分功能按钮）左右，标签栏的图标尺寸为50x50px左右，最大为96x64px。
☆关闭按钮34px*34px，返回按钮26px，简单笔画图标40px。

三、常用的可点击高度-登陆框、密码框、功能列表等，统一设成88px。

四、搜索栏、输入框、评论框、地址框的高度，在iPhone6的原型图上，统一设成58px或60px。

五、在iPhone6设计稿中，界面元素之间的常用距离。

常用间距-亲密距离：20px（与边缘距离）；疏远距离：30px；
其它距离-10px，44px等；
区块间隔：30-40px。
A、疏远距离：比如，改图标距离手机屏幕最左边的距离；
B、亲密距离：比如，左边图标与右边文字之间的距离。

六、黑白灰颜色常用的数值是：

① 文字黑色#333
② 文字深灰色#666
③ 文字浅灰色#999
④ 边框浅灰色#e5e5e5
⑤ 背景淡灰色#f2f2f2
⑥ 按钮背景纯白色#ffffff

一、注意事项

1、在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案。字体用的太多，越显得不够专业。
2、不同的样式的字体，形状或系列最好相同，保证字体风格的一致性。
3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配

二、界面中文字选用的规则

在不同平台的界面设计中规范的字体会有不同，像移动界面的设计就会有固定的字体样式，网页中会有常用的几个字体。
以下是在72像素/英寸下的规范

移动端常规字体
IOS:常选择华文黑体或者冬青黑体，尤其是冬青黑体效果最好， 方正兰亭黑和方正黑体简 、方正中等线也运用的比较多。

三、字体的大小

1、导航栏的文字大小是36-38px；
2、标题字号：32px ，34px；
3、内容区域的正文文字大小是：28px，30px；
4、辅助性文字：20px ， 24px，26px；
5、标签栏（或主菜单栏）的图标下方的文字大小为20px；
6、终极原则：不大于所在要件高度的一半;
7、行间距：字号的1.2-1.5倍。
下图是网络用户体验做过的一个小调查，可以看出用户可接受的文字大小：

『捌』 iphone机身尺寸大全

嗯，苹果手机的话，其实还是非常不错，系统比较稳定，随着用的人的话还是比较多的本周二，苹果一口气发布了四款新iPhone，包括：5.4英寸的iPhone 12mini、6.1英寸的iPhone 12、6.1英寸的iPhone 12 Pro以及6.7英寸的iPhone 12 Pro Max。

iPhone 12系列的发布，也让用户在购买iPhone手机时比以往增加了更多的尺寸选择。但由于iPhone 12采用了全新的直边框设计，因此在机身尺寸上相对之前同尺寸的iPhone机型可能会有所差别。
为了方便大家更直观的对比iPhone各机型尺寸大小，外媒MacRumors分享了一张iPhone 12系列机型与其他多款iPhone机型的机身尺寸对比图。

图片从左到右依次展示了4.0英寸的iPhone SE到最新6.7英寸的iPhone 12 Pro Max机型中各机型的尺寸对比。
其中：5.4英寸的iPhone 12 mini的尺寸介于4.0英寸的iPhone SE和4.7英寸的iPhone 8之间；
6.1英寸的iPhone 12及iPhone 12 Pro的机身尺寸介于5.8英寸的iPhone X和6.1英寸的iPhone 11之间；
6.7英寸的iPhone 12 Pro Max机型则是比去年6.5英寸的iPhone 11 Pro Max还大一点，不愧是“超大杯”了，有史以来最大的iPhone。

看完对比是不是对iPhone 12系列的各个机型尺寸大小有所了解了呢？当然，这些都还只是图片对比，由于iPhone 12系列机型还未全部发售，我们也没办法进行真机尺寸对比，后续所有机型都发布会，小编再来给大家做一个详细对比。
至于iPhone 12采用的直角边框手机手感好不好？会不会硌手？小编建议大家可以等iPhone 12系列正式开售，先去苹果直营店体验试用一下，满意了再选择购买。

昨晚八点，6.1英寸的iPhone 12和iPhone 12 Pro已经在苹果官网及Apple天猫旗舰店率先预售，相信手速快，网速快的小伙伴已经抢到了第一批出货的iPhone，没抢到的小伙伴只能等了~
当然，昨晚除了iPhone 12开售外，上个月发布的新iPad Air也正式开启预购了，现在在官网下单，最快10月23号即可收到新iPad Air。

那谁说苹果的话就各尺寸大小和还有硬起来的一些方式啊，或者就是苹果的稳定性啊，其实还是非常不错的

『玖』 iphone尺寸规范

方法/步骤
界面尺寸规范
1、界面尺寸大小是：750x1334px。
2、状态栏(status bar)：就是电量条，其高度为：40px;
3、导航栏(navigation)：就是顶部条，其高度为：88px;
4、主菜单栏(submenu，tab)：就是标签栏，底部条，其高度为：98px;
5、内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1108px
IOS界面设计尺寸标准规范
图标尺寸规范
1、导航栏和工具栏尺寸大小44x44px；
2、标签栏尺寸大小75x75px
3、导航栏的文字大小最大值是34-36px，标签栏的图标下方的文字大小为20px。
4、内容区域的文字大小是：20px 24px，26px，28px，30px，32px，34px。
设置界面的图标高度和开关滑动按钮的高度：58px
IOS界面设计尺寸标准规范
可点击高度规范
在iPhone6的原型图上，统一成88px。在iPhone6设计稿中，88px是一个常用的设计尺寸。
IOS界面设计尺寸标准规范
搜索栏高度规范
搜索栏的高度，在iPhone6的原型图上，统一成58px。
IOS界面设计尺寸标准规范
界面元素之间的距离规范
在iPhone6设计稿中，界面元素之间的常用距离，亲密距离：20px；疏远距离：30p x。
A、疏远距离：比如，所有元素距离手机屏幕最左边的距离。
B、亲密距离：比如，左边图标与右边文字之间的距离。
IOS界面设计尺寸标准规范
原型设计中，需要考虑不同屏幕尺寸的苹果手机，在@1x的情况下的适配情况。
1、iPhone5在@2x屏幕尺寸是，640x1136px;对应的@1x，屏幕尺寸就是320x568px;
2、iPhone6在@2x屏幕尺寸是：750x1334px;对应的@1x，屏幕尺寸就是375x667px;
3、iPhone6Plus在@3x屏幕尺寸是：750x1334px;对应的@1x，屏幕尺寸就414x736px;
iPhone6Plus的@3x，iPhone6的@2x, iPhone5的@2x的介绍
1、iPhone6Plus是5.5英寸屏幕，1242x2208px-@3x的像素分辨率，逻辑分辨率是414x981px-@1x。物理尺寸是1080x1920px。这个物理尺寸，也是安卓机目前最流行的大屏设计稿尺寸。
2、iPhone6是4.7英寸屏幕，750x1334px-@2x的像素分辨率，逻辑分辨率是375x889px-@1x。
3、iPhone5是4英寸屏幕，640x1135px-@2x的像素分辨率，逻辑分辨率是320x757px-@1x。