首页>新闻>苹果资讯>iPhone X额头上的“刘海”将怎么影响UI设计

iPhone X额头上的“刘海”将怎么影响UI设计

2017-09-15
16765
来源:cnBeta.COM

具有下一代旗舰意义的苹果iPhone X正式发布,这款新机苹果摒弃了home键,采用全面屏设计,显示屏采用新的工艺和技术,精准贴合机身的曲线,一直延伸至优雅圆润的边角。引起吐槽最多的无疑是iPhone X额头上的“刘海”,尽管这块布满了黑科技传感器的区域肯定有存在的理由,比如Face ID等,但是其将影响许多原来的UI界面元素,短期内用户难免不接受改变。


iPhone X额头上的“刘海”将怎么影响UI设计



在iPhone X发布后苹果更新了“人机交互界面设计准则”,特别指出应用开发者不应该尝试“隐藏设备显示的圆角边沿部分、传感器遮蔽区域,”也不许在顶部或底部设置黑色栏尝试隐去这部分。也不要用括号,边框,形状或指示文本等视觉元素特别突出该区域。


也就是说像下图左侧的尝试用黑栏让刘海区域融为一体,或者用黑栏突出底部的HOME唤出滑条都是苹果认为错误的UI设计方案。


iPhone X额头上的“刘海”将怎么影响UI设计



苹果称大部分应用标准的系统UI元素的应用都会自动适应iPhone X的全新显示区域,背景元素将自动延展覆盖这些区域。


iPhone X额头上的“刘海”将怎么影响UI设计



为了确保一些可操作交互元素和重要视觉元素不被iPhone X的圆角区域覆盖,原则上这些操控元素都应该置于下图的“安全区域”内,App Store审核应用时会评估这一准则是否得到应用。苹果特别提到了不要将任何互动操控件放置在全面屏的最下方,这将影响HOME唤出滑条。


iPhone X额头上的“刘海”将怎么影响UI设计



苹果的官网提供了许多UI设计实例,演示正确的交互原则下应用在iPhone X下的视觉外观。


当然。这些宣传实例缺少了横屏状态下的UI外观演示,不少开发商通过新Xcode的模拟器演示了iOS 11在iPhone X下的横屏截图。在浏览网页时左右异形显示区域会空出一部分,这部分颜色将取到网页的默认背景色。


iPhone X额头上的“刘海”将怎么影响UI设计




全屏放大图片和玩全屏游戏时,全面屏将自动延展拉伸以覆盖这些区域。


iPhone X额头上的“刘海”将怎么影响UI设计



不幸的是在视频播放时,默认状态下苹果会设置视频留出两侧黑边,以完整收看视频,但用户也可以双击让它全屏,视频会延展拉伸覆盖这些区域,而刘海部分自然会影响观看效果。


iPhone X额头上的“刘海”将怎么影响UI设计

标签: UI设计 iPhone X
相关文章
  • 一组图带你了解iOS 11 UI设计变化有多大

    在上周的WWDC 2017开发者大会上,苹果为我们带来了期待已久的iOS 11 预览版。苹果表示,iOS 11是有史以来最大的软件版本更新,带来诸多增强功能和设计改进。那么相比较iOS 10,iOS 11具体都有哪些变化呢?现在外媒PhoneArena分享了一组对比图片,让我们一起来看看。(左侧均为iOS 11,右侧为iOS 10)

  • iPhone 12 系列选购攻略

    如果你的钱包已经准备好了对 iPhone 12 系列敞开,那么在购机之前参考这份「iPhone 12 系列选购攻略」,进一步了解这四款机型的购买信息,或许可以让你在「剁手」时能更加胸有成竹。

  • iPhone8/8P/X快速一键进入恢复模式

    iPhone 8/8P和iPhoneX由于进入恢复模式的方法和之前的所有设备都有区别,而且操作步骤也比之前复杂了,所以让很多用户都无法快速的进入恢复模式。那如何快速进入恢复模式呢?可以使用爱思助手电脑端,一键进入恢复模式,不需要在手机上按键操作;该功能只支持正常模式的设备进入恢复模式,如果设备无法开机则只能通过按键的方式进入恢复模式,具体方法请参考:iPhone8/X怎么进DFU、恢复模式方法操作方法1、下载安装爱思助手并用数...

  • iPhone 4s降级iOS 6.1.3教程

    目前32位设备的9.3.5已经可以越狱了,而已越狱的iPhone4S可以任意的降级到6.1.3系统。今天给大家分享了一个降级 iOS 6.1.3 系统的教程,如果你想重新体验旧版本 iOS 的话,不妨来参考一下。详细图文教程及工具下载请点击:https://www.i4.cn/news_detail_3127.html  准备工作:  1、iPhone 4s 已越狱任何版本;  2、在 Cydia 里面安装插件 OpenSHH 和 Core Utilities;  3、下载 Windows 版降级工具并解压,可看到 idevice...

  • 怎么给iPhone降级?使用爱思助手无SHSH降级教程

    想必iPhone4的许多用户因为盲目等原因已经升级到iOS7手机卡就想给iPhone降级,刷回原来的6.1.X系统,而此时苹果已经关闭了验证,可是又苦于没有SHSH,那么iPhone怎么降级呢?现在教你没有SHSH降级到iOS 6.1.3。为什么刷6.1.3呢?因为刷6.13的话,可以不用上传,爱思支持6.13刷机不验证SH文件,刷机过程中会有强降的提示,这样就不用自己去找别人的SHSH,然后修改ECID等复杂操作了。直接就可以非常简单的一键刷机了。强降之后每次开....