昨天終于可以更新 iOS 11 啦,之前在發(fā)布會結束后已經(jīng)有了很多對 iOS 11 全面的分析颂跨,作為一個小小的UI設計師敢伸,我僅能盡一下綿薄之力,學(tu)習(cao)一下 iOS 11 在界面上都有些什么改變恒削。
更大
最明顯的對比就是 Nav Bar 高度的增加和標題字號的加大:Nav Bar 以前的高度是 64pt池颈,iOS 11 變?yōu)?116pt尾序,標題的字號由 16pt 變?yōu)?32pt,增加了一倍躯砰;而單行列表上的文字字號有所減小每币。
這樣帶來的直觀感受就是,留白增多琢歇、字體醒目兰怠、對比明顯,瀏覽信息的過程中更加舒適李茫。
App Store 也有了全新的結構和布局揭保,確實比老版好看很多。
iOS 11 版本的界面魄宏,一改簡單的列表式布局秸侣,采用卡片式布局突出放大首推 app,往下再是 app 列表宠互。并且簡化了信息味榛,增加了分類,結構一目了然予跌。
搜索界面能最好地體現(xiàn) iOS 11 界面字體變大的特點搏色,相應的行間距也變大。不僅如此券册,字體也有明顯的加粗频轿。記得 iOS 10 更新的時候,就因字體加粗而備受吐槽汁掠,現(xiàn)在又變粗啦略吨!不過真心覺得標題性質(zhì)的文字加粗可以使層次更加分明。
更粗
以前纖細的字體配上精致的圓框看起來很含蓄高端考阱。而 iOS 11 給我的感覺是為了增大對比翠忠,采用了一些簡單粗暴的方法,數(shù)字的加粗顯得顏色更深乞榨,圓框也是直接改成了有填充色的圓形秽之,背景色為了和數(shù)字按鈕拉開差距,直接填充成白色(#ffffff)吃既。
字體變得更粗考榨,解鎖界面和撥號界面確實是承擔了大多數(shù)的槽點。
另一個意義上的“變粗”鹦倚,就是 Apple Icons 的調(diào)整河质,全部改成了正形圖標,正形圖標相對與負形圖標來說,面積占比大掀鹅,視覺上顯得“更粗”散休。
另外,icon 也都從以前的尖角改成了圓角乐尊,變得更“圓”戚丸。
更圓
是時候拿出這張飽受爭議的計算器界面啦,所有的按鈕都變成了圓形扔嵌。一開始表示好不能接受限府,畢竟小時候經(jīng)常用的計算器按鈕都不是純圓形的啊~~很不符合用戶預期。
但是轉(zhuǎn)念一想胁勺,蘋果為了保證視覺的統(tǒng)一性,也不得不把計算器的按鈕都改成圓形的牺弄,因為其他地方都改了耙黾浮!
打開 App Store 势告,映入眼簾的就是圓角半徑14pt 的卡片~
按鈕的圓角變得更圓~仔細對比一下,能找到很多為了保持視覺統(tǒng)一性所做出的細節(jié)調(diào)整抚恒。
另外咱台,很多交互細節(jié)也做了微調(diào)整,用起來更加流暢俭驮。比如說左滑刪除這個功能回溺,以前的左滑刪除有兩個手勢:手指左滑+點擊刪除按鈕;現(xiàn)在優(yōu)化成了一個手勢混萝,一直往左滑即可實現(xiàn)刪除遗遵。
設計的趨勢變得真是很快,記得去年這個時候還是按照大標題(18~20pt),正文(12~14pt)這樣的規(guī)范來做設計的逸嘀,但是短短幾個月就刮起了大字體風车要,標題 32pt 以上都不嫌大!
畢竟每一個設計趨勢都是為了解決具體的問題而存在的崭倘,經(jīng)過細膩處理的界面才能具有更好的使用體驗翼岁、閱讀體驗,而這些細節(jié)的處理真心值得好好學習司光。
一些力所能及的分析琅坡,學識尚淺,請多指教~