距Apple 發布會還有2周時間，想想都好緊張呢。
需要關注的，除了傳說中令人垂涎的"iPhone 8"，還有即將推出的新系統 - iOS 11。
每次 iOS系統大更新，不但增加了新功能，而且改進了交互和用戶界面。對于新的界面設計，有人愛，有人恨。更有甚者，曾經在 iOS 7發布的時候，說接受不了扁平化風格，守著iOS 6擬物化設計的塵埃。
我們應當擁抱變化，接受新事物，跟隨設計大方向（抱大腿）。
- 卡片式設計
這個嘛，今年依然是重點。
在Microsoft的Modern UI，Google的Material Design設計語言中，卡片式設計已經不是新鮮事。視覺效果嘛，前者是五顏六色的藝術派，后者是注重色彩搭配的理性派。后者更引入了 Z軸的概念，將三維空間投射到二維平面，使用不同程度的陰影，表現卡片內容的不同層級。而蘋果也使用著卡片式設計，今年向卡片風格更邁進了一步，不過是扁平的卡片，大大的圓角，沒有陰影，所有內容理論上處在同一平面。
新系統鎖屏頁面有個關于隱私的細節改善，值得點贊一下。
iOS 11 鎖屏界面默認將推送通知隱藏，需要向上滑才可看到推送消息，而不會像iOS 10及以前，隨手點亮下屏幕，隱私聊天和機密信息不小心就被別人看到了。（再也不用擔心別人問幾點了~）
推送消息卡片設計從之前的標題行（圖標，應用名，推送時間）與消息間采用層次分明，到現在的同一層級。用戶并不在乎是誰推送的消息，只關心該消息內容，因此新卡片設計將不相關的的信息進行了弱化。
這次蘋果大刀闊斧的，將iOS 7以來的扁平iTunes Music/Apple Music設計，改為了卡片風格。新的設計在音樂播放的時候，允許推送消息顯示在播放器底部，此前需要從頂部下拉通知中心查看。
同樣大改版的，還有App Store
- 導航欄設計（Navigation Bar）【更高，更大，更粗】
更高：新的設計在原有高度上增加了52pt的高度，用于放置頁面標題。
更大、更粗：頁面標題使用更大號，更粗的字體。
此前，導航欄高度為44pt, 頁面標題一直置于導航欄的中心，多個原生應用，在新的設計中已經將Title移到左側，處于原有導航欄的下方。
- 消失的表格視圖（TableView）分割線
在Apple自帶的新聞應用中，不再使用分割線對表格視圖的Cell間進行劃分。在新版的微信讀書應用中，也能看到同樣的設計，取消分割線，既使得相關聯的內容不被打斷，完整，也使得不同表格視圖區域（Section）之間界限清晰，整體結構清晰，界面干凈整潔。
- 可手勢下滑折疊的頁面
在Apple Music應用中，選擇音樂進行播放時，會彈出新的界面進行播放，用戶可使用下滑手勢，縮小該頁面，并停留在底部。
1.該設計允許用戶進行其他頁面的瀏覽，而不中斷操作，還可通過點擊底部的縮小版視圖，放大并返回完整頁面。在知名應用Overcast中也采用相同的設計。
2.當該頁面處于折疊狀態時，沒有遮擋住Tabbar，此時可點擊barItem直接返回主頁面，而不需要一層一層返回到父級頁面。
該設計可用于音樂播放器、新聞應用，任何可能有較多層級頁面的應用，如在微信閱讀文章時，有新消息過來，折疊該頁面，選擇聊天框進行消息回復，點擊折疊區域，返回文章閱讀。現版微信有實現類似功能，叫文章置頂，不過入口太深，該功能的使用率可想而知。。。
具體對比見下圖
- 細節方面
字體：設計時，蘋果建議字號<20的英文，使用SF Text字體，否則使用SF Display字體，而開發者無需在意，系統會自動根據字號選擇。（中文蘋方字體僅有一種）
文末福利：
附上iOS 11 UI設計的Sketch模板，包含Symbol、San Francisco Pro字體。大家可以上手體驗，開始準備改版吧。
https://www.sketchappsources.com/resources/source-file/apple-ios-11-ui-design.zip
