與iOS 10相比，iOS 11在UI和交互上有什么特別的改變呢？通過文章一起來了解下。

蘋果早在6月份的WWDC全球開發(fā)者大會(huì)中介紹了iOS 11系統(tǒng)，9月我們終于收到了正式版的更新推送。經(jīng)歷了11代的大版本更迭的iOS依舊保持著活力與進(jìn)步。跟手上用了一年的iOS 10相比，iOS 11在UI和交互上有什么特別的改變呢？下面讓我們一起來看看。(左邊iOS 10，右邊為iOS 11）

主屏幕

左上角的導(dǎo)航有了明顯的改變，從小圓點(diǎn)變?yōu)榱私?jīng)典的信號(hào)格模式，底部的Dock也去掉了APP的名稱，應(yīng)用名稱字體加粗，相對(duì)更清晰易閱讀。

控制中心的調(diào)整是iOS 11的最大亮點(diǎn)之一，用戶可以自定義常用的功能塊，并且可以通過3D Touch來調(diào)整亮度和音量，控制條也從橫向變?yōu)樨Q向柱狀，節(jié)約了控制中心的面積，布局更為合理，讓人耳目一新。

圖標(biāo)icon

有十個(gè)左右有較大改動(dòng)的圖標(biāo)分別是：地圖、應(yīng)用商店、時(shí)鐘、相機(jī)、設(shè)置、通訊錄、提醒事項(xiàng)、音樂、通訊錄、備忘錄和計(jì)算器等。其中地圖、時(shí)鐘、相機(jī)和通訊錄的改動(dòng)都是比較人性化和正常的，還有一些圖標(biāo)的改動(dòng)相對(duì)較大。

經(jīng)典的App Store圖標(biāo)發(fā)生了重要的變化，原本的筆和尺子表達(dá)的是“工具”的本質(zhì)，如今新的icon變?yōu)榱巳鶊A棍，三角代表穩(wěn)定的結(jié)構(gòu)，更多可能是強(qiáng)調(diào)App Store、開發(fā)者和用戶之間的關(guān)系。

而計(jì)算器圖標(biāo)的改變更為徹底，從扁平風(fēng)格變得圓潤(rùn)，以實(shí)心圓為主，更多是讓人推斷是在向初代iPhone OS致敬。

還有其他的一些圖標(biāo)也進(jìn)行了對(duì)應(yīng)的改變，整體來說都是進(jìn)行簡(jiǎn)潔化或者對(duì)比度加深，更加符合iOS 11的整體風(fēng)格基調(diào)。

App Store

App Store的新設(shè)計(jì)突出了卡片式的排列方式，配以投影的大面積使用，提升了頁面層次和對(duì)比。這樣大膽的排版加強(qiáng)了App Store的設(shè)計(jì)感和藝術(shù)感，突出了層次和導(dǎo)航。

簡(jiǎn)單來說App Store將應(yīng)用整個(gè)的風(fēng)格都進(jìn)行細(xì)致的歸類，在歸納好一個(gè)主題之后在針對(duì)于用戶各自的使用風(fēng)格去進(jìn)行推薦，這背后蘊(yùn)含的是蘋果對(duì)于整個(gè)用戶群體大數(shù)據(jù)的歸納整理，之后再定向推送相對(duì)應(yīng)的內(nèi)容，實(shí)在是一個(gè)非常不錯(cuò)的改變。

通知中心

在新版的通知中，當(dāng)我們從頂欄下滑后，背景不再使用玻璃虛化，跟鎖屏界面一樣，在上方保留時(shí)間和日期的信息；豎屏的情況下，時(shí)間和日期會(huì)呈現(xiàn)在界面左側(cè)，右側(cè)則放置通知信息，設(shè)計(jì)風(fēng)格與控制中心統(tǒng)一模塊化設(shè)計(jì)風(fēng)格，跟iOS 10相比更為簡(jiǎn)練和大方，更加符合使用習(xí)慣，空間利用也更為合理。

解鎖界面

iOS 11中的鎖屏界面的數(shù)字鍵變成實(shí)心，這樣的設(shè)計(jì)提高了界面的可讀性，減少細(xì)框和細(xì)線對(duì)閱讀的干擾和影響。

