iPhone X 适配指南 (官方翻译版)

iPhone X 适配指南 (官方翻译版)

广告

欢迎大家一同交流 QQ群 139852091 公众号

我是jpg

iPhone X

iPhone
X包括一个大型,高分辨率,圆形的边缘到边缘之显示器,提供了一个沉浸式,内容丰富的体会,从未像以前那样。

澳门新葡亰官网 1

屏幕尺寸

于纵向方向达成,iPhone X上的显示屏的宽窄与iPhone 6,iPhone 7和iPhone
8的4.7 寸显示屏的幅度相兼容。然而,iPhone X上之显示器比4.7
寸显示器高145单,导致大约20%底情节垂直空间。

澳门新葡亰官网 2

肖像尺寸 1125px×2436px(375pt×812pt @ 3x)

澳门新葡亰官网 3

景观尺寸 2436px×1125px(812pt×375pt @ 3x)

为公的应用程序中的备图稿提供高分辨率图像。iPhone X具有比例因子为@
3x的高分辨率显示。对于字形和外平面的矢量图形,最好提供单身为分辨率的PDF。对于光栅化图稿,您可供@
3x和@
2x版本的著作。请参考图像大小以及分辨率和于定义图标。

布局

每当设计iPhone
X时,您得管布局填满屏幕,并且不见面吃设备的圆角,传感器外壳或用于访问主屏幕的指令灯遮蔽。

澳门新葡亰官网 4

澳门新葡亰官网 5

大多数下规范体系提供的UI元素(如导航栏,表格和集)的应用程序会自行适应设备的初外形。背景资料延伸到显示器的边缘,并且UI元件被恰当地插和永恒。

澳门新葡亰官网 6

4.7寸 iPhone

澳门新葡亰官网 7

iPhone X

对此有从定义布局的用,支持iPhone
X也应于轻,特别是只要你的使使用电动布局并遵循安全区域与边距布局指南。
以iPhone
X上预览您的应用程序。您可采取Simulator(Xcode附带)来预览应用程序,并检讨剪辑和其余布局问题。一些作用,如松彩色图像,最好以实际上设备及预览。

提供全屏体验。确保背景延伸至显示器的边缘,并且垂直可滚动的布局(如表格和聚集)一直累及脚。

澳门新葡亰官网 8

澳门新葡亰官网 9

栽必要内容以戒剪辑。一般的话,内容应是置身中对如的,所以它在外方向看起都蛮棒,不见面给角或配备的传感器外壳夹停,或受聘主屏幕的指示器遮挡。为获得最佳效果,请用正式的系提供的界面元素与活动布局构建而的界面。所有应用程序都答应遵循UIKit定义的安全区域与布局边距,这些区域可以因设备及上下文进行适宜的填。安全区域还好防止内容覆盖状态栏,导航栏,工具栏和标签栏。

小心状态栏的可观。状态栏在iPhone
X上较在任何iPhone上再次强。如果你的使假定固定状态栏的莫大用于将内容定位于状态栏的花花世界,则要创新您的采取,才会根据用户的设备动态定位内容。请留心,当背景任务(如录音和岗位跟踪)处于活动状态时,iPhone
X上之状态栏不会见转高度。

假定您的应用程序目前隐藏状态栏,请重新考虑iPhone
X上的控制。iPhone上之显得高度也4.7
寸iPhone的显示屏提供了再多之始末垂直空间,状态栏占据您应用程序可能获取的屏幕区域状态栏还显示人们发现中之音讯,只能隐藏以交换附加值。

澳门新葡亰官网 10

全屏4.7 寸装备图像

澳门新葡亰官网 11

在iPhone X上裁剪

澳门新葡亰官网 12

iPhone X上的邮箱

澳门新葡亰官网 13

全屏iPhone X图像

澳门新葡亰官网 14

每当4.7 寸设施及推

澳门新葡亰官网 15

在4.7 寸设备上进展Pillarboxing

每当重复使用现有图稿时,请留心长宽比差异。iPhone X具有不同让4.7
寸iPhone的丰富宽比,因此,全屏4.7 寸iPhone图形在iPhone
X上全屏显示时起裁剪或letterboxed。同样,全屏iPhone
X图稿在展示时为裁剪或为柱状显示全屏显示在4.7
寸iPhone上,确保重点之视觉内容保持在简单栽显示尺寸及。

免将交互式控件明确放置在屏幕底边同角落。人们采取显示屏底部的滑手势访问主屏幕和应用程序切换器,这些手势可能会见取消你于此区域被贯彻的自定义手势。屏幕的鲜个角或是困难的地方被人们舒适地抵达。

永不挂或特别注意关键显示效果。请无尝试隐藏设备的圆角,传感器外壳或经当屏幕顶部及脚放置黑色条来访问主屏幕的指示器。不要使诸如括号,边框,形状或教学文字等视觉装饰,也要是特别注意这些区域。

兴自动隐藏指示灯,以便轻松访问主屏幕。当启用自动隐藏时,如果用户没有碰屏幕几秒钟,指示灯将消失。当用户更触动屏幕时,它会重复出现。这种表现应只能用于被动观看体验,如播放视频或者照片幻灯片。
请参阅适应性和布局。

颜色

iPhone X上的显示器支持P3色彩空间,可以生比sRGB更增长,更饱的颜料。
采用大规模的水彩来增进视觉体验。使用宽颜色的照片以及视频更是栩栩如生,使用宽色的视觉数据和状态指示器更产生影响力。请参考水彩管理。

澳门新葡亰官网 16

手势

iPhone
X上之显示屏下屏幕边缘手势来访问主屏幕,应用程序切换器,通知中心与控制中心。

避免干扰系统范围的屏幕边缘手势。人们赖以这些手势在每个应用程序中工作。在极少数状态下,像玩如此的沉浸式应用程序可能得打定义的屏幕边缘手势,优先为系统的手势

第一独滑动会调用特定于用之手势,而第二不好滑动则会调用系统手势。这种作为(称为边缘保护)应该小心实施,因为它使得用户难以访问系统级的操作。见手势。

叠加设计注意事项

参照认证方法准确。iPhone X支持Face
ID进行身份验证。如果您的应用程序与Apple
Pay或外系统身份验证功能并,请无以iPhone X上引用Touch
ID。同样,请保管您的应用程序在支撑Touch ID的设备及未引用Face
ID。请参见验证。
不要再次系统提供的键盘功能。在iPhone X上,即使用由定义键盘,Emoji /
Globe按钮和Dictation按钮也自动显示在键盘的下方。您的应用程序不能够影响这些按钮,因此避免在键盘澳门新葡亰官网中另行这些按钮造成混乱。请参见从定义键盘。

资源

下载Photoshop和Sketch
资源中之
iPhone X UI设计模板。

原文链接

admin

网站地图xml地图