1.本课基于ios11&iphone X适配进行讲解,首先了解【屏幕尺寸】,5.8寸的超视网膜屏幕采用【2436px×1125px】分辨率的三倍图,转换成一倍图是【375pt×812pt】,这个数值要记住,以后会经常用到,具体内容如图所示。
2.iphone X屏幕是@3x高分辨率,矢量图形最好提供独立于分辨率的pdf文件,对于位图,需要同时提供【@2x和@3x】的切图文件,具体内容如图所示。
3.只有iphone x的分辨率发生变化,但变化仅限于物理像素层面,在真正决定屏幕内容的逻辑像素层面,新版的iphone x与iphone 4.7,iphone 5.5放大模式宽度相同,具体如图所示。
4.在设计iphone x界面时,必须确保布局填满屏幕,并且不会被设备的圆角,传感器外壳或主屏幕的指示灯遮蔽,具体如图所示。
5.要保证设计在安全区内,过去由于手机设计师方方正正的矩形,所以屏幕都可以看做安全区,而如今iphone x的屏幕有“齐刘海”以及圆角,需要设计师做出调整,安全区具体如图所示。
6.iphone x的状态栏高度更高,在电话和定位等后台任务时,高度不会变化,具体如图所示。