• iPhone6Plus是5.5英寸屏幕，px-@3x的像素分辨率，逻辑分辨率是414x736pt-@1x。物理尺寸是px。这个物理尺寸，也是安卓机目前最流行的大屏设计稿尺寸。

【综上所述】iPhone6的原型规范如下：

1. 界面尺寸布局：满屏尺寸750x1334px
2. 高度电量条高度40px，导航栏高度88px，标签栏高度98px；
3. 各区域图标大小导航栏图标44px，标签栏图标50px；
4. 各区域文字大小电量条文字22px，导航栏-文字32px，标签栏字20px；
5. 常用的颜色：背景浅灰色#f2f2f2,文字深黑色#323232，边框色深灰#CCCCCC；
6. 常用可点击区域的高度：88px；
7. 单行文字的背景框的高度：88px，双行则为：176px，三行则为：264px；
8. 常用间距：亲密距离：20px；疏远距离：30px，其它距离：10px，44px等；
9. 按钮和文本框，原型图做成直角的，圆角半径是多少，由Ui来设计；
10. 这种情况，需要修改原型。单个页面的逻辑流程图或用户学习使用时间，超过其它页面平均数的3倍以上；

    PPI数值越高，代表显示屏能够以越高的密度显示图像，即通常所说的分辨率越高、颗粒感越弱。

    计算结果稍有出入，这是因为像素的离散采样有锯齿效应。

    但是对于开发者来说，iOS绘制图形的API依然沿袭point(pt，注意区分印刷行业的“磅”)为单位。在同样的逻辑坐标系下（320x480）：

    为了自动适应分辨率，系统会根据设备实际分辨率，自动给UIScreen.scale赋值，该属性对开发者只读。

    那么，同样的分辨率和scale，如何区分机型iPhone4与4s、iPhone5与5s呢？通过只能判别iPhone、iPad、iPod大类，要判断iPhone具体机型型号，则需要通过获取详细的设备参数信息予以甄别。

    iPhone3GS时代，我们为一个应用提供图标（或按钮提供贴图），只需要icon.png。针对现在的iPhone4~6 Retina显示屏，需要制作额外的@2x高分辨率版本。

从iPhone3GS/iPhone4(s)过渡到iPhone5(s)时，在逻辑上宽度不变高度稍高，之前旧的素材和布局通过简单适配即可运行得很好，但由于高宽比增大，上下两端出现黑粗边（典型如LaunchImage）。从分辨率的角度来看，除了需要提供LaunchImage这种满屏图，其他基本沿用二倍图（@2x）；从屏幕尺寸角度来看，需要对纵向排版略加调整。

从iPhone5(s)发展到iPhone6(+)，由于高宽比保持不变，iOS对图标、图片、字体进行等比放大自适应，清晰度会有所降低。同时，绝对坐标布局会导致在大屏下出现偏左偏上的问题。从分辨率的角度来看，iPhone6沿用二倍图（@2x），但需为iPhone6+提供更高的三倍图（@3x）；从屏幕尺寸角度来看，需要重新对UI元素尺寸和布局进行适配，以期视觉协调。

    这里需要注意iPhone/iOS双环上网的热点栏对纵向布局的影响：iPhone作为个人热点且有连接时，系统状态栏下面会多一行热点连接提示栏"Personal Hotspot: *

    另外，iPhone的【设置】【通用】【辅助功能】中可以设置调节【更大字体】，APP也可以按字号适配：
    例如适配表视图（UITableView:UIScrollView），无法左右滑动，因此无论字号缩放比例多大，横向都不应超过SCREEN_WIDTH。注意限定控件元素内容区域宽度以及间距，并设置适当的LineBreakMode。表视图支持上下滑动，因此纵向上的表格行高和内容区域高度可按字号缩放。

    对于纵向也不支持滑动的视图，在屏幕可见视区内排版时，最好不要随字号缩放，否则可能超出既定宽高。

考虑到iPhone机型的多样性，不可能针对iPhone4(s)、5(s)、6、6+四种屏幕尺寸出四套视觉交互稿，也不要基于某一机型从上往下、从左往右给绝对标注，而应该关注subView在superView中的相对位置（EdgeInsets/Frame/Center）以及siblingView之间的偏移（Offset），尽量给出适合Autolayout的相对布局比例（理想情况是只给百分比）。假如交互按照iPhone5(s)下绝对标注，则在iPhone4(s)上可能挤出屏幕底部，而在iPhone6(+)上则可能横向偏左或纵向偏上。

    开发人员基于与屏幕边缘的间距（Margin/EdgeInsets），定位边缘处的控件（钉钉子）作为参照，然后基于控件尺寸和间隙进行相对计算排版。这样，若钉子移动，相邻控件将顺向偏移，不会因为局部调整而出现凌乱。

