@__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