除了iPhone之外，iOS 11本次在iPad上的表現(xiàn)可謂是非常驚艷，特別是交互方面讓iPad煥然一新。

iOS 11 for iPad 最大的變化是更新了一款全新的 Dock，類似于 macOS 上 Dock 的體驗(yàn)。首先，這個(gè) Dock上最多可以擺放的15個(gè)應(yīng)用，并且在 Dock 右邊的分區(qū)會(huì)顯示最近使用的 3 個(gè)應(yīng)用，而正在 Handoff 中的應(yīng)用會(huì)出現(xiàn)在 Dock 的最右邊，Handoff 的應(yīng)用會(huì)占用顯示最近使用的 3 個(gè)應(yīng)用的一個(gè)名額。

全新的Dock采用了底部上劃呼出的交互方式，替代了之前的控制中心，更加值得一提的是，在已經(jīng)打開一個(gè)應(yīng)用的情況下，我們從屏幕底部呼出Dock并打開一個(gè)應(yīng)用，將其拖到界面上后，這個(gè)應(yīng)用就會(huì)在界面右側(cè)以懸浮窗口的形式呈現(xiàn)。

全新的Dock與懸浮窗口結(jié)合的模式解決了iOS 10中分屏狀態(tài)下只能通過上劃滑動(dòng)應(yīng)用列表翻找應(yīng)用的情況。跟iOS 10中的Slide Over最大的差別在于，Slide Over打開的應(yīng)用是無法操作的，而現(xiàn)在你可以在操作懸浮窗口的同時(shí)對(duì)主應(yīng)用進(jìn)行交互和操作，極大地提高了使用體驗(yàn)。

App Switcher

新版任務(wù)切換中心對(duì)筆者最大的感受，莫過于終于可以不再用力雙擊Home鍵呼出了，在上劃呼出Dock后繼續(xù)從屏幕下方滑就可以打開App Switcher。整個(gè)過程非常絲滑順暢，不僅減輕了突然切換到物理操作的不適感，也增強(qiáng)了系統(tǒng)整體的使用沉浸感。想要回到主屏的話也不用點(diǎn)擊Home鍵，輕點(diǎn)App Switcher的空白區(qū)域即可。

Drap & Drop

文件拖拽這種交互方式終于在iPad得到了實(shí)現(xiàn)，比如在懸浮窗口，你可以在拖出一個(gè)文件后，再分別點(diǎn)擊需要拖拽的其他文件，從而會(huì)形成一個(gè)堆棧，接著就可以輕松地批量把文件拖拽到主應(yīng)用了。

二級(jí)菜單

還有一個(gè)值得一提的交互則是iOS 11 for iPad新增的二級(jí)菜單，目前為止iPad還未支持3D Touch，在新的系統(tǒng)里可以通過長(zhǎng)按應(yīng)用或控制中心進(jìn)入二級(jí)菜單實(shí)現(xiàn)類似3D Touch的體驗(yàn)效果。

總的來說，相比iOS 10，iOS 11最直觀的莫過于加粗了整體的線條感，整體無論是字體還是圖標(biāo)效果都得到了加深和加粗，對(duì)比度也更高，代表了一種平靜的進(jìn)化和對(duì)用戶體驗(yàn)的微調(diào)。

iOS 11在iPhone上的更新較為平滑，更加強(qiáng)調(diào)細(xì)節(jié)上的視覺效果和操作體驗(yàn)；而在iPad上的更新可以說是可圈可點(diǎn)，特別是在交互方面大有突破，使得iPad往生產(chǎn)力設(shè)備更近了一步，也讓開發(fā)者擁有更大的自由和平臺(tái)，使得iOS的應(yīng)用生態(tài)更為高效和實(shí)用。

iOS在無論在交互還是UI上都一直保持著創(chuàng)新和動(dòng)力，除此之外我們也應(yīng)該看到蘋果背后的人文精神和用戶體驗(yàn)，我們?cè)诋a(chǎn)品設(shè)計(jì)的過程中，也應(yīng)該讓產(chǎn)品保持沉穩(wěn)的氣質(zhì)，順滑的體驗(yàn)，產(chǎn)品也會(huì)因此變得鮮活而生動(dòng)。

本文由 @thomas 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自PEXELS，基于CC0協(xié)議