iOS?11 還處在測(cè)試階段，各種 Bug 和不穩(wěn)定阻礙了大家的體驗(yàn)，餓了么UED的同學(xué)們也僅有幾臺(tái)測(cè)試機(jī)在體驗(yàn)中。為了讓大家都能了解到 iOS 11 在設(shè)計(jì)領(lǐng)域帶來(lái)的變化，我們進(jìn)行深度體驗(yàn)并參閱媒體評(píng)測(cè)，以匯總評(píng)論的方式給大家?guī)?lái)這篇文章，如有遺漏或錯(cuò)誤還請(qǐng)指正。

交互和功能

iOS 11 添加了大量實(shí)用的功能，也對(duì)之前的一些交互進(jìn)行了變更，這里挑選對(duì)設(shè)計(jì)師來(lái)說(shuō)最有必要了解的幾條內(nèi)容。

重新設(shè)計(jì)的控制中心

控制中心由原來(lái)的三頁(yè)改成一頁(yè)，并采用了模塊化的設(shè)計(jì)；3D Touch 在這里有了更多的用武之地，其中大滑塊的操作交互值得學(xué)習(xí)；

新增錄屏功能

終于等來(lái)了 iOS 設(shè)備上的錄屏功能，看到靈感時(shí)可以立馬錄制，不用再經(jīng)歷連接電腦使用 QuickTime Player 的繁瑣步驟了；

截屏功能強(qiáng)化

截屏后自動(dòng)在左下角出現(xiàn)預(yù)覽，點(diǎn)擊可以直接進(jìn)行圖片標(biāo)注，也可左滑關(guān)閉，又是一個(gè)設(shè)計(jì)師和產(chǎn)品經(jīng)理的效率提升利器；

相冊(cè)可以直接播放 GIF 動(dòng)畫；

延伸閱讀：

你可能還不知道的 iOS 11 新變化

Hands-on with 100+ features and changes [Video]

視覺(jué)

風(fēng)格更統(tǒng)一的矩形視覺(jué)元素色塊；

去掉大量的分割線（圓形或直線），使用背景色塊區(qū)隔；如解鎖界面、計(jì)算器界面，大部分系統(tǒng) icon 也由線框變成實(shí)心；

全新的 Navigation Bar：超大的字重標(biāo)題、去掉分割線、大面積陰影、留白等；

字體上，利用不同字重來(lái)提高可讀性，很多地方的重點(diǎn)文字內(nèi)容得到加粗（如桌面 App 名稱、設(shè)置選項(xiàng)等）；

Apple 自家應(yīng)用的視覺(jué)風(fēng)格統(tǒng)一化：以 Apple Music 的改版為先，以 App Store 的改版為代表，新一代的視覺(jué)語(yǔ)言也越來(lái)越完善，可以期待近期版本迭代的優(yōu)化和最終 Guidelines 的發(fā)布；

延伸閱讀

iOS 10 vs 11：完整 UI 比較分析

App Store

資訊架構(gòu)優(yōu)化：主要體現(xiàn)在 Apps 和 Games 的分離，排行榜的弱化，新增的 Today 欄目提供了更多的媒體和編輯推薦屬性等；

產(chǎn)品界面的變化：主要提現(xiàn)在視覺(jué)部分的重心更突出（更大的 Icon、更多的演示視頻、更少的文字描述），文字的使用需更加精煉和搭配（標(biāo)題+副標(biāo)題+描述+推廣文案+更新說(shuō)明），使用者評(píng)價(jià)的重要性提高等；

搜索部分，主要強(qiáng)化了搜索關(guān)鍵字的能力（現(xiàn)在能搜索更多的字段），強(qiáng)化了屏幕截圖和預(yù)覽視頻的能力，優(yōu)化了文案顯示的策略；

更有人情味的應(yīng)用推薦：在 Today 欄中你可以看到紀(jì)念碑谷為什么如此吸引人，以及對(duì)他們制作團(tuán)隊(duì)的采訪等內(nèi)容；Apple 將以更加媒體化的方式來(lái)對(duì) Apps 進(jìn)行更具個(gè)性化的推薦；

延伸閱讀

iOS 11 的 App Store 大變樣，對(duì)我們有什么影響？

Podcasts 播客

重新設(shè)計(jì)的播客應(yīng)用已經(jīng)使用了統(tǒng)一的視覺(jué)語(yǔ)言和交互；

Notes 備忘錄

新版?zhèn)渫浌δ茉絹?lái)越強(qiáng)大了，新增掃描文檔、置頂單條筆記、筆記中插入表格、插入涂鴉、協(xié)同編輯、鎖定等；

延伸閱讀

更強(qiáng)備忘錄 可以掃描文件了地址

Photos 相冊(cè)

Live Photo 支持制作循環(huán)、來(lái)回播放的視頻，支持生成長(zhǎng)曝光圖片，自定義封面等；相冊(cè)中可以播放 GIF 圖片；照片濾鏡選擇從九宮格變成了橫向選擇；

相關(guān)閱讀