iOS?11 還處在測試階段,各種 Bug 和不穩(wěn)定阻礙了大家的體驗,餓了么UED的同學(xué)們也僅有幾臺測試機在體驗中。為了讓大家都能了解到 iOS 11 在設(shè)計領(lǐng)域帶來的變化,我們進(jìn)行深度體驗并參閱媒體評測,以匯總評論的方式給大家?guī)磉@篇文章,如有遺漏或錯誤還請指正。
交互和功能
iOS 11 添加了大量實用的功能,也對之前的一些交互進(jìn)行了變更,這里挑選對設(shè)計師來說最有必要了解的幾條內(nèi)容。
重新設(shè)計的控制中心
控制中心由原來的三頁改成一頁,并采用了模塊化的設(shè)計;3D Touch 在這里有了更多的用武之地,其中大滑塊的操作交互值得學(xué)習(xí);
新增錄屏功能
終于等來了 iOS 設(shè)備上的錄屏功能,看到靈感時可以立馬錄制,不用再經(jīng)歷連接電腦使用 QuickTime Player 的繁瑣步驟了;
截屏功能強化
截屏后自動在左下角出現(xiàn)預(yù)覽,點擊可以直接進(jìn)行圖片標(biāo)注,也可左滑關(guān)閉,又是一個設(shè)計師和產(chǎn)品經(jīng)理的效率提升利器;
相冊可以直接播放 GIF 動畫;
延伸閱讀:
你可能還不知道的 iOS 11 新變化
Hands-on with 100+ features and changes [Video]
視覺
風(fēng)格更統(tǒng)一的矩形視覺元素色塊;
去掉大量的分割線(圓形或直線),使用背景色塊區(qū)隔;如解鎖界面、計算器界面,大部分系統(tǒng) icon 也由線框變成實心;
全新的 Navigation Bar:超大的字重標(biāo)題、去掉分割線、大面積陰影、留白等;
字體上,利用不同字重來提高可讀性,很多地方的重點文字內(nèi)容得到加粗(如桌面 App 名稱、設(shè)置選項等);
Apple 自家應(yīng)用的視覺風(fēng)格統(tǒng)一化:以 Apple Music 的改版為先,以 App Store 的改版為代表,新一代的視覺語言也越來越完善,可以期待近期版本迭代的優(yōu)化和最終 Guidelines 的發(fā)布;
延伸閱讀
iOS 10 vs 11:完整 UI 比較分析
App Store
資訊架構(gòu)優(yōu)化:主要體現(xiàn)在 Apps 和 Games 的分離,排行榜的弱化,新增的 Today 欄目提供了更多的媒體和編輯推薦屬性等;
產(chǎn)品界面的變化:主要提現(xiàn)在視覺部分的重心更突出(更大的 Icon、更多的演示視頻、更少的文字描述),文字的使用需更加精煉和搭配(標(biāo)題+副標(biāo)題+描述+推廣文案+更新說明),使用者評價的重要性提高等;
搜索部分,主要強化了搜索關(guān)鍵字的能力(現(xiàn)在能搜索更多的字段),強化了屏幕截圖和預(yù)覽視頻的能力,優(yōu)化了文案顯示的策略;
更有人情味的應(yīng)用推薦:在 Today 欄中你可以看到紀(jì)念碑谷為什么如此吸引人,以及對他們制作團(tuán)隊的采訪等內(nèi)容;Apple 將以更加媒體化的方式來對 Apps 進(jìn)行更具個性化的推薦;
延伸閱讀
iOS 11 的 App Store 大變樣,對我們有什么影響?
Podcasts 播客
重新設(shè)計的播客應(yīng)用已經(jīng)使用了統(tǒng)一的視覺語言和交互;
Notes 備忘錄
新版?zhèn)渫浌δ茉絹碓綇姶罅?,新增掃描文檔、置頂單條筆記、筆記中插入表格、插入涂鴉、協(xié)同編輯、鎖定等;
延伸閱讀
更強備忘錄 可以掃描文件了地址
Photos 相冊
Live Photo 支持制作循環(huán)、來回播放的視頻,支持生成長曝光圖片,自定義封面等;相冊中可以播放 GIF 圖片;照片濾鏡選擇從九宮格變成了橫向選擇;
相關(guān)閱讀
Apple Design Videos ?
涵蓋本次 WWDC 上有關(guān)設(shè)計的視頻內(nèi)容,包括設(shè)計技巧、設(shè)計溝通、設(shè)計方法論和設(shè)計原則等;
Apple UI Design Resources
已經(jīng)更新 iOS 11 的界面源文件,可以看看具體的字形字號間距陰影等參數(shù)(Sketch、Photoshop);
2017 Apple Design Awards
發(fā)布會結(jié)束后即發(fā)布了本年度的設(shè)計大獎,一共包含 12 款游戲和應(yīng)用,建議大家都試玩一下;
本文參考鏈接
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資深交互設(shè)計師
文章作者系 @梓非徐
愛盈利(aiyingli.com)移動互聯(lián)網(wǎng)最具影響力的盈利指導(dǎo)網(wǎng)站。定位于服務(wù)移動互聯(lián)網(wǎng)創(chuàng)業(yè)者,移動盈利指導(dǎo)。我們的目標(biāo)是讓盈利目標(biāo)清晰可見!降低門檻,讓缺乏經(jīng)驗、資金有限的個人和團(tuán)隊獲得經(jīng)驗和機會,提高熱情,激發(fā)產(chǎn)品。