Material Theme Editor是一款由谷歌推出的神器,它能幫助做設(shè)計(jì)變得又快又好,用戶安裝這款插件之后就能最大程度的自定義組件樣式的插件,讓你設(shè)計(jì)變得更加自由。
Material Theme Editor主題編輯器軟件介紹
簡單來說,這是一款能夠在 Sketch 上快速生成:基于 Material Design 設(shè)計(jì)規(guī)范的控件庫,并且讓用戶能夠最大程度的自定義組件樣式的插件。═ips:只能進(jìn)行符合 Material Design 規(guī)則的更改)
material theme editor怎么安裝
在本頁面下載Material Theme Editor
安裝插件后,在 Plugins — Material — Open Theme Editor 中打開。
主要功能
1)顏色
通過該插件我們能夠快速替換上面生成的設(shè)計(jì)規(guī)范里的主色、次級色以及背景色,全局替換,非常方便,而且更為犀利的是,它會根據(jù) (WCAG) 2.0 的規(guī)范對你選取的顏色做可視性校準(zhǔn)。
2)字體
通過該插件,能夠設(shè)置默認(rèn) Font Family,并且能夠?qū)γ總字體層級設(shè)置字重,不過暫時不能修改字體層級名稱和字體大小。
3)形狀
眾所周知,Material Design 里面的卡片以及其他組件會有直角和圓角之分,在新的設(shè)計(jì)語言里,Material Design 還加入了新的“Angled”樣式,我把它理解成“折角”,因?yàn)轭愃萍垙埌堰吔钦燮饋淼臉邮健?/p>
通過這個插件可以全局設(shè)置卡片、按鈕等樣式的四個角形式,同樣也很方便。
4)圖標(biāo)風(fēng)格
由于 Material Design 新推出了多種圖標(biāo)風(fēng)格(實(shí)心、線性、雙色、圓角等),能夠通過該插件快速下載不同圖標(biāo)風(fēng)格的 Icons Symbol 以供使用。
總結(jié)起來,Material Theme Editor 應(yīng)該算是這次 Google 設(shè)計(jì)團(tuán)隊(duì)發(fā)布的最讓我驚喜的工具了,它也表明 Material Design UE 設(shè)計(jì)工具已經(jīng)全面轉(zhuǎn)向 Sketch 了。
除了上述提到的幾點(diǎn)之外,Material Design 還修改了大量的設(shè)計(jì)文檔,以及在 Develop 層面做了很多優(yōu)化和修改,提高了設(shè)計(jì)與開發(fā)的協(xié)作效率。
material theme editor打不開怎么辦
方式一是通過Sketch Toolbox安裝
方式二是通過從Github下載插件后手動安裝,對于插件的管理用Sketch自帶的插件管理器。
Material Theme Editor操作面板
這就是主題編輯器的操作面板了:
這款主題編輯器有內(nèi)置四套不同產(chǎn)品類別的主題,其中,Baseline 是 Material Design 基礎(chǔ)設(shè)計(jì)組件主題,另外三個主題是 Google 基于 Material Design 設(shè)計(jì)語言創(chuàng)造出的不同產(chǎn)品類別的主題。
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版