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

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

△ 图 / Apple

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

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

Home 键

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

△ 屏幕底部的横线（Home Indicator）

主屏幕

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

多任务

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

快速切换回上一个应用

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

△ 图 / iMore

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

△ 图 / Apple

解锁屏幕

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

△ 图 / 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。

Apple Pay

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

控制中心

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

通知中心

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

（图 / The Verge）

屏幕截图

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

关机

• iPhone 7：长按电源键后，滑动关机滑块；在「设置 - 通用」里滑到底部，有个「关机」按钮；按 5 下侧边按钮激活 SOS 紧急联络模式后，顶部有个关机滑块。

• iPhone X：在「设置 - 通用」里滑到底部，有个「关机」按钮；长按侧边按钮和音量上键激活 SOS 紧急联络模式后，顶部有个关机滑块。

△ iOS 11

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

1. 《最新版iOS 11设计规范发布了，来下载官方源文件！》
2. 《优设首发！iPhone X 官方人机交互指南中文版》
3. 《优设首发！800M高质量的iPhone X+8展示模板免费打包下载》

原文地址：sspai.com

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

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

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

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