打开[截图.png]文件，由于不包含 Sketch 图元对象，无法进行 measure 标注（提示：请在画板中使用该功能）。因此，第一步需要对要相对标注的各个UI元素进行对象化。依次 Insert Artboard

size：width=640px（SCREEN_WIDTH），height=168px。默认横向尺寸和纵向参考线都居中导致标注重叠，将纵向参考线右移至合适位置；也可选中WIDTH标注图层中的text和label元素，在不移动参考线的前提下，利用鼠标局部移动标注字面量。

• 选中文件类型缩略图对象thumbnail，进行 measure size，由于正方形等宽为112px*112px，故横纵标注重叠无影响。thumbnail在frame中纵向整体居中，因此上下边距计算均摊即可，无需再给定标注。

• 选中按钮button进行 measure size，其宽高为144px*60px。横纵标注重叠影响视觉，将纵向参考线右移至合适位置。
• button在frame中纵向整体居中，因此上下边距计算均摊即可，无需再给定标注。

• 的文本在给定字体下的纵向自然显示无约束，调用 sizeWithFont/boundingRectWithSize 可动态计算每行 label 的自然高度，title的上间距和source的底间距无需给定，通过计算纵向余量均摊即可。

    可简单的基于屏宽横纵比例进行scale缩放，将以上测量出的标注应用到iPhone6(+)大屏下，当然交互设计工程师最好还是针对特定机型都给定适配标注。苹果在WWDC2012 iOS6中已提出了的概念，即使用约束条件来定义视图的位置和尺寸，以适应不同尺寸和分辨率的屏幕。

    最后，除了对屏幕尺寸和分辨率进行适配之外，还需对iOS SDK中相关的DEPRECATED API进行适配。典型的如：

《》《》《》《》《》《》《》《》《iOS界面适配()()()》

此前日媒Macotakara在一份报告透露，苹果今年将发布的，并表示这能给iPhone带来低至0.5mm的超窄边框。

那么，这个Full Active LCD屏幕到底是怎么样的东西呢？

“Full Active”是日本JDI公司的新型的面板技术。这一技术通过高密度排线布局?加工?实装技术，将原本屏幕底部走线的边框宽度缩小到与其他三边同样尺寸，从而在屏幕大小等同的情况下，有效扩大显示屏的显示范围。

JDI公司最早于2016 年的 8 月着手相关的技术，并于2017 年 6 月在千叶工厂开始量产。JDI还表示，这款LCD显示模块是JDI的第二代Pixel EyesTM，具有更薄的边框，更深的黑色水平，并支持湿手指操作。

实际上，我们此前已经见识过这一技术了。小米MIX2是首发采用搭载Full Active LCD显示屏的手机。

在Full Active显示屏技术之上，JDI还推出了Full Active Flex柔性显示屏技术，可以实现屏幕弯曲。首先，JDI将玻璃基板换成PI材料（聚酰亚胺），并以特殊的工艺进行优化。

最后，JDI通过减少面板间隙在弯曲时的变化程度，让液晶面板在弯曲状态下也能稳定显示。之后，JDI通过IPS-NEO技术，让面板实现与柔性OLED类似的曲面显示，突破了液晶面板无法弯曲的技术瓶颈。

屏幕面板可以弯曲能带来什么现实的益处？这里我们有一个最直接的例子：iPhone X。苹果iPhone X采用了柔性的OLED屏幕，该屏幕在底部弯曲，从而将数据带推向背部。因而比起许多同样采用刘海屏设计的安卓手机，苹果iPhone X有着一个无可比拟的优势：超窄的下巴。

JDI在2017年曾表示，Full Active Flex柔性显示屏计划在2018年开始量产。尽管还没有确切消息，但是我们可以设想，若苹果的6.1英寸iPhone最终会采用这一技术，那么后者将会是一款拥有超窄边框的、惊艳的新一代产品。

1. 《中国首秀！JDI携FULLACTIVE全面屏高调现身，瞄准中国市场寻求突破》，2017年，CINNO

2. 《『百字评』换思路／接地气：JDI携FULL ACTIVE全面屏中国首秀》，2017年，中华液晶网