五、iPhone x
除了上面说的iOS11发生了变化,苹果手机本身也发生了变化。最新苹果手机iPhone x,相信大家已不再陌生,周围的土豪们也陆续的用上了它,周围的同事也买了,屌丝我也有幸抚摸了一下。
一说到iPhone x,我们就会想起它那让人津津乐道的“刘海”了;除了“刘海”还有它取消了home物理键,而以小黑条虚拟键代替;再一个就是尺寸变大了,还有面部识别解锁。
尺寸
原来的屏幕在 iPhone X 之前,尽管 iPhone SE,7 和 7 Plus 的屏幕尺寸大小不同,但都是 16:9 的屏幕。而 iPhone X 差不多是个 13:6 的屏幕812pt x 375 pt(2436px x 1125px)。屏幕的绝对尺寸也变大了,从 4.7 吋增大到 5.8 吋
就尺寸大小来说,我们就可以简单的认为,iPhone X的竖屏模式,宽度与iPhone6、iPhone7、iPhone8的4.7寸显示屏宽度相同;iPhone X的高度比4.7寸的屏幕要高出145pt,增加大约20%的垂直显示空间。应用程序可以显示高分辨率的图像。iPhone X是显示高分辨率的@3x图片。375x812@1x,3倍尺寸就为1125x2436@3x,所以我们设计稿就以375pt x 812pt做,最后导出3倍图就可以。就设计图片本身来说不需要做过多额外的工作,只是在高度适配上需要注意一下。
安全区
安全区这个说法可能我们在做平面印刷的时候需要注意出血,没想到互联网app设计也需要注意,原本以为安全区离我很远了。为了在iPhone x上适配我们的设计,我们就不得不考虑这个问题。相对于其他来说,iPhone x 的状态栏变高了,垂直空间更大,展示的内容更多。还有home键采用虚拟条,交互也发生了一些变化。我们通过下面的图来了解它。
好啦,今天就到此结束了,欢迎各位小伙伴交流学习。