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

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

五.为iPhone X设计时的注意点

注意点1:状态栏和home操作区域的颜色

可能很多人会不习惯,iX屏幕上方的“刘海”,可能会有设计者或开发者,直接把状态栏和底部系统home操作区域,设置成黑色。就像下图中的左侧一样,要知道苹果是禁止这样做的哦~


还有,苹果也不允许对home操作区进行特殊定制化的设计



注意点2:全屏图片的适配


对于像启动页,全屏广告等这些图片的适配,设计师需要多提供一个iX的尺寸。


下图例1,用i8尺寸的全屏图片,用到iX中,按比例,让高度自适应于屏幕高度,会出现图片宽度超出屏幕显示区域,图片左右两边被裁切。



下图例2,用i8尺寸的全屏图片,用到iX中,按比例,让宽度自适应于屏幕宽度,居中显示,会出现图片高度不足以填充全屏,导致屏幕上下没有内容。



注意点3:手势和边缘保护


iPhone X使用屏幕边缘手势来访问主屏幕,应用程序切换器,通知中心和控制中心。如:从屏幕底部向上滑回到桌面。从屏幕底部向上滑并停顿一下,调出最近任务。从屏幕右上角下滑,调出控制中心。


用户依靠这些手势操作手机。在极少数情况下,像游戏这样的沉浸式应用程序可能需要自定义的屏幕边缘手势,优先于系统的手势: 第一次滑动会调用特定于应用的手势,而第二次滑动则会调用系统手势。


由于这样的边缘保护会使用户难以访问系统级的操作,苹果公司建议谨慎使用。


结语:肯定还有大海没有讲到的注意点,有补充或者错漏的,望可以帮忙指出。感谢阅读。


1234共4页
联盟广告
×

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

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

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通