今年的 Google I/O 落下帷幕签餐，許多人期待的 Material Design 2 并沒有到來驹愚，但 Material Design 依然迎來了不小變化绎巨。簡書作者 Shell_Xiao糯米在文章《Google I/O 帶來了 Material Design 的 7 個重大更新》里整理得很全面雅采。在我看來型诚，這些變化有幾處影響深遠(yuǎn)客燕。
設(shè)計與開發(fā)的進(jìn)一步結(jié)合
在此之前，Material Design 只停留在設(shè)計規(guī)范階段狰贯，在開發(fā)方面是缺失的也搓，設(shè)計師雖然可以按照?Material Design 進(jìn)行設(shè)計，但工程師很多時候依然要重新實(shí)現(xiàn)組件和樣式涵紊，維護(hù)起來成本較大傍妒。
這次?Material Design 更新后，設(shè)計文檔處處關(guān)聯(lián)了 Develop 文檔摸柄、資源和 Spec 參考颤练，幾乎全部組件都有官方成熟的方案供開發(fā)者使用，并且 Web驱负、React嗦玖、iOS、Flutter?等平臺/框架都有 Component?包含在內(nèi)跃脊。這讓設(shè)計規(guī)范更實(shí)用了宇挫。
放寬的視覺規(guī)范
以往 Material Design?被詬病規(guī)范太死、讓 app 風(fēng)格千篇一律酪术，而這回 Material Design 希望擺脫這個問題捞稿。在網(wǎng)站上，一批新的 studies（案例）被放在很前面的位置拼缝，緊接著規(guī)范的 Introduction娱局。而且每個組件的介紹中，關(guān)聯(lián)了這些 studies 的實(shí)際應(yīng)用咧七，方便參考衰齐。這次一并推出的 Theme Editor，也提供了相應(yīng)的設(shè)計元素继阻，可以在項(xiàng)目中直接調(diào)用耻涛。
比如在 Shrine?這個 study 里废酷，App bar 不一定是規(guī)整的，缺個角也沒問題抹缕，還有 icon澈蟆、投影、按鈕形狀卓研，通通不作限制趴俘。在 Theme Editor 中，我們可以看到 Floating action button 可以不是圓形奏赘，菱形寥闪、方形、甚至異形都可以磨淌。
但另一面疲憋，雖然視覺層面有所放寬，交互層面依然是很有約束梁只，甚至帶有強(qiáng)烈的工程師思維缚柳。拿橫向?qū)Ш?/a>舉例，每種導(dǎo)航有清楚的縱深級別搪锣，A 不能高于 B喂击，B 不能高于 C。而這些組件又有業(yè)務(wù)和設(shè)備上的建議淤翔，把可用的列出來，擺擺好佩谷，方便簡單旁壮，也難免變得像是在「解題」。
對全面屏的優(yōu)化
在原有 App Bar 組件的基礎(chǔ)上谐檀，原先頂欄被定義為 Top App Bar抡谐，新增了Bottom App Bar，位于底部桐猬。Bottom App Bar 與 Bottom Navigation 不同的是麦撵，前者用于整理主要的 action button，后者類似 iOS 的 Tab Bar溃肪，承載了切換一級頁面的作用免胃。
在全面屏?xí)r代，用戶更難觸控到屏幕的上半部分區(qū)域惫撰，「下拉懸透嵘常」正是很多定制 Android OS 給出的一種全局的方案，而 Bottom App Bar 組件就是 Material Design 的給出的答卷厨钻，直接把按鈕放在底部扼雏。此外坚嗜，經(jīng)典的「三大金剛」鍵被替代為可以拖拽操作的「小橫條」，也是一例诗充。
