iOS 11 最全面的設計通訊??

為了讓大家都能了解到 iOS 11 在設計領域帶來的變化，我們進行體驗並參閱媒體評測，以匯總評論的方式給大家帶來這篇文章，如有遺漏或錯誤還請指正。

交互和功能

iOS 11 添加了大量實用的功能，也對之前的一些交互進行了變更，這裡挑選對設計師來說最有必要了解的幾條內容。

1. 重新設計的控制中心：控制中心由原來的三頁改成一頁，並採用了模塊化的設計；3D Touch 在這裡有了更多的用武之地，其中大滑塊的操作交互值得學習；

2. 新增錄屏功能：終於等來了 iOS 設備上的錄屏功能，看到靈感時可以立馬錄製，不用再經歷連接電腦使用 QuickTime Player 的繁瑣步驟了；

3. 截屏功能強化：截屏後自動在左下角出現預覽，點擊可以直接進行圖片標註，也可左滑關閉，又是一個設計師和產品經理的效率提升利器；

4. 相冊直接播放 GIF 動畫；

延伸閱讀

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

What』s new in iOS 11? Hands-on with 100+ features and changes [Video]

視覺

1. 風格更統一的矩形視覺元素色塊；

2. 去掉大量的分割線（圓形或直線），使用背景色塊區隔；如解鎖界面、計算器界面，大部分系統 icon 也由線框變成實心；

3. 全新的 Navigation Bar：超大的字重標題、去掉分割線、大面積陰影、留白等；

4. 字體上，利用不同字重來提高可讀性，很多地方的重點文字內容得到加粗（如桌面 App 名稱、設置選項等）；

5. Apple 自家應用的視覺風格統一化：以 Apple Music 的改版為先，以 App Store 的改版為代表，新一代的視覺語言也越來越完善，可以期待近期版本迭代的優化和最終 Guidelines 的發布；

延伸閱讀

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

App Store

1. 資訊架構優化：主要體現在 Apps 和 Games 的分離，排行榜的弱化，新增的 Today 欄目提供了更多的媒體和編輯推薦屬性等；

2. 產品界面的變化：主要提現在視覺部分的重心更突出（更大的 Icon、更多的演示視頻、更少的文字描述），文字的使用需更加精鍊和搭配（標題+副標題+描述+推廣文案+更新說明），使用者評價的重要性提高等；

3. 搜索部分：主要強化了搜索關鍵字的能力（現在能搜索更多的欄位），強化了屏幕截圖和預覽視頻的能力，優化了文案顯示的策略；

4. 更有人情味的應用推薦：在 Today 欄中你可以看到紀念碑谷為什麼如此吸引人，以及對他們製作團隊的採訪等內容；Apple 將以更加媒體化的方式來對 Apps 進行更具個性化的推薦；

延伸閱讀

iOS 11 的 App Store 大變樣，對我們有什麼影響？

Podcasts 播客

重新設計的播客應用已經使用了統一的視覺語言和交互；

Notes 備忘錄

新版備忘錄功能越來越強大了，新增掃描文檔、置頂單條筆記、筆記中插入表格、插入塗鴉、協同編輯、鎖定等；

延伸閱讀

iOS 11預覽（三）：更強備忘錄 可以掃描文件了

Photos 相冊

Live Photo 支持製作循環、來回播放的視頻，支持生成長曝光圖片，自定義封面等；相冊中可以播放 GIF 圖片；照片濾鏡選擇從九宮格變成了橫向選擇；

延伸閱讀

Apple Design Videos

涵蓋本次 WWDC 上有關設計的視頻內容，包括設計技巧、設計溝通、設計方法論和設計原則等；

已經更新 iOS 11 的界面源文件，可以看看具體的字形字型大小間距陰影等參數（Sketch、Photoshop）；

發布會結束後即發布了本年度的設計大獎，一共包含 12 款遊戲和應用，建議大家都試玩一下；

參考文獻

• Apple iOS 11 Preview http://t.cn/RSNPh4n
• 你可能還不知道的 iOS 11 新變化，第一彈

• WWDC 沒提到的 20 個實用功能
• iOS 11 初體驗
• 更強備忘錄 可以掃描文件了
• The 6 best new features in iOS
• What』s new in iOS 11? Hands-on with 100+ features and changes
• iOS 11 為 iPad 帶來了什麼新功能？用 16 張動圖讓你看過癮

另外，餓了么 UED 正在尋找各類交互和視覺設計大牛，歡迎自薦或他薦 ??

推薦閱讀：