iPhone 8 x 设计规范

iphone x

1125*2436

375*812pt

iphone7

750*1334

375*667pt

812pt-667pt=145pt

1242-1125=117

iphone 8  +      1242*2208

iphone  x          1125*2436

iphone x  458ppi

iphone 6+  iphone. 7+  iphone8+    401ppi

iphone4、5、6、7、8.  326ppi

20  44

60  132

192

iphone x.  状态栏和导航栏

iphone x. 导航栏高度不变 44pt    状态栏高度44pt

屏幕底部指示灯区域:34pt

iphone x安全区域计算:

2436=812pt

导航栏+状态栏+屏幕指示灯区域=44pt+34pt=78pt

安全区域=812pt-78pt=734pt

所以iphone x的安全区域为375pt*734pt

iphone x是iphone6、7、8 4.7寸显示屏的加长版,高出145pt。

在为iPhone X做设计时，您必须确保布局覆盖到整个屏幕，并且不会被设备屏幕上的圆角、传感器和指示灯所遮蔽。

横屏和竖屏提供边距保证重要内容不被剪切。

纯图片的内容在iphone x 上面要重新布局调整。

iPhone x具有不同于4.7寸iPhone的长宽比，因此，4.7寸iPhone的全屏图像在iPhone X上显示时会出现剪裁或letterboxed（横向有留白）。同样，iPhone X上的全屏图像在4.7寸的iPhone上显示也会被剪裁或pillarboxed（纵向有留白）。请确保重要的视觉内容在两种尺寸的设备中显示。

避免将交互控件放在屏幕底部和角落

对关键显示功能不要掩盖或者发起特别注意

请勿尝试用黑色条栏在屏幕顶部和底部隐藏设备的圆角、传感器、或者底部访问条。不要使用像括号、边框、形状或指引性文字去引导用户特别注意这些区域。

虚拟home指示条:134*5pt

iphone se和iphone 7 屏幕尺寸16:9

iphone x屏幕尺寸为13:6