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

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

文章目录[隐藏]

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

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:从底部向上轻扫并停顿一下,就能激活多任务界面。

取消了Home键的 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 设计资源」

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

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

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

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

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

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

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/34252/

(0)
震天下震天下
上一篇 2017-09-16 14:05
下一篇 2017-09-18

相关推荐

  • 【汇总】2015年阿里巴巴交互设计师笔试题目

    经验分享之交互设计面试 从网上各种渠道扒下来有关2015年阿里巴巴交互设计师的笔试题目 按照各方面的信息初步确定一共是四题,基本上都是要码字 要交作品,要交简历(应该是第一题的公共问题) ps:出题应该是一套…

    交互设计 2015-08-19
  • 交互设计文档怎么写? | 设计基础05

    摘要交互设计师的工作虽不只是画交互稿子,但是好的交互稿不仅能够完美阐释产品内容和设计师的设计思路,还能够在项目各方协调工作中起到重要作用。保证完整的呈现产品需求和设计思路的交互稿,能够让各方工作人员…

    2017-08-04
  • 当戒指也走向智能化

    小编导语:这是这是一个不错的创新产品设计,特意推荐给大家看看哦。 这款叫做 Smarty Ring 的智能戒指使用了防过敏不锈钢材质,宽 13mm,厚度为 4mm,黑色给人一种酷炫高冷的感觉。 它不仅可以当手表使用,而且它…

    2015-04-11
  • 职场趣事 | 70、80、90后同坐一个办公室,竟然是这样

    随着90后渐入职场,70后、80后、90后同坐一个办公室也越来越普遍。70后们有的正在向事业巅峰冲刺,有的甚至开始规划退休的生活;80后一边感慨青春已逝,一边拼命工作养家糊口;90后此时已经带着独有的个性和不被70、80后理解的文化杀入职场。都说三岁就会有代沟,更何况十岁?小编带你看看这三代人在生活方式、聊天话题等方面都有哪些区别↓↓↓大家对号入座看看,有没有戳中内心?(来源:中国新闻网)部落窝教育推出的原创Word、Excel、PPT...

    2018-03-13
  • 实战分享:核桃App界面设计及视觉规范

    因为最近做公司项目的设计规范,所以决定把设核桃的计规范也整理一份。但由于是概念稿,所以规范做的不算全面;而且每个产品也有各自的规范思路和维度,没有绝对的定性方法。这里只是提供一个大体方向,疏漏之处,希望给予批评指正。

    2017-05-13
  • 用户体验设计 - 快问快答

    首先感谢大家关注我。上篇文章收到了很多小伙伴的反馈,很多人说想多看我更新与用户体验有关的文章,也有反应说有文章长度过长。所以这篇文章我用了快问快答的形式,回答了几个新手用户体验设计师比较关心的问题。因为我自己也是转行做UX,所以希望我走过的弯路大家可以绕过去一些。欢迎大家把我的文章发给其他小伙伴,一起共同进步。也欢迎大家给我意见与建议,你们的观点对我真的很重要!(这次文末有彩蛋)1.什么是用户体验(UX)?这是一个很大的问题,就像你问我...

    微信热点 2018-02-02
  • 线上讲座 | 送你一份全新的交互设计指南ヾ(゚∀゚ゞ)

    ▲ 向左滑动查看更多导师作品摘要:上期Designer Talk 我们邀请到的UI设计师Coraline,以“对现代科技发起交互”为媒介,来传达她所创作的艺术呈现,不知道同学们有没有通过对非现场性艺术分享,使思想脱离理性范畴,继而进行创作性的探索与尝试。本期Designer Talk我们将借助符号性的语言,将碎片化的艺术凝结在一起,打破虚无与现实桎梏,为您呈现全新的交互设计。关键词:交互设计 / 当下全新的非完美呈现分享导师Jason本...

    2018-04-19
  • 超实用的响应式排版快速指南

    译者语:无论是对于印刷、网站或是电视广告来说,排版都是我们用来沟通信息的主要方式。排版之重要性我想已无须赘述。然而,“理解”和“实践”还是相差十万 八千里的,特别是在网页设计中,“一个字号走天下”的想法可以歇歇了。我们或许都听说过响应式网站,但我想你们中可能很少有人知道什么是响应式排版吧。

    2017-06-02
  • 从音乐属性改进用户体验,QQ音乐和虾米音乐如何再优化?

    本文将抛开市场占有率,将腾讯的QQ音乐与阿里的虾米音乐作对比,从音乐的本身属性和对人心理的影响出发,分析用户需求,对产品提出用户体验方面的优化建议。

    2017-05-18
  • iOS和Android设计理念的演变

    IOS和Android是移动操作系统中最大的两个阵营。毫无疑问,这两个系统可以说是手机行业里的一个奇迹,并且也在逐渐变得完善。

    2017-06-05