iPhone X移动端UI设计指南

三.iPhone X的屏幕特点

首先我们先看下iPhone X的特殊屏幕到底长什么样子，看下图：

值得注意的是，屏幕四角变成了圆角，屏幕上边也有一部分遮挡区域。还有很明显的点，iPhone X去掉了物理Home键，看下图：

我们再来体会下，苹果官方给的天气应用，桌面，通讯录的示意图。

看了这么多示意图，相信大家应该有了比较直观的感受。我们来具体的看一下对比。下图中，左侧是iPhone 7的通讯录页面，右侧是iPhone X的通讯录页面。

可以发现相对于i7，在iX中状态栏+标题栏的高度更高了，标签栏也更高，留白面积变大很多。但是要注意的是，我们标签的icon的设计区域并没有发生变化。