iOS 11 最全面的設計通訊

5 評論 9832 瀏覽 51 收藏 9 分鐘

iOS?11 還處在測試階段,各種 Bug 和不穩定阻礙了大家的體驗,餓了么UED的同學們也僅有幾臺測試機在體驗中。為了讓大家都能了解到 iOS 11 在設計領域帶來的變化,我們進行深度體驗并參閱媒體評測,以匯總評論的方式給大家帶來這篇文章,如有遺漏或錯誤還請指正。

交互和功能

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

重新設計的控制中心

控制中心由原來的三頁改成一頁,并采用了模塊化的設計;3D Touch 在這里有了更多的用武之地,其中大滑塊的操作交互值得學習;

新增錄屏功能

終于等來了 iOS 設備上的錄屏功能,看到靈感時可以立馬錄制,不用再經歷連接電腦使用 QuickTime Player 的繁瑣步驟了;

截屏功能強化

截屏后自動在左下角出現預覽,點擊可以直接進行圖片標注,也可左滑關閉,又是一個設計師和產品經理的效率提升利器;

相冊可以直接播放 GIF 動畫;

延伸閱讀:

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

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

視覺

風格更統一的矩形視覺元素色塊;

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

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

字體上,利用不同字重來提高可讀性,很多地方的重點文字內容得到加粗(如桌面 App 名稱、設置選項等);

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

延伸閱讀

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

App Store

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

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

搜索部分,主要強化了搜索關鍵字的能力(現在能搜索更多的字段),強化了屏幕截圖和預覽視頻的能力,優化了文案顯示的策略;

更有人情味的應用推薦:在 Today 欄中你可以看到紀念碑谷為什么如此吸引人,以及對他們制作團隊的采訪等內容;Apple 將以更加媒體化的方式來對 Apps 進行更具個性化的推薦;

延伸閱讀

iOS 11 的 App Store 大變樣,對我們有什么影響?

Podcasts 播客

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

Notes 備忘錄

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

延伸閱讀

更強備忘錄 可以掃描文件了地址

Photos 相冊

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

相關閱讀

Apple Design Videos ?

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

Apple UI Design Resources

已經更新 iOS 11 的界面源文件,可以看看具體的字形字號間距陰影等參數(Sketch、Photoshop);

2017 Apple Design Awards

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

本文參考鏈接

Apple iOS 11 Preview

你可能還不知道的 iOS 11 新變化,第一彈

WWDC 沒提到的 20 個實用功能

iOS 11 初體驗

更強備忘錄 可以掃描文件了

iOS 11 的 App Store 大變樣,對我們有什么影響?

iOS 11 為 iPad 帶來了什么新功能??

The 6 best new features in iOS 11

What’s new in iOS 11? Hands-on with 100+ features and changes

Apple Design Videos

Apple UI Design Resources

2017 Apple Design Awards

 

作者:梓非徐,餓了么UED資深交互設計師

本本文來源于人人都是產品經理合作媒體@餓了么UED,作者@梓非徐

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 謝謝

    來自廣東 回復
  2. 受教了啊,更新的速度真快

    來自廣東 回復
  3. 受教了

    來自北京 回復
  4. 不錯,餓了么ued越來越棒le

    回復