提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
這次 Google I/O 2018,Material Design 給我們帶來了足夠多的驚喜。
在 Google I/O 2018 上,Google 設(shè)計團(tuán)隊發(fā)布了他們最新的 Material Design 成果,這些成果可以說是在已經(jīng)趨于沉寂的 Material Design 中注入了一針強(qiáng)心劑,帶來了很多驚喜,以下我會從幾個方面闡述他們這次發(fā)布的核心內(nèi)容。
1、 Material studies
很多學(xué)習(xí)過 Material Design 的同學(xué)肯定最希望的就是能夠有基于 Material Design 的設(shè)計案例作為參考,看看到底基于 Material Design 這個設(shè)計語言能夠創(chuàng)造出多么奇妙的產(chǎn)品。
而 Material studies 能夠完美解決你的這個需求,除此之外,它更是作為一個基于 Material Design 的設(shè)計解決方案向你呈現(xiàn)整體設(shè)計思路,從設(shè)計與品牌的結(jié)合度、信息架構(gòu)、布局、色彩、字體排版、圖標(biāo)、組件、動效等維度讓你深入了解 Material Design 并不是一個刻板不變的設(shè)計規(guī)范,而是能夠基于其中的設(shè)計理念做非常多創(chuàng)造的設(shè)計體系。
可以說看了這些案例分析,對設(shè)計過程和思考方式有了更為清晰直接的了解,能給設(shè)計師帶來極大的幫助,因為 Design System 概念的流行,讓大家認(rèn)識到設(shè)計其實并不僅僅關(guān)注最終結(jié)果,更需要關(guān)注整個設(shè)計過程,以及培養(yǎng)解決問題的設(shè)計能力。
強(qiáng)烈建議大家好好學(xué)習(xí)這幾個設(shè)計案例,真的是干貨滿滿。
https://material.io/design/material-studies/about-our-material-studies.html
2、設(shè)計協(xié)作工具——Gallery
其實 Google 設(shè)計團(tuán)隊很早就放出了 Gallery 的相關(guān)信息,這次總算是實裝上線了,你可以把 Gallery 理解成 Google 的類 Invision 產(chǎn)品,在這里你可以管理設(shè)計項目、團(tuán)隊協(xié)作、實時查看標(biāo)注等,不過整體功能還是沒有 Invision 的豐富(例如簡單的界面交互等),期待完善。
https://material.io/tools/gallery/
3、Material Theme Editor
對于這個工具,我只能用六個字來形容,那就是“牛逼、牛逼、牛逼”!
簡單來說,Material Theme Editor 就是一個能夠在 Sketch 中快速生成基于 Material Design 的設(shè)計規(guī)范,并且能夠按照你的需求最大程度自定義組件樣式的插件,讓我們看看它能夠做到哪些自定義的內(nèi)容。
1)顏色
通過該插件我們能夠快速替換上面生成的設(shè)計規(guī)范里的主色、次級色以及背景色,全局替換,非常方便,而且更為犀利的是,它會根據(jù) (WCAG) 2.0 的規(guī)范對你選取的顏色做可視性校準(zhǔn)。
2)字體
通過該插件,能夠設(shè)置默認(rèn) Font Family,并且能夠?qū)γ總€字體層級設(shè)置字重,不過暫時不能修改字體層級名稱和字體大小。
3)形狀
眾所周知,Material Design 里面的卡片以及其他組件會有直角和圓角之分,在新的設(shè)計語言里,Material Design 還加入了新的“Angled”樣式,我把它理解成“折角”,因為類似紙張把邊角折起來的樣式。
通過這個插件可以全局設(shè)置卡片、按鈕等樣式的四個角形式,同樣也很方便。
4)圖標(biāo)風(fēng)格
由于 Material Design 新推出了多種圖標(biāo)風(fēng)格(實心、線性、雙色、圓角等),能夠通過該插件快速下載不同圖標(biāo)風(fēng)格的 Icons Symbol 以供使用。
總結(jié)起來,Material Theme Editor 應(yīng)該算是這次 Google 設(shè)計團(tuán)隊發(fā)布的最讓我驚喜的工具了,它也表明 Material Design UE 設(shè)計工具已經(jīng)全面轉(zhuǎn)向 Sketch 了。
https://material.io/tools/theme-editor/
4、其他
除了上述提到的幾點之外,Material Design 還修改了大量的設(shè)計文檔,以及在 Develop 層面做了很多優(yōu)化和修改,提高了設(shè)計與開發(fā)的協(xié)作效率。
總結(jié)
這次更新的內(nèi)容,讓我明顯感受到了 Google 設(shè)計團(tuán)隊想要通過 Material Design 給設(shè)計師帶來更多的價值。
這種價值已經(jīng)不僅僅局限于給你提供一個既定的規(guī)范和組件庫來方便你遵守和快速使用,更是希望從設(shè)計體系的維度,告訴你更為合理的設(shè)計過程與設(shè)計思路,幫助你成長為更優(yōu)秀的具有獨立思考能力的設(shè)計師,而非刻板懶惰的規(guī)范遵守者。
“授人以魚不如授人以漁”—— 感謝 Material Design。
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