iPhoneX已经通过官网公开发售，以为会遇到小米发售新机那样抢不到的情况，结果大多数人都能够成功预定。但是你以为预定到就是成功么？还要看什么时候能拿到手。

iPhoneX公开发售前，在国外给很多的媒体提供了试用体验的机会，从外媒发表的体验报告来看，被吐槽最多的是屏幕上方刘海设计以及现有APP的适配问题。

科技博客Business Insider发文称，iPhone X的屏幕大小让人很舒服，就像画在手机上的一样，但是对于很多程序开发者来说，还没有适应新的屏幕宽高比，甚至连苹果自己也会出问题。很多程序没有针对iPhone X的屏幕进行全新的UI设计，所以在打开应用的时候有很宽的状态栏，浪费了很多空间。

科技资讯网站The Verge发文称，没有对iPhone X的屏幕进行UI设计优化，但是又使用了IOS自动布局系统的应用程序，就是铺满整个屏幕。但是会出现一些很怪异的情况，比如天气预报应用Dark Sky的黑色状态栏会挡住手机屏幕的一半，Uber的账户图标放在了电池状态显示位置上，还有些应用将设置按钮放在了顶部，就会被iPhone X的刘海遮住。

iPhone X不规则的大屏幕设计，简直要逼疯UI设计师，特别是顶部两边那两个角落，要放什么？要怎么才不显得突兀？对于连iPhone X真机都没有使用过的设计来说，根本找不到感觉，那么心机发售了，UI设计师们又要花一万块来换手机了么？OMG，房租怎么办！

屏幕尺寸上，iPhoneX是拉长了的iPhone 4.7''

iPhone总是在屏幕大小上带给设计师一些小惊喜和小意外，随之而来的是要有一个全新版本的UI设计。UI设计师在设计ios版本的页面时，通常会有2个熟知的尺寸，就是iPhone 4.7''、iPhone 5.5''，而iPhone X的屏幕大小在宽度上和这两个尺寸的放大模式的宽度相同，所以iPhone X的屏幕大小可以看做是拉长了的iPhone 4.7''。

所以，对于没有重新设计过UI的应用而言，在iPhoneX上的显示总会出现底部大大的边框，自适应的页面会显得被拉长，浪费了一些空间。

页面上下有黑边是苹果的错

iPhone以前版本的尺寸再怎么变化，也是规规矩矩的矩形，而这次iPhoneX的屏幕却变成了圆角，特别是上面还有两个角，这是要逼死一头牛么？

针对圆角屏幕，苹果官方也给出了UI设计的安全区域，中间画出了一个矩形为安全区域，上下则直接留白。所以，页面上下出现黑边，不是设计师的锅，而是苹果的错。

我们看到苹果官方的渲染图里面，顶部的两个角分别显示时间、网络、电池等信息，而底部菜单栏直接留白了一块，因为底部横条是Home键，所以我们真的不能设计任何功能，只能空着。

顶部和底部留白到底有多大？

从苹果官网上面给出的示意图可以发现，顶部留白的高度为88像素，底部留白的高度为68像素，整体屏高1624像素，而可用空间为1468像素。如果习惯使用750*1334尺寸来做图的设计师，那么iPhoneX也不会带来太大的影响，而对于瀑布流设计风格的页面来说，屏幕高度上的变化几乎可以无视，但是对于引导页或图片展示类的页面来说，就要考虑重新布局。

iPhoneX新尺寸要作为设计重点吗？

iPhoneX已经公开发售，那么是否有必要为了iPhoneX的屏幕尺寸重新设计一套页面？这要根据iPhoneX的市场销售情况来决定。对于有能力的团队来说，为iPhoneX单独设计页面是最佳的选择，但是对于已经忙不过来的UI设计师来说，在iPhoneX发售量不大的情况下，可以以iPhone8的尺寸作为标准尺寸。

iPhoneX的面世，不仅对UI设计产生了影响，同样对于交互设计也会带来一些新的变化。从滑动解锁到指纹解锁再到iPhoneX的面部识别解锁，功能的迭代带来的是对交互方式上的创新。iPhoneX改变了传统手机屏幕的形状，在顶部独立出两个角，底部将屏幕与功能键重合，这些变化都可以看作是全面屏时代的交互新挑战。

在第六届TOP100全球软件案例研究峰会的入围榜单中，我们看到了非常多的关于体验设计方面的案例。现阶段的用户体验设计和UI设计不仅要美观，更要有用，让用户使用更便捷，提升用户体验，从而带动用户增长。