在Material Design 風格中,如何大膽、靈活的使用色彩組合是一項很有挑戰性的任務,今天這10款 Google Material Design 專用的配色工具,可以助你一臂之力。
在這個工具中,你可以先選擇主色和重點色。選完之后工具會自動生成即時預覽圖并提供多種下載的方式。

這是一個漂亮的“小抄”,它把所有能提供給你的顏色匯聚在一個頁面上供你選擇。很不錯哦!

設計師有時候也會“偷懶”。這個工具會隨機搭配好你的設計顏色,自然幫助我們節省了一部分時間。所以,這是把工作交給命運了吧?也挺有趣的啊。

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

這也是一種比較實用的工具,它將所有顏色布局在一張緊湊的網格中以便于選擇。點擊一個主色和重點色就可以預覽并生成你的調色板。

這個工具只顯示500和A200色板的顏色。選擇不一定要很多,精致的就好!

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

類似第六種工具,它只顯示 Material Design 中的 500 顏色。有選擇綜合征的設計師們有福了!

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

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

如果以上這些Web工具你都不喜歡,那么你還可以安裝一個插件/擴展,這樣就能夠將 material design 色板匯集到你自定義的設計軟件中了。
Photoshop / Illustrator用戶:谷歌提供可下載的 Adobe color files (.aco) 插件,它的功能是讓你在PS或AI中的調色過程更舒適、流暢。
Sketch 用戶:嘗試搜索一下這個插件: Koji Ishimoto 的 Material Design Color Palette Sketch Plugin。它是開放的資源,放心下載。
Gimp / Inkscape用戶:有兩種選擇:KiSSFLOW的 Gimp-material-design-color-palette 和 Soichiro Kashima 的 Material-design-colors。兩者都很好用。
快挑一種工具試試吧!發揮你的想象力,創造個性化的Material Design色彩作品,我在這里等你的分享喲。
情非得已
21個Sketch實用高頻小技巧2019-02-15
25款值得收藏的優秀網站模板免費下載2015-09-16
20套高質量的免費網頁模版PSD素材2013-09-02
20款國外時尚大氣的按鈕開關PSD素材下載2013-07-31
CSS實例教程:十步學會用CSS建站2011-10-05
網頁設計師:淺淡網頁BANNER設計2010-09-27
網頁細節教程:WEB設計精確點滴2010-09-13
網頁設計中的點滴細節把握2010-09-01
總結交互組件創新的四種方式2010-06-28
最全的國外電子商務CSS模板下載2010-06-18
網頁設計中如何讓字體和文字搭配更好看
相關文章3692016-10-24
14個提升網頁設計和開發效率的工具網站
相關文章2252016-09-19
精選國外主流建站工具的優缺點分享
相關文章3562016-09-09
25款國外不能錯過的設計工具集合分析
相關文章2572016-08-22
20款為前端和網頁設計師準備的代碼工具
相關文章2792016-08-22
25個設計師必收的超實在設計與工具網站
相關文章4542016-07-11
5個讓設計師和前端都更輕松的工具分享
相關文章2252016-07-11
15款設計師必知的無代碼網站搭建平臺
相關文章1902016-07-11
