iPhone X移动端UI设计指南(2)

来源:网络   作者:热心网友   发布时间:2017-11-24    浏览次数:210


三.iPhone X的屏幕特点


首先我们先看下iPhone X的特殊屏幕到底长什么样子,看下图:



值得注意的是,屏幕四角变成了圆角,屏幕上边也有一部分遮挡区域。还有很明显的点,iPhone X去掉了物理Home键,看下图:



我们再来体会下,苹果官方给的天气应用,桌面,通讯录的示意图。



看了这么多示意图,相信大家应该有了比较直观的感受。我们来具体的看一下对比。下图中,左侧是iPhone 7的通讯录页面,右侧是iPhone X的通讯录页面。



可以发现相对于i7,在iX中状态栏+标题栏的高度更高了,标签栏也更高,留白面积变大很多。但是要注意的是,我们标签的icon的设计区域并没有发生变化。



1234共4页
联盟广告
×

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

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

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通