iOS 11 最全面的設計通訊
iOS?11 還處在測試階段,各種 Bug 和不穩定阻礙了大家的體驗,餓了么UED的同學們也僅有幾臺測試機在體驗中。為了讓大家都能了解到 iOS 11 在設計領域帶來的變化,我們進行深度體驗并參閱媒體評測,以匯總評論的方式給大家帶來這篇文章,如有遺漏或錯誤還請指正。
交互和功能
iOS 11 添加了大量實用的功能,也對之前的一些交互進行了變更,這里挑選對設計師來說最有必要了解的幾條內容。
重新設計的控制中心
控制中心由原來的三頁改成一頁,并采用了模塊化的設計;3D Touch 在這里有了更多的用武之地,其中大滑塊的操作交互值得學習;
新增錄屏功能
終于等來了 iOS 設備上的錄屏功能,看到靈感時可以立馬錄制,不用再經歷連接電腦使用 QuickTime Player 的繁瑣步驟了;
截屏功能強化
截屏后自動在左下角出現預覽,點擊可以直接進行圖片標注,也可左滑關閉,又是一個設計師和產品經理的效率提升利器;
相冊可以直接播放 GIF 動畫;
延伸閱讀:
視覺
風格更統一的矩形視覺元素色塊;
去掉大量的分割線(圓形或直線),使用背景色塊區隔;如解鎖界面、計算器界面,大部分系統 icon 也由線框變成實心;
全新的 Navigation Bar:超大的字重標題、去掉分割線、大面積陰影、留白等;
字體上,利用不同字重來提高可讀性,很多地方的重點文字內容得到加粗(如桌面 App 名稱、設置選項等);
Apple 自家應用的視覺風格統一化:以 Apple Music 的改版為先,以 App Store 的改版為代表,新一代的視覺語言也越來越完善,可以期待近期版本迭代的優化和最終 Guidelines 的發布;
延伸閱讀
App Store
資訊架構優化:主要體現在 Apps 和 Games 的分離,排行榜的弱化,新增的 Today 欄目提供了更多的媒體和編輯推薦屬性等;
產品界面的變化:主要提現在視覺部分的重心更突出(更大的 Icon、更多的演示視頻、更少的文字描述),文字的使用需更加精煉和搭配(標題+副標題+描述+推廣文案+更新說明),使用者評價的重要性提高等;
搜索部分,主要強化了搜索關鍵字的能力(現在能搜索更多的字段),強化了屏幕截圖和預覽視頻的能力,優化了文案顯示的策略;
更有人情味的應用推薦:在 Today 欄中你可以看到紀念碑谷為什么如此吸引人,以及對他們制作團隊的采訪等內容;Apple 將以更加媒體化的方式來對 Apps 進行更具個性化的推薦;
延伸閱讀
Podcasts 播客
重新設計的播客應用已經使用了統一的視覺語言和交互;
Notes 備忘錄
新版備忘錄功能越來越強大了,新增掃描文檔、置頂單條筆記、筆記中插入表格、插入涂鴉、協同編輯、鎖定等;
延伸閱讀
Photos 相冊
Live Photo 支持制作循環、來回播放的視頻,支持生成長曝光圖片,自定義封面等;相冊中可以播放 GIF 圖片;照片濾鏡選擇從九宮格變成了橫向選擇;
相關閱讀
涵蓋本次 WWDC 上有關設計的視頻內容,包括設計技巧、設計溝通、設計方法論和設計原則等;
已經更新 iOS 11 的界面源文件,可以看看具體的字形字號間距陰影等參數(Sketch、Photoshop);
發布會結束后即發布了本年度的設計大獎,一共包含 12 款游戲和應用,建議大家都試玩一下;
本文參考鏈接
iOS 11 的 App Store 大變樣,對我們有什么影響?
The 6 best new features in iOS 11
What’s new in iOS 11? Hands-on with 100+ features and changes
作者:梓非徐,餓了么UED資深交互設計師
本本文來源于人人都是產品經理合作媒體@餓了么UED,作者@梓非徐
謝謝
受教了啊,更新的速度真快
受教了
不錯,餓了么ued越來越棒le