超贊！10款快速搭配Material Design 配色方案的Web工具

在Material Design?風(fēng)格中，如何大膽、靈活的使用色彩組合是一項(xiàng)很有挑戰(zhàn)性的任務(wù)，今天這10款 Google Material Design 專用的配色工具，可以助你一臂之力。

Material Design 簡介：

時(shí)至今日大家應(yīng)該都對(duì)這個(gè)設(shè)計(jì)風(fēng)格有所耳聞，如果你還不夠熟悉，這兒有三篇文章可以幫你輕松入門：

1. 首先來認(rèn)識(shí)一下它扁平化設(shè)計(jì)的區(qū)別：《漲姿勢！扁平化設(shè)計(jì)和MATERIAL DESIGN有什么不一樣？》
2. 然后是一份超詳實(shí)的學(xué)習(xí)筆記：《重磅教程！幫你全面徹底搞定MATERIAL DESIGN的學(xué)習(xí)筆記》
3. 最后來一個(gè)實(shí)戰(zhàn)案例：《重磅改版！網(wǎng)易新聞安卓客戶端MATERIAL DESIGN實(shí)戰(zhàn)》

Material Palette

在這個(gè)工具中，你可以先選擇主色和重點(diǎn)色。選完之后工具會(huì)自動(dòng)生成即時(shí)預(yù)覽圖并提供多種下載的方式。

Material UI

這是一個(gè)漂亮的“小抄”，它把所有能提供給你的顏色匯聚在一個(gè)頁面上供你選擇。很不錯(cuò)哦！

Random Material Generator

設(shè)計(jì)師有時(shí)候也會(huì)“偷懶”。這個(gè)工具會(huì)隨機(jī)搭配好你的設(shè)計(jì)顏色，自然幫助我們節(jié)省了一部分時(shí)間。所以，這是把工作交給命運(yùn)了吧？也挺有趣的啊。

Material Design Palette Generator

如果你對(duì)自定義色板感興趣，那么試試Material-design-like這個(gè)工具吧。首先，你需要手動(dòng)設(shè)置一種顏色——不是系統(tǒng)色也可以哦——然后在同色系的色彩選擇對(duì)話窗口中找到你最喜歡的圖形編輯器。材料設(shè)計(jì)面板生成器將根據(jù)你選擇的顏色生成你的色板。

Material Mixer

這也是一種比較實(shí)用的工具，它將所有顏色布局在一張緊湊的網(wǎng)格中以便于選擇。點(diǎn)擊一個(gè)主色和重點(diǎn)色就可以預(yù)覽并生成你的調(diào)色板。

Material Colors

這個(gè)工具只顯示500和A200色板的顏色。選擇不一定要很多，精致的就好！

UPlabs 的 Material Design 工具

這是又一個(gè)簡單的可視化的Material Design工具。它將三原色顯示在側(cè)邊欄。而點(diǎn)擊“color bar”就能夠顯示所有相關(guān)的顏色。操作也很靈活！

Tint UI’s Material Design

類似第六種工具，它只顯示 Material Design 中的 500 顏色。有選擇綜合征的設(shè)計(jì)師們有福了！

Designskilz’s Material Design Colors

第九種工具也非常簡單，它幫助我們將色板中的所有顏色連同他們的正式名稱可視化（如粉紅色，淺藍(lán)色等等）。這樣我們就不必思考所選顏色的名字問題。

MATERIAL @ COLORION

第十款工具除了分享幾百個(gè)色板外，還帶上收藏夾的功能，看到喜歡的配色，用戶還可以收藏起來以便日后使用。

圖形編輯器的插件

如果以上這些Web工具你都不喜歡，那么你還可以安裝一個(gè)插件/擴(kuò)展，這樣就能夠?qū)?material design 色板匯集到你自定義的設(shè)計(jì)軟件中了。

Photoshop / Illustrator用戶：谷歌提供可下載的?Adobe color files (.aco)?插件，它的功能是讓你在PS或AI中的調(diào)色過程更舒適、流暢。

Sketch 用戶：嘗試搜索一下這個(gè)插件： Koji Ishimoto 的 Material Design Color Palette Sketch Plugin。它是開放的資源，放心下載。

Gimp / Inkscape用戶：有兩種選擇：KiSSFLOW的 Gimp-material-design-color-palette 和 Soichiro Kashima 的 Material-design-colors。兩者都很好用。

快挑一種工具試試吧！發(fā)揮你的想象力，創(chuàng)造個(gè)性化的Material Design色彩作品，我在這里等你的分享喲~

這個(gè)系列更不能錯(cuò)過！

1. 《中文版來了！新版Material Design 官方動(dòng)效指南》
2. 《中文版來了！新版MATERIAL DESIGN 官方動(dòng)效指南（二）》
3. 《中文版來了！新版MATERIAL DESIGN 官方動(dòng)效指南（三）》

原文地址：shejidaren

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量160萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com