iOS 11 vs 10: UI和交互全面對比分析

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

主屏幕

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

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

圖標(biāo)icon

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

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

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

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

App Store

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

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

通知中心

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

解鎖界面

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

=====================================================

除了iPhone之外，iOS11 本次在iPad上的表示可謂是非常驚艷，特別是交互方面讓iPad煥然一新。

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

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

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

App Switcher

標(biāo)簽：九江 烏魯木齊 東營 林芝 鹽城