文章目录[隐藏]
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 设计资源」
【优设网 原创文章 投稿邮箱:yuan@uisdc.com】
================明星栏目推荐================
优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。
设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com