1、分辨率对比 首先我们来看看iPhone X和其它iPhone的对比，这样才好做设计，来看看屏幕密度方面，iPhone 6/7/8不存在逻辑分辨率，但Plus机型和iPhone X 都存在逻辑分辨率。请大家注意!
3、 分辨率产生的设计差异 虽然我们看起来iPhone X只是长了不少，但别小瞧长出来的那145pt，其实差别还是很大的。iPhone X的物理分辨率为1125X2436，那么一倍图是多少呢?375-812pt，那么看起来屏幕的宽度好像没有变化，这样设计师小伙伴们就舒了一口气了。适配成本和难度都降低了不少。
5、我们看到， 逻辑分辨率下，iPhone X的屏幕密度比Plus 要大，分别为444和401，但是真实密度，iPhone X比Plus要小，分别是458和489。这个时候，我们根据屏幕密度，就可以知道，其实他们都是@3x，也就是三倍图的出图了。所以，从plus过渡到iPhone X，适配成本大部分会交给工程师。
7、那么在iPhone X上，我们还要注意另迷撞笸痉两个重要的安全区域，就是屏幕上下的两块内容：上部为“刘海”区域，只能放一些系统状态之类的内容，并且刘海区域需要在设计稿中体现出来。擒歙常泺那么屏幕下方，则是很多设计师都会忽略的内容，就是一个虚拟控制条，这跟神奇的条起到了home键的作用，因此我们不能让内容和这个条产生冲突，因此你会发现标准的适配过的应用，屏幕下方都留了不少空间。接下来我们看看世面上的现在已经号称适配过的应用，哪些做的是对的，哪些做的有问题呢?
9、设计师要做的-修改全屏图片的大小 由于iPhone X长出来一截，因此之前全屏比例的图片在iPhone X上就会变形，如下图所示，因此开发工程师可能为了适配，将原有的图片拉大，充满整个屏幕，剧安颌儿如果不拉大，那么就会出现下图第一排最右边图的效果，上下白边非常难看。另一种情况，你的图片可能会挤压变形，那就是第二排图片的样子了。
