google i/o 2018上material design 的新變化

自從google?2014年推出Material Design設(shè)計語言以來,material design一直是使用最多(也是最受喜愛)的視覺設(shè)計語言!主要有兩個原因:

統(tǒng)一:跨平臺運(yùn)行的可視化語言。

直覺Material Design的核心理念是“材料/表面”的行為方式。這使得用戶幾乎可以看到交互中會發(fā)生什么。

但谷歌希望Material Design不僅僅是另一種視覺語言。Google正在構(gòu)建工具來改進(jìn)我們的設(shè)計開發(fā)工作流程!以下是今年google i/o發(fā)布的重要消息:

 

材料主題

這是Material Design的重大升級!材料主題是“系統(tǒng)”定制材料設(shè)計以更好地反映產(chǎn)品品牌的能力。讓我在這里解釋系統(tǒng)的含義:

品牌通過顏色,印刷和形狀在視覺上的呈現(xiàn)。

所以我們需要一種方法來改變材質(zhì)組件中的這些東西!

之前做出這樣的改變,我們不得不使用多個插件來更新Sketch 符號/庫,但是現(xiàn)在我們有了“ 主題編輯器?”。

一些很酷的功能:

1. 更改/添加/更新顏色:這很酷,它可以了解顏色的使用位置,并相應(yīng)地生成陰影/色調(diào)。

1

 

2. 字體管理:這允許您創(chuàng)建視覺上相似的類型層次結(jié)構(gòu)!

2

 

 

3. 形狀:這是新東西,是材料設(shè)計的核心,因為這是關(guān)于更新材料(卡片/形狀)的!您可以根據(jù)品牌定義自定義形狀。

3

 

4. 新的圖標(biāo)樣式:你是否像我一樣被圖標(biāo)和固定樣式的選擇所困擾呢?那么,現(xiàn)在我們有5種不同風(fēng)格的圖標(biāo)。

4

 

畫廊

您是否記得去年Google發(fā)布的一項工具,聲稱這將簡化您的設(shè)計工作流程,但它所能做的只是允許用戶對圖像版本進(jìn)行評論!

5 6

而現(xiàn)在,Google的畫廊回來了!現(xiàn)在它可以在一定程度上解決您設(shè)計上的切換的問題。讓我們看看它到底是怎么樣的。

1. 它允許附加Google文檔,表格和幻燈片!因此,我們可以從需求文檔到用戶研究,到最終的設(shè)計方案,在一個地方完成。

2. 它新增了“項目和收藏”的概念。這與我們的Sketch文件類似,并且有多個頁面!對我來說這是一件很大的改進(jìn)。

3. 如果您上傳的文件名稱相同,則會創(chuàng)建該文件的版本。這有助于了解您的線框如何變成真正的設(shè)計。或者只是看看反饋如何影響您的用戶界面。

4. 檢查模式:規(guī)范生成器!不是一個普通的,它可以檢測符號并顯示你鏈接到該組件的代碼!此外,它可以識別字體家族并顯示Google字體的鏈接!

5. 當(dāng)然,它是免費(fèi)的!不再用Sketch Measure,Zeplin,Marvel或Invison

其他主要更新

1. iOS,Android,Web和Flutter的材質(zhì)組件:

https://material.io/develop/

2. Google如何創(chuàng)建自定義Material主題:解釋Google如何處理其Material Design規(guī)則。

https://material.io/articles/how-google-created-a-custom-material-theme.html#01

3.Material design合作伙伴:了解諸如Lyft,Genius,NPR,Pocket Casts和Zappos等應(yīng)用如何將Material設(shè)計賦予新的表現(xiàn)力。

https://material.io/articles/material-partner-studies.html#01

翻譯自medium

每天更新,
全站高品質(zhì)素材免費(fèi)下載!