216

取消了Home键的 iPhone X,交互方式都有哪些变化?

 6 years ago
source link: http://www.uisdc.com/iphone-x-interaction-design-change
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

取消了Home键的 iPhone X,交互方式都有哪些变化?

取消了Home键的 iPhone X,交互方式都有哪些变化?

@__WATERS :iPhone X 作为一台全面屏的设备,和上一代的 iPhone 7 还是有着很大的区别,这些区别不仅体现在材质和工业设计上,在界面交互上也有一些差异。iPhone X 的显示屏所能显示的内容和 4.7 英寸的 iPhone 7 一样「宽」(同为 375pt),但在高度方面就比原先多出了 145 pt ,再加上 iPhone X 去掉了最为标志性的 Home 键,这两点直接导致的就是界面的布局和交互会发生相应的变化。

取消了Home键的 iPhone X,交互方式都有哪些变化?

△ 图 / Apple

接下来我们来看看在 iPhone X 上都有哪些交互变化。

注:下文中的「iPhone 7」指搭载 iOS 10 的 iPhone 7,「iPhone X」指搭载 iOS 11 的 iPhone X。

Home 键

  • iPhone 7:为实体 Home 键。
  • iPhone X:官方称呼为 Home Indicator,形状为一根横线,在主屏幕时是自动隐藏的。在使用软件时,例如观看视频,如果手指长时间不触碰屏幕也会自动隐藏。

取消了Home键的 iPhone X,交互方式都有哪些变化?

△ 屏幕底部的横线(Home Indicator)

主屏幕

  • iPhone 7:按下 Home 键。
  • iPhone X:从底部向上轻扫一下,即可返回主屏幕。

取消了Home键的 iPhone X,交互方式都有哪些变化?

多任务

  • iPhone 7:双击 Home 键; iOS 10 中可以在屏幕边缘使用 3D Touch 按压进入多任务列表。
  • iPhone X:从底部向上轻扫并停顿一下,就能激活多任务界面。

快速切换回上一个应用

  • iPhone 7:重按(3D Touch)屏幕左边缘,然后向右滑动,就能切换回上一个应用。
  • iPhone X:有两种方式:从屏幕底部向上轻扫并停顿一下,然后向右滑动,就能切换回上一个应用。

取消了Home键的 iPhone X,交互方式都有哪些变化?

△ 图 / iMore

或者直接在屏幕底部的小横线(Home Indicator)上左右滑动,也能快速切换应用。

取消了Home键的 iPhone X,交互方式都有哪些变化?

△ 图 / Apple

解锁屏幕

  • iPhone 7:抬起手机点亮屏幕,按下 Home 键并同时完成 Touch ID 解锁,识别后自动进入主屏幕。
  • iPhone X:抬起手机点亮屏幕(或用手指点一下屏幕来点亮),使用 Face ID 解锁,识别后会停留在解锁完成的界面,需要从底部向上轻扫才能进入主屏幕 。

取消了Home键的 iPhone X,交互方式都有哪些变化?

△ 图 / The Verge

辅助功能快捷键

  • iPhone 7:在「设置 – 通用 – 辅助功能 – 辅助功能快捷键」中选择需要使用的功能后(比如 VoiceOver),按三下 Home 键即可快速激活。
  • iPhone X:设置过程类似,激活方式改为连按三下侧边按钮。

SOS 紧急联络

  • iPhone 7:iOS 10 中无 SOS 紧急联络功能;iOS 11 在「设置 – SOS 紧急联络」中打开,激活方式为连按五次电源键。
  • iPhone X:设置过程类似,长按侧边按钮和音量上键来激活。

呼出 Siri

  • iPhone 7:长按 Home 键呼出 Siri ,或者对 iPhone 说「嘿,Siri」。
  • iPhone X:长按侧边按钮(原「电源键」,后改名为「侧边按钮」),就能呼出 Siri。

取消了Home键的 iPhone X,交互方式都有哪些变化?

Apple Pay

  • iPhone 7:锁屏状态下双击 Home 键呼出 Wallet。
  • iPhone X:连按两下侧边按钮,即可使用 Apple Pay。

取消了Home键的 iPhone X,交互方式都有哪些变化?

控制中心

  • iPhone 7:由屏幕底部向上滑动呼出控制中心。
  • iPhone X:从屏幕右上角向下轻扫。

取消了Home键的 iPhone X,交互方式都有哪些变化?

通知中心

  • iPhone 7:由屏幕顶部向下滑动呼出通知中心。
  • iPhone X:从屏幕左上角或者中间向下轻扫即可(暂不清楚中间区域是否和控制中心对半分),关闭时向上轻扫。

取消了Home键的 iPhone X,交互方式都有哪些变化?

(图 / The Verge)

屏幕截图

  • iPhone 7: Home 键和电源键同时按下,即可截图。
  • iPhone X:因为 iPhone X 没有实体 Home 键,所以改成同时按下侧边按钮和音量上键。

关机

  • iPhone 7:长按电源键后,滑动关机滑块;在「设置 – 通用」里滑到底部,有个「关机」按钮;按 5 下侧边按钮激活 SOS 紧急联络模式后,顶部有个关机滑块。
  • iPhone X:在「设置 – 通用」里滑到底部,有个「关机」按钮;长按侧边按钮和音量上键激活 SOS 紧急联络模式后,顶部有个关机滑块。

取消了Home键的 iPhone X,交互方式都有哪些变化?

△ iOS 11

「最全面的iPhone X 设计资源」

原文地址:sspai.com

【优设网 原创文章 投稿邮箱:[email protected]

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK