安卓和iOS到底有啥区别(4)

来源:网络   作者:热心网友   发布时间:2018-01-24    浏览次数:163


五、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键采用虚拟条,交互也发生了一些变化。我们通过下面的图来了解它。

好啦,今天就到此结束了,欢迎各位小伙伴交流学习。

1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:ui干货

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/7066.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通