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
网友评论