网站首页 > 界面表现> 文章内容

最新iPhone X 人机交互界面指南

※发布时间:2018-9-3 23:19:04   ※发布作者:habao   ※出自何处: 

  iPhone X采用超视网膜高清显示屏,显示屏采用曲线优美的圆角设计。提供一个身临其境的边缘显示,丰富的内容体验是前所未有。

  在APP中为所有原图提供高分辨率的图片。iPhone X有一个为@ 3x的高分辨率显示。对于符号和其他平面,矢量图形,最好提供的PDF格式。对于栅格化的原图,要提供@ 3x和@ 2x版本的原图。查看图像大小、分辨率和自定义图标。

  大多数的APP都使用的是由系统提供的标准界面元素,如栏(navigation bars)、表单(tables)和集合(collections)自动适应设备的新形式元素。背景元素延伸到显示屏的边缘,界面元素也被嵌入在相应的。

  对于有自定义布局的APP,支持iPhone X也相对简单,尤其在APP使用自动布局且遵守安全区域和边距布局指南的情况下。

  在iPhone X上预览你的APP。可以使用模拟器(Xcode)来预览你的APP,剪裁检查和其他布局问题。如色彩丰富的图像等一些功能,最好是在实际iPhone X设备上预览。

  提供全屏体验。背景延伸到显示屏的边缘,垂直滚动布局,表单(tables)和集合(collections)就会一直滚动到底部。

  防止重要的内容在安全区域(safe area)以外被剪裁。一般来说,内容应该以中心对称的方式,这样在任何方向上看起来都很好,且不会被圆角(rounded corners)或头部传感器区(sensor housing)遮盖,也不会被访问主屏幕的器所( the indicator for accessing the Home screen)遮挡。为了达到最佳效果,使用系统提供的标准界面元素和自动布局来构造你的界面。所有APP都应该遵循程序定义的安全区域和布局边界,基于设备和的适当的设置。安全区域还可以防止内容被状态栏、栏、工具栏和选项卡栏覆盖。

  注意状态栏的高度。iPhone X上的状态栏比其他iPhone上要高。如果你的APP在状态栏下设置了一个固定的状态栏高度,你必须根据用户的设备更新APP的动态地定位内容。注意:iPhone X的状态栏在语音记录和等后台任务很活跃时,是不会改变高度。

  如果APP的状态栏目前隐藏了,重新考虑iPhone x上的显示。高显示屏的iPhone X相比4.7英寸iPhone,为屏幕内容提供了更多的垂直空间。因为状态栏占据了屏幕的一个区域,所以APP可能不会被充分利用。相同的,状态栏也显示了对人们有用的的信息。只有当为用户提供更多价值时,才考虑隐藏状态栏。

  当重新使用已有的图片资源时,要注意长宽比的差异。iPhone X的屏幕比例不同于4.7英寸的iPhone。因此,当在iPhone X上全屏显示时,4.7英寸iPhone全屏原图会出现裁剪或留出白边(letterboxed)的情况;同样,当在4.7英寸的iPhone上全屏显示时,iPhone X屏幕上的原图会出现了裁剪或留出白边(pillarboxed)的情况。确保重要的视觉内容在两种显示屏的尺寸上都能显示。

  避免在屏幕底部和圆角区里放置交互控件。人们在显示器的底部使用滑动手势来访问主屏幕和多任务视图,这些手势会取消你在这一区域所执行的自定义手势。将交互行为放在圆角(rounded corners)里,人们操作起来会很困难,尽可能的将这些操作放在用户手指可及的区域里。

  对关键显示功能不要特别隐藏或发起特别注意。不要试图通过在屏幕顶端和底端放置的黑色菜单栏隐藏设备的圆角(rounded corners)、头部传感器(sensor housing)或主屏幕的器( the indicator for accessing the Home screen)。不要使用像括号、边框、图形或指导文本之类的视觉装饰来着重显示这些区域。

  允许自动隐藏器,以便更容易访问主屏幕。当启用自动隐藏时,如果用户几秒钟没有接触屏幕,器就会逐渐消失。当用户再次触摸屏幕时,它会重新出现。如果不是特别需要沉浸式体验的界面,在看视频、图片幻灯片时,不要隐藏状态栏。

  使用广色域显示增强视觉体验。使用广色域显示的照片和视频更逼真,对视觉数据和状态器更有影响力。

  避免屏幕边缘手势系统的干扰。人们依靠这些手势在每个APP上工作。在极少数情况下,像游戏这样的沉浸式的应用程序可能需要定制的屏幕边缘手势,以优先于系统的手势——第一次滑动特定应用程序的手势,第二次滑动系统手势。这一行为(称为边缘)应该要较少执行,因为这使得系统级操作变得棘手。

  准确调用身份验证方式。iPhone X支持人脸身份验证。如果你的应用程序整合了Apple Pay或其他系统身份认证功能,不要在iPhone X上调用Touch ID,同样,要确保你的应用程序没有在支持Touch ID的设备上调用Face ID。

  不要复制系统提供的键盘功能。在iPhone X上,表情符号或切换语言按钮和语音按钮自动出现在键盘下方,即使是在使用自定义键盘时。应用程序不能影响这些按钮,避免在键盘上重复这些按钮造成混乱。玉米地里的大嫂

  文章由325棋牌提供发布

相关阅读
重庆学习网zslpsh,0755深圳房产人才招聘网,拾年网90后,anedc股票,最新电影下载淘娱淘乐,重庆中学生网高考,重庆中学生网高考,学习重庆方言网,重庆中学生学习方法,重庆俗语网,中学生网zslpsh,0755深圳交友网,重庆初中生,贵州重庆方言网,025新闻网,西南重庆方言歌曲,025南京交友网,重庆农家乐美女,观赏蟹种类zadull,云南重庆方言网,重庆中学学习网,028成都交友网,推广taoyutaol,西南四川方言网,观赏龟论坛zadull,四川重庆方言网,022天津交友网,重庆中学生网家长,鹦鹉鱼zadull,重庆俗语,电影淘娱淘乐,taoyutaole娱乐,华夏视讯网,0755深圳旅游招聘,昆明重庆方言网,淘娱淘乐影视,www.00game.net,观赏鱼zadul,重庆高考zslpsh,重庆中学生网高考,027房产招聘网,坝坝舞wagcw,西南重庆方言网,贵州重庆方言网,重庆言子儿网,热带鱼zadull,重庆高考zslpsh,0755深圳旅游招聘网,淘娱淘乐影视网,0571.361.cm,重庆方言学习网,028成都新闻,异形观赏鱼种类,影视网淘娱淘乐,最新电影下载淘娱淘乐,0773桂林论坛,拾年网80后动画片,观赏蟹论坛zadull,观赏龟繁殖教程,重庆一中zslpsh,重庆俗语网,广场舞wagcw,观赏虾的种类zadull,观赏鱼观赏虾观赏龟,西南方言网,观赏鱼之家论坛zadull,战争前线辅助00game,西南重庆方言小说,重庆中小学zslpsh,推广taoyutaol,战争前线论坛00game,0871交友网,025南京新闻网,重庆言子儿网站,娱乐taoyutaole,022天津交友网,025新闻网,重庆中学生网学习,022天津交友网,重庆方言歌网,www.120.cm健康网,anedc股票,重庆初中生