在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色彩作品,我在這里等你的分享喲。